Mô tả
Tóm tắt
Bạn có thể thêm The Gutenberg Sticky Block vào bất cứ Bài viết hoặc Trang nào, và nó sẽ sticky lên đầu của web khi cuộn chuột. Sticky Block có thể chứa được các Block khác (ví dụ Paragraph, Image, vv) và cũng có thể chèn nó vào bên trong các Block khác (ví dụ Column hoặc Table).
Cách hoạt động tương đối giống với Sticky Menu (Or Anything) plugin, và code lõi của Sticky Menu (or Anything) plugin cũng được sử dụng ở Sticky Block plugin. Nếu bạn muốn sticky một phần tử bên ngoài khu vực content chính (ví dụ: menu, widget), hãy sử dụng Sticky Menu (or Anything) plugin thay cho Sticky Block plugin.
BLOCK nổi bật của tuần (16 tháng 09, 2021).
Tính năng
- Bạn có thể chèn bất cứ Block nào vào Sticky Block: Sticky Block hoạt động như một block “hộp” hoặc “bao”, có thể chứa đựng các loại Block khác.
- Bạn có thể chèn Sticky Block vào trong Block khác: các block hoạt động như một block “hộp” hoặc “bao” (ví dụ Column Block hoặc Table Block) cũng có thể chứa được Sticky Block.
- Vị trí từ trên xuống (tùy chọn): bạn có thể thêm khoảng cách tùy ý giữa Sticky Block và phía trên của web, để phần tử không bị “dính” vào mép trên của web.
- Chỉ bật cho kích thước màn hình nhất định (tùy chọn): bạn có thể thiết lập kích thước màn hình tối thiểu và/hoặc tối đa mà tính năng Sticky sẽ hoạt động. Khá hữu ích khi bạn làm web responsive và không muốn Block này sticky ở trên màn hình có kích thước nhỏ.
- Push-up (tùy chọn): Sticky Block sẽ luôn đính lên đầu trang khi cuộn chuột suốt dọc trang. Trong trường hợp bạn muốn ngừng sticky ở một vị trí nào đó, bạn có thể sử dụng tính năng Push up. Nó khá hữu ích khi bạn có 2 hoặc nhiều Sticky Block, khi cuộn chuột tới vị trí X thì sẽ ngừng sticky Sticky Block 1 và bắt đầu sticky Sticky Block 2. Hoặc khi bạn muốn ngừng Sticky ở một vị trí Y nào đó, để tránh nó đè lên content phía dưới.
- Admin Bar: Nếu thanh quản lí (admin bar) xuất hiện ở đầu web thì Sticky Block sẽ không che khuất nó.
- Z-index: nếu các phần tử khác che khuất hoặc đè lên Sticky Block, bạn có thể thêm Z-index dễ dàng để ngăn chặn điều này.
Ảnh màn hình
Thêm Sticky Block 
Một Sticky Block (có chứa Media-Text Block) với tất cả tùy chọn
Khối
Plugin này cung cấp 1 khối.
- Sticky
Cài đặt
- Cài đặt Sticky Block từ WordPress Plugin Directory. Hoặc, nếu nó không hoạt động:
- Tải thư mục “sticky-block” vào trong thư mục “wp-content/plugins”.
- Ở bảng quản lí WordPress, bấm vào PLUGINS và chọn kích hoạt “Sticky Block”
- Khi bạn chỉnh sửa một Bài viết hoặc Trang, bạn có thể tìm thấy Sticky Block trong các danh sách Block có sẵn khi chèn block.
- Xong rồi đó!
Hỏi đáp
-
Mình có thể thêm nhiều Sticky Block trên cùng một trang không?
-
Tất nhiên là có thể. Không như Sticky Menu (Or Anything) plugin (bạn chỉ có thể chọn sticky một phẩn tử), với Sticky Block plugin, bạn có thể thêm bao nhiêu Sticky Block cũng được.
-
Có thể tùy chỉnh định dạng (màu sắc, font…) của một phần tử nhưng chỉ khi nó ở trạng thái sticky không?
-
Để thay đổi style của Block khi nó chưa sticky, dùng classname “.block-is-not-sticky”.
Để thay đổi style của Block khi nó ở trạng thái sticky, dùng class name “.block-is-sticky”.Code bên dưới sẽ đổi màu Block thành màu đỏ khi nó ở trạng thái chưa sticky, và đổi thành màu xanh khi nó ở trạng thái:
.block-is-not-sticky {
background: red;
}.block-is-sticky {
background: blue;
}Bạn sẽ cần CSS để đè lên style mặc định.
-
Mình cần hỗ trợ nhiều hơn!
-
Bạn có thể truy cập vào diễn đàn hỗ trợ ở WordPress.org và đăng câu hỏi (kèm link web bạn gặp vấn đề nếu được).
-
Mình muốn có thêm vài tính năng mà hiện tại plugin chưa có. Bạn có thể tùy chỉnh plugin không?
-
Hiện tại mình chưa có thời gian để nhận job tùy chỉnh.
-
Plugin này được tạo ra như thế nào?
-
Sticky Block được tạo bằng Create Guten Block Toolkit của Ahmad Awais.
Đánh giá
Người đóng góp & Lập trình viên
“Sticky Block for Gutenberg Editor” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.
Những người đóng góp
“Sticky Block for Gutenberg Editor” đã được dịch qua 5 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.
Dịch “Sticky Block for Gutenberg Editor” sang ngôn ngữ của bạn.
Muốn tham gia phát triển?
Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.
Nhật ký thay đổi
1.11
- Sửa lỗi nhỏ (cảm ơn @brogr vì đã báo cáo lỗi này)
- Tương thích với WP 6.0
1.1
- Tương thích với WP 5.9
1.0
- Phiên bản đầu tiên của plugin