--- title: "Hướng dẫn cài đặt plugin WP AMP đầy đủ và chi tiết" author: "Trung Hiếu" date: "2016-09-19" lastmod: "2016-09-19" url: "https://wpcanban.com/wordpress/thu-thuat-wordpress/cai-dat-plugin-wp-amp.html" --- # Hướng dẫn cài đặt plugin WP AMP đầy đủ và chi tiết Hướng dẫn cài đặt plugin WP AMP đầy đủ và chi tiết. ![huong-dan-cai-dat-plugin-wp-amp-chi-tiet](https://wpcanban.com/wp-content/uploads/2016/09/huong-dan-cai-dat-plugin-wp-amp-chi-tiet.png) Nếu bạn đã hoặc đang có ý định sở hữu cho mình plugin *[WP AMP](https://wpcanban.com/tag/wp-amp/)* (được *WP Căn bản* giới thiệu cách đây không lâu) nhưng phân vân không biết cách cấu hình nó như thế nào thì bài viết này là dành cho bạn. *WP AMP* được chúng tôi đánh giá là một trong những plugin tạo giao diện *AMP* tốt nhất dành cho *[WordPress](https://wpcanban.com/category/wordpress)* ở thời điểm hiện tại bởi tính toàn diện của nó. Một trang web sở hữu giao diện *AMP* sẽ có cơ hội được *Google* “nâng đỡ” trên bảng xếp hạng kết quả tìm kiếm di động. Tham khảo thêm: - *[Trang dành cho thiết bị di động được tăng tốc (AMP)](https://wpcanban.com/wordpress/thu-thuat-wordpress/trang-danh-cho-thiet-bi-di-dong-duoc-tang-toc-amp.html)* - *[Sở hữu plugin tạo giao diện AMP tốt nhất – WP AMP với giá chỉ 120k](https://wpcanban.com/khuyen-mai/plugin-tao-giao-dien-amp-tot-nhat.html)* Trước khi đi vào nội dung chính của bài viết, xin trân trọng thông báo đến toàn thể độc giả, kể từ hôm nay 19/09/2016, *[WP Căn bản](https://wpcanban.com)* sẽ chính thức chuyển sang sử dụng giao thức *[HTTPS](https://wpcanban.com/tag/https)* thay cho *HTTP* truyền thống. Đây là một động thái nhằm chuẩn bị “đối phó” với tuyên bố trước đó của *Google* rằng trình duyệt *Chrome* sẽ cảnh báo nguy hiểm đối với các trang web không sử dụng giao thức *HTTPS* bắt đầu từ năm 2017. Thực ra, *Google* đã bắt đầu ưu tiên các trang web sử dụng *HTTPS* từ cách đây rất lâu rồi. Tuy nhiên, đây là lần đầu tiên họ tỏ ra mạnh tay như vậy. ## Hướng dẫn cài đặt plugin WP AMP 1. Đầu tiên, như thường lệ, các bạn cần cài đặt và kích hoạt plugin *WP AMP* bằng cách upload thông qua *WordPress Admin*. 2. Tiếp theo, truy cập vào *Settings* => *WP AMP*. Tại đây, các bạn lần lượt cấu hình các phần như sau. ### Tab General ![thiet-lap-tab-general-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-general-cua-plugin-wp-amp.png) - *Google Analytics Code*: nhập mã tracking *Google Analytics* của bạn. - *Redirect Mobile Users*: tự động chuyển hướng người dùng di động sang giao diện *AMP*. - *AMP Content Max-Width*: thiết lập độ rộng tối đa của giao diện *AMP*. - *Publisher Logo for Schema.org*: upload logo của bạn, sử dụng để đánh dấu dữ liệu *Schema.org*. - *Default Image for Shema.org*: upload hình ảnh mặc định, sử dụng để đánh dấu dữ liệu *Schema.org*. - *Post Types*: lựa chọn các loại nội dung bạn muốn tạo giao diện *AMP*. - *Archives*: lựa chọn các loại trang lưu trữ mà bạn muốn tạo giao diện *AMP*. - *Enable Ads*: kích hoạt tính năng hiển thị quảng cáo *AdSense* trên giao diện *AMP*. - *Compatibility mode*: kích hoạt tính năng cho phép loại bỏ code của các plugin khác, giúp khắc phục lỗi giao diện *AMP* trên *Google Webmasters*. ### Tab Appearance – Colors ![thiet-lap-tab-appearance-colors-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-appearance-colors-cua-plugin-wp-amp.png) - *Header Background*: chọn màu nền header. - *Footer Background*: chọn màu nền footer. - *Page Background*: chọn màu nền trang. - *Main Title*: chọn màu chữ của tiêu đề. - *Link Text*: chọn màu cho link. - *Main Text*: chọn màu chữ cho phần nội dung. - *Header Text*: chọn màu chữ header. - *Footer Text*: chọn màu chữ footer. – Fonts ![thiet-lap-tab-appearance-fonts-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-appearance-fonts-cua-plugin-wp-amp.png) Phần này cho phép bạn lựa chọn font chữ cho logo, menu, tiêu đề, post peta, phần nội dung và footer. – Header ![thiet-lap-tab-appearance-header-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-appearance-header-cua-plugin-wp-amp.png) - *Header Menu*: thiết lập menu cho giao diện *AMP*. - *Logo Type*: lựa chọn loại logo (chữ, hình ảnh, cả chữ và hình ảnh). - *Logo Text*: logo bằng chữ. - *Logo Icon*: logo bằng hình ảnh. – Footer ![thiet-lap-tab-appearance-footer-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-appearance-footer-cua-plugin-wp-amp.png) Phần này cho phép bạn chèn nội dung cho footer, hỗ trợ code HTML. – Post Meta Data ![thiet-lap-tab-appearance-post-meta-data-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-appearance-post-meta-data-cua-plugin-wp-amp.png) - *Author*: hiển thị tên tác giả bài viết. - *Categories*: hiển thị chuyên mục của bài viết. - *Tags*: hiển thị thẻ của bài viết. - *Date Format*: lựa chọn kiểu hiển thị thời gian. – Social Share Buttons ![thiet-lap-tab-appearance-social-share-buttons-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-appearance-social-share-buttons-cua-plugin-wp-amp.png) Phần này cho phép bạn lựa chọn các nút chia sẻ mạng xã hội sẽ được hiển thị trong giao diện *AMP*. ### Tab Templates – Posts ![thiet-lap-tab-templates-posts-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-templates-posts-cua-plugin-wp-amp.png) - *Ad Block #1*: vị trí quảng cáo thứ 1. - *Post Title*: tiêu đề bài viết. - *Featured Image*: hình ảnh nổi bật của bài viết. - *Post Meta Block*: hiển thị post meta. - *Post Content*: nội dung bài viết. - *Social Share Buttons*: hiển thị nút chia sẻ mạng xã hội. - *Related Posts*: hiển thị bài viết liên quan. - *Ad Block #2*: vị trí quảng cáo thứ 2. Các bạn có thể kéo – thả để thay đổi vị trí của các mục trong giao diện *AMP*. – 404 Page ![thiet-lap-tab-templates-404-page-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-templates-404-page-cua-plugin-wp-amp.png) - *404 Page Title*: tiêu đề trang 404. - *404 Page Content*: nội dung mô tả cho trang 404. - *Search Form*: kích hoạt khung tìm kiếm cho trang 404. – Pages ![thiet-lap-tab-templates-pages-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-templates-pages-cua-plugin-wp-amp.png) Các mục tương tự như phần *Posts*. Các bạn cũng có thể kéo – thả để thay đổi vị trí của chúng. – Search ![thiet-lap-tab-templates-search-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-templates-search-cua-plugin-wp-amp.png) - *Page Title*: tiêu đề trang tìm kiếm. - *Content Block*: hiển thị ảnh thumbnail và post meta trong trang tìm kiếm. Các bạn có thể kéo thả để thay đổi vị trí của các thành phần. – Blog Page ![thiet-lap-tab-templates-blog-page-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-templates-blog-page-cua-plugin-wp-amp.png) - *Blog Page Title*: tiêu đề trang blog. - *Content Block*: hiển thị ảnh thumbnail và post meta trong trang blog. Các bạn có thể kéo thả để thay đổi vị trí của các thành phần. – Archives ![thiet-lap-tab-templates-archives-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-templates-archives-cua-plugin-wp-amp.png) - *Archive Title*: tiêu đề trang lưu trữ. - *Description*: mô tả cho trang lưu trữ. - *Content Block*: hiển thị ảnh thumbnail và post meta trong trang lưu trữ. Các bạn có thể kéo thả để thay đổi vị trí của các thành phần. ### Tab Extras CSS ![thiet-lap-tab-extra-css-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-extra-css-cua-plugin-wp-amp.png) Nếu muốn tùy chỉnh *CSS* của giao diện *AMP*, bạn có thể bổ sung code vào phần này. ### Tab Ads ![thiet-lap-tab-ads-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-ads-cua-plugin-wp-amp.png) Nếu muốn hiển thị quảng cáo *AdSense* trong giao diện *AMP*, các bạn sẽ phải thiết lập trong tab *Ads*. - *Height*: chiều cao của quảng cáo. - *Width*: độ rộng của quảng cáo. - *Type*: loại quảng cáo. - *AdSense Client*: *ID AdSense* của bạn. - *Data Slot*: ID quảng cáo của bạn. ### Tab WooCommerce Tab này dành riêng cho những bạn có sử dụng plugin *WooCommerce* và chỉ khi bạn cài *WooCommerce* thì nó mới xuất hiện. – Product Page ![thiet-lap-tab-woocommerce-product-page-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-woocommerce-product-page-cua-plugin-wp-amp.png) - *Image*: hiển thị hình ảnh sản phẩm. - *Title*: tiêu đề của sản phẩm. - *SKU*: hiển thị *Stock Keeping Unit*. - *Add To Cart Block*: hiển thị giá, trạng thái kho hàng và nút giỏ hàng. - *Categories*: hiển thị chuyên mục của sản phẩm. - *Tags*: hiển thị thẻ của sản phẩm. - *Short Description*: hiển thị mô tả ngắn về sản phẩm. - *Description*: hiển thị phần mô tả của sản phẩm. - *Sociak Share Buttons*: hiển thị nút chia sẻ mạng xã hội. Các bạn có thể kéo thả để thay đổi vị trí của các thành phần. – Shop Page ![thiet-lap-tab-woocommerce-shop-page-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-woocommerce-shop-page-cua-plugin-wp-amp.png) - *Image*: hiển thị hình ảnh của sản phẩm. - *Short Description*: hiển thị mô tả ngắn về sản phẩm. - *Add To Cart Block*: hiển thị giá sản phẩm và nút thêm vào giỏ hàng. Các bạn có thể kéo thả để thay đổi vị trí của các thành phần. – Product Archives ![thiet-lap-tab-woocommerce-product-archives-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-woocommerce-product-archives-cua-plugin-wp-amp.png) Các thiết lập của phần này tương tự như phần *Shop Page*. – Add to Cart ![thiet-lap-tab-woocommerce-add-to-cart-cua-plugin-wp-amp](https://wpcanban.com/wp-content/uploads/2016/09/thiet-lap-tab-woocommerce-add-to-cart-cua-plugin-wp-amp.png) - *Add to Cart Text*: tùy chỉnh nút *Add To Cart* trên giao diện *AMP*. - *Add to Cart Behavior*: lựa chọn hành động khi ai đó bấm vào nút *Add To Cart*. Trên đây là hướng dẫn chi tiết về cách cài đặt plugin *WP AMP*. Hy vọng nó sẽ giúp các bạn nhanh chóng làm quen với plugin này một cách dễ dàng hơn. Mọi thắc mắc và góp ý về việc cài đặt plugin *WP AMP* xin vui lòng gửi vào khung bình luận bên dưới để được giải đáp. *Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều.* :)