Nút CSS WordPress

Tạo các nút trong WordPress dường như là công việc của một chủ đề hoặc một plugin. Và đó có thể là những lựa chọn tốt

Nhưng cũng thật dễ dàng để tạo các nút của riêng bạn trong WordPress với một chút CSS. Và khi bạn tạo mã ban đầu, thật dễ dàng để thêm các nút của riêng bạn vào nơi bạn muốn

Chúng tôi sẽ xem xét làm thế nào để làm điều đó dưới đây

 

Thêm một liên kết đến trang web của bạn

Điều đầu tiên bạn muốn làm là thêm một liên kết đến bài đăng hoặc trang của bạn như bình thường

Giả sử bạn muốn nút của mình có nội dung “Đăng ký ngay. ” Vì vậy, bạn chỉ cần thêm một liên kết có nội dung đó và bạn có thể định vị nó ở nơi bạn muốn

Trong trường hợp của tôi, nó trông như thế này

 

Thêm một lớp vào liên kết của bạn

Tiếp theo, bạn sẽ cần vào phần mã trên trang của mình (tôi. e. phần “Văn bản”) và thêm một lớp vào liên kết của bạn

Đầu tiên, tìm mã cho liên kết của bạn. Đây là những gì của tôi trông giống như

Tiếp theo, thêm một “lớp” vào mã liên kết của bạn. Đặt cho lớp của bạn một tên duy nhất để nó không xung đột với bất kỳ lớp nào khác có thể đã tồn tại trong CSS của trang web của bạn

Trong trường hợp của tôi, tôi đặt tên cho lớp của mình là “my-button”. Đảm bảo thêm nó vào mã liên kết – tôi. e. bên trong phần bắt đầu bằng

Chủ đề