Hướng dẫn sử dụng Shortcode trong Init Press

Init Press là theme WordPress tập trung vào nội dung, hướng đến trải nghiệm viết đơn giản nhưng vẫn đủ linh hoạt để xây dựng các trang hiệu quả. Để làm được điều đó, Init Press cung cấp hệ thống shortcode nhẹ, hoạt động tốt với Classic Editor và mọi trình soạn thảo hỗ trợ shortcode.

Hướng dẫn sử dụng Shortcode trong Init Press

Bài viết này sẽ hướng dẫn cách sử dụng các shortcode hiện có trong Init Press phiên bản 1.0.2 và cách áp dụng chúng vào nội dung một cách hợp lý trong các bài viết, landing page hoặc tài liệu hướng dẫn.

Shortcode Button

Shortcode [button] cho phép bạn tạo nút kêu gọi hành động gọn gàng, căn giữa, sử dụng giao diện UIkit. Shortcode này phù hợp cho các liên kết quan trọng như trang giới thiệu, tài nguyên tải về hoặc website bên ngoài.

Nút được hiển thị dưới dạng button cỡ lớn, bo tròn, và hệ thống sẽ tự động xử lý liên kết ngoài bằng cách thêm các thuộc tính cần thiết để đảm bảo an toàn và tối ưu SEO.

Cách sử dụng cơ bản:

[button link="https://example.com" text="Xem thêm"]

Nếu liên kết trỏ đến website bên ngoài, Init Press sẽ tự động thêm target="_blank" cùng các thuộc tính rel phù hợp. Với liên kết nội bộ, shortcode sẽ giữ nguyên cấu trúc mặc định.

Shortcode Post

Shortcode [post] cho phép bạn nhúng một bài viết cụ thể trực tiếp vào nội dung. Tính năng này đặc biệt hữu ích khi bạn muốn giới thiệu bài viết liên quan, bài nổi bật hoặc nội dung nên đọc thêm.

Giao diện hiển thị được thiết kế tối giản: ảnh đại diện nằm bên trái, tiêu đề và đoạn mô tả ngắn nằm bên phải. Nội dung được rút gọn để giữ bố cục gọn gàng và dễ đọc.

Nhúng bài viết theo ID:

[post id="123"]

Nhúng bài viết theo slug:

[post slug="hello-world"]

Nếu bài viết có đoạn mô tả (excerpt) được nhập thủ công, hệ thống sẽ ưu tiên sử dụng. Trong trường hợp không có, Init Press sẽ tự động tạo đoạn mô tả ngắn từ nội dung bài viết.

Shortcode Note

Shortcode [note] được sử dụng để hiển thị các ghi chú, cảnh báo hoặc thông tin bổ sung ngay trong nội dung bài viết. Shortcode này dựa trên UIkit alert và giúp nội dung rõ ràng, dễ theo dõi hơn.

Shortcode [note] hỗ trợ các kiểu hiển thị primary, success, warningdanger, đồng thời cho phép hiển thị icon để tăng khả năng nhận diện thông tin.

Ví dụ sử dụng:

[note type="warning" icon="warning"]Init Press không sử dụng Page Builder.[/note]

Bạn có thể sử dụng shortcode note để nhấn mạnh thông tin quan trọng, đưa ra cảnh báo kỹ thuật hoặc bổ sung ngữ cảnh cho người đọc mà không làm rối bố cục bài viết.

Lưu ý khi sử dụng shortcode

Bạn nên sử dụng shortcode một cách có chọn lọc để giữ nội dung rõ ràng và mạch lạc. Shortcode [button] phù hợp cho các hành động chính, trong khi shortcode [post] giúp điều hướng người đọc đến các nội dung liên quan.

Shortcode [note] nên được dùng để giải thích, cảnh báo hoặc làm nổi bật thông tin quan trọng, tránh lạm dụng trong các đoạn nội dung ngắn.

Với định hướng tập trung vào hiệu năng và khả năng đọc, hệ thống shortcode của Init Press được giữ ở mức đơn giản. Trong các phiên bản tiếp theo, theme có thể bổ sung thêm shortcode hoặc tùy chọn nâng cao khi thực sự cần thiết.

Bình luận


  • Không có bình luận.

Init Toolbox

Nhấn Ctrl + \ trên máy tính, hoặc vuốt sang trái ở bất kỳ đâu trên mobile.

Đăng nhập





Đang tải...