Mục lục
- 1 Mục Lục
- 2 Giới thiệu
- 3 Shortcode là gì?
- 4 Top 20 shortcode hữu ích
- 4.1 1.
- 4.2 2.
- 4.3 3.
- 4.4 4.
- 4.5 5.
- 4.6 6. [table]
- 4.7 7.
- 4.8 8. [quote]
- 4.9 9. [tabs]
- 4.10 10.
- 4.11 11. [toggle]
- 4.12 12. [progress]
- 4.13 13. [countdown]
- 4.14 14. jQuery( document ).ready(function() { function initialize() { var styles = { 'flatsome': [{ "featureType": "administrative", "stylers": [ { "visibility": "on" } ] }, { "featureType": "road", "stylers": [ { "visibility": "on" }, { "hue": "" } ] }, { "stylers": [ { "visibility": "on" }, { "hue": "" }, { "saturation": -30 } ] } ]}; var myLatlng = new google.maps.LatLng(40.79028, -73.95972); var myOptions = { zoom: 17, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, mapTypeId: 'flatsome', draggable: true, zoomControl: false, zoomControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // panControl: false, // panControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, mapTypeControl: false, mapTypeControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // scaleControl: false, // scaleControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, streetViewControl: false, streetViewControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // overviewMapControl: false, // overviewMapControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, scrollwheel: false, disableDoubleClickZoom: true } var map = new google.maps.Map(document.getElementById("map-385921043-inner"), myOptions); var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'}); map.mapTypes.set('flatsome', styledMapType); var marker = new google.maps.Marker({ position: myLatlng, map: map, title:"" }); } // Required to proceed if (!(typeof google === 'object' && typeof google.maps === 'object')) { return } google.maps.event.addDomListener(window, 'load', initialize); google.maps.event.addDomListener(window, 'resize', initialize); }); #map-385921043 .map-inner { background-color: #fff; max-width: 30%; } #map-385921043 .map-height { height: 400px; }
- 4.15 15. [icon]
- 4.16 16. [social]
- 4.17 17. [tabs]
- 4.18 18. [timeline]
- 4.19 19. [team]
- 4.20 20.
- 5 Lưu ý khi sử dụng shortcode
- 6 Câu hỏi thường gặp
Mục Lục
Giới thiệu
WordPress là một nền tảng mạnh mẽ cho việc xây dựng website, và shortcode là một trong những tính năng giúp người dùng tối ưu hóa nội dung một cách dễ dàng. Việc sử dụng shortcode không chỉ giúp tiết kiệm thời gian mà còn tăng cường tính năng cho trang web của bạn.
Shortcode là gì?
Shortcode là một đoạn mã ngắn, thường được bao bọc trong dấu ngoặc vuông, cho phép bạn chèn các chức năng phức tạp vào bài viết hoặc trang một cách đơn giản. Chỉ cần nhập shortcode vào nội dung, WordPress sẽ tự động chuyển đổi nó thành mã HTML tương ứng.
Top 20 shortcode hữu ích
Dưới đây là danh sách 20 shortcode hữu ích mà bạn nên biết:
1.
- Chèn một bộ sưu tập hình ảnh vào bài viết.
- Thay đổi kích thước và bố cục dễ dàng.
2.
- Nhúng một tệp âm thanh vào bài viết.
- Hỗ trợ nhiều định dạng âm thanh khác nhau.
3.
- Chèn video từ URL bên ngoài.
- Hỗ trợ các nền tảng như YouTube, Vimeo.
4.
- Nhúng nội dung từ các trang web khác.
- Thích hợp cho việc chia sẻ nội dung đa phương tiện.
5.
- Thêm chú thích cho hình ảnh.
- Giúp tăng tính hấp dẫn cho bài viết.
6. [table]
- Tạo bảng dữ liệu trong bài viết.
- Hỗ trợ định dạng dễ dàng.
7.
- Tạo nút kêu gọi hành động.
- Có thể tùy chỉnh màu sắc và kích thước.
8. [quote]
- Chèn trích dẫn trong bài viết.
- Tăng cường tính thuyết phục cho nội dung.
9. [tabs]
- Tạo các tab nội dung để tăng trải nghiệm người dùng.
- Dễ dàng quản lý và sắp xếp thông tin.
10.
- Thêm phần nội dung có thể mở rộng.
- Giúp tiết kiệm không gian và giữ thông tin gọn gàng.
11. [toggle]
- Chuyển đổi giữa hai trạng thái hiển thị nội dung.
- Thích hợp cho việc trình bày thông tin chi tiết.
12. [progress]
- Tạo thanh tiến trình cho các dự án.
- Thể hiện mức độ hoàn thành một cách trực quan.
13. [countdown]
- Thêm đồng hồ đếm ngược cho sự kiện đặc biệt.
- Giúp tăng sự hồi hộp cho người xem.
14.
- Nhúng bản đồ Google vào bài viết.
- Giúp người dùng tìm kiếm vị trí dễ dàng hơn.
15. [icon]
- Chèn biểu tượng vào nội dung.
- Tăng tính thẩm mỹ cho trang web.
- Chia sẻ nội dung lên mạng xã hội.
- Thúc đẩy lượt truy cập và tương tác.
17. [tabs]
- Tạo các tab nội dung để tăng trải nghiệm người dùng.
- Dễ dàng quản lý và sắp xếp thông tin.
18. [timeline]
- Trình bày sự kiện theo dòng thời gian.
- Giúp người dùng dễ dàng theo dõi lịch sử.
19. [team]
- Giới thiệu đội ngũ nhân viên hoặc thành viên nhóm.
- Tạo sự kết nối và tin cậy với khách hàng.
20.
- Chèn đánh giá từ khách hàng.
- Tăng độ tin cậy cho sản phẩm/dịch vụ của bạn.
Lưu ý khi sử dụng shortcode
Để sử dụng shortcode hiệu quả, bạn cần lưu ý một số điểm sau:
- Đảm bảo rằng theme hoặc plugin mà bạn đang sử dụng hỗ trợ shortcode.
- Kiểm tra tính tương thích với các phiên bản WordPress khác nhau.
- Tránh sử dụng quá nhiều shortcode trong cùng một bài viết để không làm giảm tốc độ tải trang.
Câu hỏi thường gặp
Câu hỏi 1: Shortcode có an toàn không?
Có, miễn là bạn sử dụng các shortcode từ các nguồn đáng tin cậy.
Câu hỏi 2: Tôi có thể tạo shortcode riêng không?
Có, bạn có thể tạo shortcode tùy chỉnh trong file functions.php của theme.
Câu hỏi 3: Sử dụng shortcode có ảnh hưởng đến SEO không?
Shortcode không ảnh hưởng trực tiếp đến SEO, nhưng việc tối ưu nội dung với shortcode hợp lý có thể cải thiện trải nghiệm người dùng và giữ chân họ lâu hơn trên trang.
