Khối mã wordpress
|
Sử dụng Gutenberg, trình soạn thảo Block Editor mới, trên các giao diện WordPress không tương thích có thể khiến bạn hơi chướng mắt khi sử dụng phông chữ mặc định Hãy thử lấy ví dụ về một giao diện không hỗ trợ Block Editor. Khi đó bạn sẽ thấy giao diện người nhập như sau Điều này có thể điều chỉnh rất đơn giản. Ta hãy thử lấy ví dụ về bộ định dạng phông chữ của Twenty Twenty Đầu tiên, bạn nên tạo 1 chủ đề con cho giao diện hiện tại. Nếu bạn đang sử dụng chủ đề riêng, thì ta có thể bắt đầu luôn Trong thư mục theme hiện tại, ví dụ wp-content/themes/codetot, ta cần tạo 1 file mới trình chỉnh sửa kiểu. css (chứa style của block editor), nội dung như sau Tiếp đến, ta cần mở tệp // Load style into a backend editor
function codetot_site_block_editor_styles() {
wp_enqueue_style( 'site-block-editor-styles', get_theme_file_uri( '/style-editor.css' ), false, '1.0', 'all' );
}
add_action( 'enqueue_block_editor_assets', 'codetot_site_block_editor_styles' );
Kết quả là khi nhập nội dung và hiển thị trong khu vực soạn thảo, ta đã thấy có phông chữ từ giao diện đang sử dụng Như trong bài viết trước chúng ta đã biết Gutenberg là một trình soạn thảo mới cho WordPress, với những tính năng mới hứa hẹn sẽ thay thế hoàn thành toàn bộ trình soạn thảo hiện tại TinyMCE. Xem thêm. Gutenberg là gì Trong bài viết này, chúng ta sẽ tìm hiểu về cách sử dụng Gutenberg như thế nào và một số phím tắt giúp sử dụng ứng dụng nhanh chóng và thuận tiện hơn Giao diện của GutenbergChúng ta sẽ xem xét chi tiết giao diện của Gutenberg  Sử dụng Block trong GutenbergĐể thêm khối mới chúng ta sẽ nhấp vào biểu tượng có dấu + và chọn khối cần thêm
Các phím tắt trong GutenbergĐể sử dụng Gutenberg một cách chuyên nghiệp và tiết kiệm thời gian, chúng ta nên tìm hiểu về các phím tắt. Phím tắt toàn cầu Gutenberg Phím tắt ActionMac Phím tắt Windows ShortcutHiển thị cửa sổ phím tắtCtrl Opt HAlt Shift HLưu các thay đổi của bạnCmd SCtrl SUHoàn tác các thay đổi cuối cùng của bạnCmd ZCtrl ZLàm lại thao tác hoàn tác cuối cùng của bạnCmd Shift ZCtrl Shift ZHiển thị hoặc ẩn thanh bên cài đặtCmd Shift ,Ctrl Shift ,Điều hướng đến phần tiếp theo của trình chỉnh sửaCtrl `Ctrl `Điều hướng đến phần tiếp theoPhím tắt khối Gutenberg Phím tắt ActionMac Phím tắt Windows Phím tắtSao chép (các) khối đã chọn Cmd Shift DCtrl Shift DXóa (các) khối đã chọn Cmd Opt BackspaceCtrl Alt BackspaceChèn một khối mới trước (các) khối đã chọn Cmd Opt TCtrl Alt TChèn một khối mới sau (các) khối đã chọnKết luậnHy vọng qua bài viết này sẽ giúp các bạn có thể bước đầu quen hơn với việc sử dụng Gutenberg trong WordPress. Trong các bài viết sau chúng ta sẽ tìm hiểu về cách viết mã để thêm khối cho Gutenberg. Tham khảo. https. //khối nguyên tử. com/use-gutenberg-like-a-pro-with-keyboard-shortcuts/ WordPress là một dự án nguồn mở rộng mà bất cứ ai cũng có thể tùy chỉnh mã nguồn theo nhu cầu sử dụng. WordPress có hàng ngàn Plugin/Theme hoàn toàn miễn phí, cũng như widget và các công cụ khác. Tất cả các tính năng này cho phép bạn tạo bất kỳ loại trang web nào, bắt đầu từ các Blog đơn giản, các trang web cá nhân hoặc các trang giới thiệu cho các cửa hàng điện tử, các cơ sở tri thức hoặc trang |
