Nút WordPress

Việc thêm các nút trong WordPress không phải lúc nào cũng đơn giản như người ta mong đợi ở một nền tảng thân thiện với người dùng. Nhiều người dùng WordPress cảm thấy bối rối khi họ phải đối mặt với nhu cầu về các nút trên trang web WordPress của họ. Nhưng thực sự không có gì phải lo lắng, việc thêm nút không yêu cầu bất kỳ kỹ năng hay kiến ​​thức đặc biệt nào và chúng tôi sẽ chia sẻ bốn cách khác nhau, đơn giản để thêm nút vào bất kỳ trang nào trên trang web của bạn

Trong bài viết này, bạn sẽ học được những điều sau

Tại sao các nút lại hữu ích

Mỗi nút là một lời kêu gọi hành động cụ thể. Theo logic này, bạn có thể sử dụng một nút bất cứ khi nào bạn muốn hướng hành vi của người dùng tới một mục tiêu cụ thể – để đọc một phần đặc biệt nào đó của một bài báo, đưa họ điền vào biểu mẫu, gửi họ đến một trang web bên ngoài, trang đích hoặc . Các nút hét lên khi nhấp, đặc biệt là khi chúng được tạo kiểu và phân bổ thông minh. Ngoài việc suy nghĩ về chức năng của chúng, bạn cũng nên xem xét cẩn thận thiết kế các nút WordPress của mình. Chúng có thể cải thiện đáng kể và làm phong phú thêm trải nghiệm người dùng đồng thời giúp bạn đạt được mục tiêu của mình

Cách thêm một nút trong Elementor

Nếu vì bất kỳ lý do gì bạn thích làm việc với Elementor hơn, bạn không cần phải thay đổi thói quen của mình, bạn cũng có thể dễ dàng thêm nút với Elementor. Phương pháp này có lẽ sẽ là lựa chọn đầu tiên của mọi người mới bắt đầu. Hãy xem nó được thực hiện như thế nào

Sau khi mở bài đăng của bạn trong Elementor, hãy nhấp vào biểu tượng dấu cộng để thêm phần tử mới

Sau đó, nhập “nút” vào trường tìm kiếm trong menu bên trái và nhấp vào tùy chọn nút khi nó xuất hiện trong kết quả tìm kiếm

Bạn sẽ nhận thấy một số tùy chọn để tùy chỉnh nút

Loại – tùy chọn này cho phép bạn chọn loại nút bạn muốn tạo và đặt màu nút tương ứng. Nếu là nút thông tin, nó sẽ có màu xanh lam. Nếu là nút cảnh báo, nó sẽ có màu cam, v.v.

Văn bản – đây là nơi bạn nhập văn bản bạn muốn hiển thị trên nút

Liên kết – đây là nơi bạn chèn URL mà bạn muốn mở khi nhấp vào nút

Kích thước – bạn có thể chọn giữa các kích thước nhỏ, vừa, lớn và cực nhỏ/lớn cho nút của mình

Biểu tượng – nếu bạn muốn thêm một biểu tượng để làm cho nút hấp dẫn hơn, hãy nhấp vào đây và bạn sẽ có thể chọn từ nhiều biểu tượng có sẵn

Vị trí biểu tượng – xem biểu tượng trông đẹp hơn trước hay sau văn bản trên nút

Giãn cách biểu tượng – bạn cũng có thể đặt khoảng cách giữa biểu tượng và văn bản trên nút

Bạn có thể sửa đổi nút của mình bằng các tùy chọn từ tab Kiểu

Cách thêm nút bằng Qi Addons cho Elementor

Qi Addons cho Elementor là một plugin cực kỳ linh hoạt và dễ sử dụng, đi kèm với hơn 60 tiện ích miễn phí và hơn 40 tiện ích cao cấp, đồng thời bao gồm cả tiện ích nút. Đó là một giải pháp rất phong cách để thêm các nút vào trang web của bạn và bạn có thể chọn xem bạn muốn thêm tiện ích nút, tiện ích nút thông tin hay nút cao cấp tuyệt vời vào trang của mình ngay từ đầu

Tiện ích nút

Sau khi bạn chọn nút bạn muốn tạo, bạn có thể bắt đầu tùy chỉnh theo nhu cầu của mình. Bạn có hai cài đặt cơ bản để tùy chỉnh Nội dung và Kiểu và cũng có các tùy chọn Nâng cao cho phép bạn tinh chỉnh nhiều chi tiết hơn. Tuy nhiên, trong hầu hết các trường hợp, bạn sẽ thấy hai cài đặt đầu tiên khá đủ để tạo một nút đẹp và hiệu quả. Trước tiên hãy bắt đầu với cài đặt nội dung

Cài đặt Nội dung bao gồm các cài đặt cho phép bạn xác định mục đích của nút – đây là nơi bạn nhập văn bản sẽ hiển thị trên nút, chọn loại bố cục nút, đặt liên kết cho URL mà bạn muốn nút dẫn đến. . Bạn cũng có tùy chọn để chọn kích thước và loại nút ở đây

Tùy chọn thú vị tiếp theo là tùy chọn Biểu tượng cho phép bạn thêm biểu tượng vào nút của mình, từ thư viện biểu tượng hoặc bằng cách tải biểu tượng đó lên từ máy tính của bạn

Thư viện biểu tượng có nhiều lựa chọn biểu tượng để cung cấp

Tuy nhiên, nếu bạn đã chuẩn bị sẵn một biểu tượng, bạn chỉ cần tải nó lên từ máy tính của mình rồi tiếp tục đặt vị trí và đường viền của nó.

Bạn có nhiều tùy chọn hơn để tinh chỉnh giao diện của nút và biểu tượng trên đó theo ý của bạn. Bạn có thể điều chỉnh tất cả các chi tiết như màu văn bản, độ rộng đường viền, bán kính và màu, màu nền và phần đệm

Đây là kết quả trông như thế nào trong trường hợp của chúng tôi

Tiện ích thông tin nút

Như chúng tôi đã đề cập trước đây, QI Addons cho phép bạn chọn giữa các nút thêm và nút thông tin. Nếu bạn chọn nút thông tin, quy trình cài đặt nút này thực tế giống nhau nhưng có một điểm khác biệt đáng kể. Nút thông tin Cài đặt nội dung bao gồm một tùy chọn để đặt văn bản phụ của nút. Đây là văn bản sẽ hiển thị bên dưới văn bản chính trên nút và bạn có thể sử dụng nó để mô tả kỹ hơn mục đích của nút

Bạn cũng có thể tùy chỉnh phông chữ và màu sắc của văn bản phụ. Dưới đây bạn có thể thấy kết quả trông như thế nào trên trang của chúng tôi

Cách thêm nút bằng plugin

MaxButton là một trong những plugin phổ biến nhất được sử dụng để thêm các nút trong WordPress. Nó thân thiện với người dùng và cho phép bạn thêm nút một cách đơn giản, mặc dù không nhanh như bạn tưởng tượng. Bạn bắt đầu giống như với bất kỳ plugin nào khác, bằng cách cài đặt và kích hoạt nó

Sau khi bạn cài đặt và kích hoạt plugin, trong menu bảng điều khiển WordPress ở bên trái, bạn sẽ thấy tùy chọn mới được thêm cho MaxButtons. Nhấp vào Thêm mới để đến trang cài đặt nơi bạn có thể tạo một nút mới

Bạn sẽ tìm thấy nhiều cài đặt và tùy chọn có sẵn để tạo kiểu cho nút của mình trên trang này. Đảm bảo nhập tên và văn bản của nút và tất nhiên là URL của trang bạn muốn mở khi nhấp vào nút. Sau khi quyết định về các cài đặt cơ bản này, bạn có thể tiếp tục tinh chỉnh giao diện của nút

Cuộn xuống để xem tất cả các tùy chọn mà bạn có thể điều chỉnh. Bạn sẽ thấy các cài đặt để điều chỉnh viền nút

Lưu ý rằng bạn luôn có thể xem bản xem trước của nút trong cửa sổ bật lên ở góc trên bên phải của trang cài đặt. Khi bạn cuộn xuống, nhiều tùy chọn sẽ xuất hiện, bạn có thể dễ dàng đặt màu nền của nút cũng như bóng văn bản nếu muốn

Đừng lo lắng nếu bạn bỏ lỡ một số điều chỉnh ở đây, bạn sẽ có thể thay đổi lại tất cả các chi tiết trong khi chèn nút trên bài đăng/trang chuyên dụng. Vì vậy, khi bạn hài lòng với giao diện nút của mình, đừng quên nhấp vào Lưu

Bây giờ đến phần bạn chèn nút vào bài viết. Chuyển đến bài đăng mới hoặc chỉnh sửa trang bài đăng từ menu bảng điều khiển WP của bạn. Bạn sẽ nhận thấy tùy chọn mới để thêm các nút. Nhấp vào nó và chọn nút bạn đã tạo trước đó

Nếu bạn đã tạo nhiều phiên bản nút, bạn sẽ thấy tất cả chúng ở đây. Chọn cái bạn muốn chèn vào bài viết được chỉ định

Và đây là kết quả trông như thế nào trong trường hợp của chúng tôi

Có nhiều tùy chọn hơn để tùy chỉnh nút có sẵn với plugin này. Chúng tôi muốn trình bày các bước cơ bản và sau đó khi bạn cảm thấy đủ tự tin, bạn có thể tiếp tục khám phá tất cả các khả năng đi kèm với công cụ này. Một điều chắc chắn là nó rất dễ sử dụng và bạn sẽ nhanh chóng thành thạo nó

Một cách khác để thêm các nút trong Elementor là sao chép mã ngắn trong tiện ích mã ngắn, nhưng đó chắc chắn không phải là giải pháp tốt nhất cho người dùng Elementor

Cách thêm một nút trong Gutenberg Editor

Thêm nút bằng trình chỉnh sửa Gutenberg cực kỳ dễ dàng. Mặc dù nó không cung cấp nhiều tùy chọn như plugin, nhưng nếu bạn muốn một giải pháp đơn giản và thanh lịch thì đây là một lựa chọn tốt

Vì vậy, điều đầu tiên cần làm là nhấp vào biểu tượng dấu cộng để thêm khối. Sau đó tìm khối Nút

Khi bấm vào biểu tượng nút sẽ xuất hiện nút có menu phía trên. Chỉ cần nhập văn bản bạn muốn xuất hiện trên nút trong trường nút và ở trên, bạn có thể đặt liên kết, chọn một trong ba cách sắp xếp có sẵn để xác định vị trí của nút, đặt kiểu, màu sắc, phông chữ của nút

Dưới đây bạn có thể thấy nút chúng tôi đã tạo theo cách này

Thoải mái điều tra tất cả các tùy chọn có sẵn và tận hưởng sự đơn giản của quy trình

Plugin Max cũng có thể được sử dụng để thêm các nút trong Gutenberg. Nó đi kèm với khối nút đi kèm và thủ tục cũng rất đơn giản. Chỉ cần nhấp vào tùy chọn khối MaxButtons và nút được gửi sẽ hiển thị để bạn bắt đầu tùy chỉnh nó

Cách thêm nút trong Gutenberg Editor với Plugin Ultimate Blocks

Nếu nút mặc định trong Gutenberg không đáp ứng nhu cầu của bạn, thì bạn có thể xem xét plugin Ultimate Blocks

Plugin đi kèm với khối Nút được cải tiến đi kèm với một số tùy chọn tùy chỉnh rất tốt

Nó cho phép bạn chọn kích thước nút từ 4 tùy chọn khác nhau. Nhỏ, Trung bình, Lớn và Cực lớn

Hơn nữa, bạn cũng có thể chọn làm cho các nút tròn hoặc vuông. Cuối cùng, bạn cũng có thể thêm một biểu tượng vào nút của mình để làm cho nó trông bắt mắt hơn

Để sử dụng khối Nút được cải tiến trong Gutenberg, tất cả những gì bạn phải làm là cài đặt plugin Ultimate Blocks và nhấp vào biểu tượng (+) và tìm kiếm 'Nút'

Sau khi khối được thêm vào, bạn có thể tùy chỉnh nó theo nhu cầu của mình bằng cách thay đổi màu sắc, kích thước, biểu tượng và kiểu của nó

Tóm lại là

Như bạn có thể thấy, việc thêm một nút trong WordPress không phải là khoa học tên lửa. Tất cả bốn phương pháp chúng tôi mô tả ở đây đều dễ dàng và thoải mái cho người mới bắt đầu. Lựa chọn tùy thuộc vào mức độ tùy chỉnh mà bạn cần cũng như lượng thời gian và công sức bạn muốn đầu tư vào việc tạo nút. Nếu bạn cần thêm hướng dẫn về chủ đề này, hãy cho chúng tôi biết trong phần bình luận

Chúng tôi hy vọng bài viết này hữu ích. Nếu bạn thích nó, vui lòng xem một số bài viết này

Nút trên WordPress là gì?

Tôi có thể tìm các nút trong WordPress ở đâu?