Nếu bạn thích nhất người mới bắt đầu viết blog và thậm chí trung cấp, thì bạn chắc chắn không có kiến ​​thức về HTML / CSS. Nhiều blogger (như tôi) thích sử dụng bổ sung cho phép họ thêm các nút vào bài đăng hoặc trang của họ bằng shortcodes. Nhưng những mã ngắn này - mã ngắn - khó nhớ và khó cấu hình.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn làm thế nào để thêm các nút WordPress không sử dụng mã ngắn.

Nếu bạn chưa quen với thế giới WordPress, hãy khám phá Làm thế nào để cài đặt một bước 7 blog WordPress

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt Plugin « Quên Giới Buttons SHORTCODE '.

Một khi bạn đã kích hoạt điều này Plugin, bạn sẽ chỉ cần tạo một ấn phẩm mới hoặc sửa đổi một cái đã tồn tại và bạn sẽ thấy một nút mới trong Trình chỉnh sửa trực quan với tiêu đề « Nút chèn » (Thêm On một nút).

FASB-editorbutton

Để chèn một nút mới trong ấn phẩm hoặc trang của bạn, bạn phải nhấp vào nút Chèn một nút. Điều này sẽ đưa ra một cửa sổ nơi bạn có thể thiết kế nút mới của bạn.

designyourbutton

Tất cả những gì bạn cần làm là thêm văn bản nút và url, sau đó chọn văn bản và màu nền. Sau đó nhấp vào trình đơn thả xuống của tùy chọn "Loại"Để chọn hình dáng của nút của bạn. Bạn cũng có thể chọn kích thước của nút.

Hoàn thành kiến ​​thức của bạn bằng cách khám phá Làm thế nào để sử dụng và quản lý shortcodes WordPress

Nếu bạn nhấp vào tab « Biểu tượng », sau đó bạn sẽ có thể thấy các biểu tượng mà bạn có thể thêm trước hoặc sau văn bản của các nút. những biểu tượng chính xác hơn là các biểu tượng-phông chữ.

buttonswithicons

Trong quá trình tạo nút, bạn sẽ có thể xem trước từng thay đổi của mình theo thời gian thực. Khi bạn hài lòng với giao diện, chỉ cần nhấp vào chèn.

Kiểm tra bài viết này và ngưỡng mộ Làm thế nào để cải thiện thiết kế các hạng mục WordPress của bạn với những shortcodes miễn phí

Bạn cũng có thể chọn các phương pháp căn chỉnh từ trình chỉnh sửa để căn chỉnh nút ở giữa, trái hoặc phải. Nhấp đúp vào nút để hiển thị cửa sổ chỉnh sửa nút và bạn có thể chỉnh sửa nút nếu muốn.

Ở cấp độ này, bây giờ bạn có tùy chọn thêm các nút vào WordPress mà không cần sử dụng mã ngắn. Nhưng trước khi rời khỏi bạn, chúng tôi khuyên bạn nên tham khảo ý kiến ​​của hai plugin WordPress cao cấp sẽ cho phép bạn quản lý hiệu quả các mã ngắn.

1. Trình tạo trang WPBakery

WPBakery Page Builder, trước đây được gọi là Visual Composer, là một trình tạo trang cao cấp và cực kỳ phổ biến khác. Phần lớn sự phổ biến này đến từ thực tế là Trình tạo trang WPBakery đi kèm với gần 99% Chủ đề WordPress bởi ThemeForest. Nhưng thực tế vẫn là nó được sử dụng trên một số lượng rất lớn các trang web.

trình tạo trang wp bánh e1544277016913
Giống như Divi Builder, WPBakery Page Builder cho phép bạn chỉnh sửa trực quan và chỉnh sửa back-end. So với những thứ như Elementor hoặc Divi Builder, các tùy chọn tạo kiểu của WPBakery Page Builder có một chút hạn chế. Bạn có quyền kiểm soát tốt các đường, nhưng các tùy chọn tạo kiểu cho các phần tử riêng lẻ bị hạn chế hơn một chút.

Nếu bạn muốn sử dụng CSS của riêng mình, bạn có thể thêm một lớp CSS hoặc ID tùy chỉnh cho các thành phần riêng lẻ hoặc bạn có thể thêm các kiểu thực tế vào cấp độ trang.

Tôi không chắc chắn rằng WPBakery Page Builder có các tính năng độc đáo đặc biệt đáng chú ý. Nhưng những gì anh ta có là một cộng đồng mở rộng rất lớn. Giống như Divi Builder, WPBakery Page Builder để lại vô số mã ngắn trong nội dung của bạn nếu bạn tắt nó. Khám phá hướng dẫn

Tải về | Bản demo | Web hosting

2. Người xây dựng Divi

Divi Builder là một trình tạo trang chất lượng cao được đánh giá cao bởi Elegant Themes. Mặc dù thường được sử dụng như một phần của chủ đề WordPress Divi, Divi Builder cũng là một plugin độc lập mà bạn có thể sử dụng trên các Chủ đề WordPress.

chia e1544278044306

Không giống như hai trình xây dựng trước đó, Divi Builder cho phép bạn chỉnh sửa nội dung của mình bằng giao diện trực quan ở front-end cũng như giao diện ở back-end, mặc dù hầu hết người dùng thích giao diện đầu tiên hơn. .

Về cơ bản, thay vì các thanh bên, tất cả đều ở dạng cửa sổ bật lên và các nút nổi. Nó cho phép bạn truy cập vào 316 mẫu được thiết kế sẵn trải rộng trên 40 gói bản trình bày khác nhau, cũng như khả năng lưu thiết kế của riêng bạn dưới dạng mẫu.

Một trong những đặc điểm của Divi luôn là sự kiểm soát các phong cách anh ấy mang lại cho bạn. Trên ba tab khác nhau, bạn có thể định cấu hình các cài đặt khác nhau, bao gồm các điều khiển phản hồi, khoảng cách tùy chỉnh và hơn thế nữa.

Bạn thậm chí có thể thêm CSS tùy chỉnh, vì trình chỉnh sửa CSS của nó bao gồm xác thực cơ bản và tự động hoàn thành. Một trong những lời chỉ trích về Divi Builder luôn là nó dựa trên các mã ngắn. Có nghĩa là nếu bạn tắt nó đi, nó sẽ để lại một loạt các mã ngắn trong nội dung của bạn. Mặc dù điều này có chút phiền muộn, nhưng hiện tại, các plugin như Shortcode Cleaner đã tồn tại ít vấn đề hơn. 

Tải về | Bản demo | Web hosting

Các tài nguyên được đề xuất khác

Đi xa hơn trong việc làm chủ trang web WordPress của bạn bằng cách tham khảo các tài nguyên được đề xuất này.

Kết luận

Thế thôi! Chúng tôi hy vọng bài viết này sẽ giúp bạn thêm các nút vào WordPress không sử dụng shortcodes. Nếu bạn có bất kỳ đề nghị hoặc nhận xét, họ sẽ được chào đón.

Chúng tôi cũng mời bạn tham khảo ý kiến ​​của chúng tôi tài nguyên nếu bạn là một blogger mới bắt đầu. Nhưng, nChúng tôi mong bạn chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...