Hướng dẫn cài đặt plugin WP AMP đầy đủ và chi tiết.
Nếu bạn đã hoặc đang có ý định sở hữu cho mình plugin 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 ở 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)
- Sở hữu plugin tạo giao diện AMP tốt nhất – WP AMP với giá chỉ 120k
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 sẽ chính thức chuyển sang sử dụng giao thức 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
- 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
- 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
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
- 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
Phần này cho phép bạn chèn nội dung cho footer, hỗ trợ code HTML.
– Post Meta Data
- 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
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
- 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
- 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
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
- 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
- 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
- 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
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
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
- 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
- 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
Các thiết lập của phần này tương tự như phần Shop Page.
– Add to Cart
- 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. :)
Cảm ơn bạn đã chia sẻ bài viết này. Để thử làm theo xem thế nào :)
Mình cài AMP vào bị lỗi không truy cập được vào quản trị nữa bạn
havip.com/wp-admin khoogn vào được nữa
Bạn vào thư mục /wp-content/plugins/ qua File Manager của host hoặc phần mềm FTP rồi tìm và xóa thư mục của plugin AMP đó đi là có thể truy cập được.
Sử dụng AMP thì bao nhanh trên google, mà cái này chỉ tối ưu cho tìm kiếm trên điện thoại thì phải. Mình đã từng dùng cho blog của mình giúp cải thiện thứ hạng khá đáng kể vì được ưu tiên.
Mình sử dụng plugin AMP for WP – Accelerated Mobile Pages nhưng shortcode trên AMP không hiển thị được toàn lỗi, mình mới tập làm web, bạn biết plugin nào hiện shortcode chỉ mình với nhé :D
Bỏ đi bạn ơi. AMP có trải nghiệm người dùng chán lắm, bounce rate cũng cao.
Cài cái này có ảnh hưởng đến thứ hạng từ khóa không ad
Ảnh hưởng đến thứ hạng tìm kiếm trên di động bạn nhé.
A Hiếu cho e hỏi bây giờ dùng AMP có còn hỗ trợ gì cho SEO không anh?
SEO thì có bạn nhé. Nhưng về mặt trải nghiệm người dùng thì mình thấy nó không được tốt cho lắm, thiếu sót quá nhiều tính năng. :P
Hi bạn,
1. Hiện mình cũng đang muốn thực hiện AMP cho website của mình, nhưng mình còn 1 số thắc mắc nữa là web mình là web bán sản phẩm, chủ yếu dùng woocommerce. Không biết cài AMP thì có ảnh hưỡng gì nhiều không? Nghe nhiều Bác nói là vỡ giao diện gì gì.
2. Nếu mình muốn mua bản quyền plugin này thì Bạn có bán không? Giá cả ra sao? cho mình xin chi tiết vào email trangphucdien@gmail.com nhé.
Cám ơn nhiều.
Thứ nhất, hiện tại bên mình không bán plugin này nữa. Thứ hai, site WooCommerce thì không nên cài AMP vì giao diện nó khá đơn giản nên có thể sẽ không gây được thiện cảm với người dùng. :)
Không biết có sung đột với wp rocket nữa không mà cài mãi vẫn không được add ơi
Xem lại giúp mình cái nhá
Website: chatuchak.vn
Cám ơn add
hi. tự nghiên cứu thêm bạn 0i
Cho mình hỏi là sau khi cài amp mà mình không điều chỉnh gì thì web vẫn hiện theo theme mình đã cài và tùy chỉnh ah?
Và mình cài mà không điều chỉnh gì thì có có phát huy được tác dụng của amp với seo không?
Thanks
Chào bạn, web mình lỡ cài amp giờ muốn huỷ mà ko ảnh hưởng đến seo thì phải làm sao bạn?
Mình nghĩ là có đấy. Ít ra là nó sẽ ảnh hưởng đến thứ hạng tìm kiếm trên di động. :)
Bác có bản Pro ko ạ, cho em xin 1 cái với
Plugin này bên mình chỉ bán (giá 120k) chứ không chia sẻ bạn ạ. Mong bạn thông cảm. :)
Hiện tại @Trung Hiếu đang dùng plugin AMP nào thế?
Mình đang dùng AMP kết hợp với AMP for WP. Tổng cộng có 2 plugin. :P
Chào bạn. Mình gặp lỗi với trang amp, bạn hướng dẫn khắc phục giúp mình chút, cụ thể mình cài WP AMP, khi tìm kiếm trên google kết quả tìm kiếm bài viết của mình đã hiển thị ký hiệu AMP. Nhưng khi click để truy cập bài viết thì lại hiện màn hình trắng xoá không vào đk trang và k hiện gì cả còn lúc mình nhập url bài viết bằng tay vào thanh đia chỉ thì vào đk bài viết giao diện amp. Lỗi gì vậy bạn nhỉ?
Kích vào kết quả tìm kiếm trên google đối với các bài k có ký hiệu AMP thì lại truy cập đk.
Link web của bạn là gì?
toithanhdat.com bạn ah.
Kiểm tra trên google tool nó báo nhiều lỗi quá bạn ah.
1. Sử dụng thẻ hay thuộc tính đã ngừng sử dụng
2. Thẻ HTML bị cấm hoặc được sử dụng không hợp lệ
3. Đánh dấu AMP bị thiếu hoặc không chính xác
4. Đã tìm thấy JavaScript của người dùng trên trang
5. Thẻ HTML bị cấm với thẻ tương đương cho AMP
6. Biểu định kiểu CSS không hợp lệ…
chắc do theme và plugin setup k đúng. Bạn tư vấn cách khắc phục giúp mình chút
Bạn dùng plugin của PageFrog à? Plugin đó lâu rồi không được cập nhật nên lỗi nhiều lắm. Nên chuyển qua sử dụng WP AMP ấy. :P
Mình dùng WP AMP mà. Cấu hình như bài viết này của bạn luôn. Lỗi gì nhỉ bạn?
Mình test 1 bài viết của bạn thấy Google báo trang AMP hợp lệ mà? :O
Chào bạn. Mình đã thử các kiểu con đà điểu nhưng k có cách fix tại vì k biết gì về code. Trang amp hợp lệ khi test và hiển thị amp ở kết quả tìm kiếm nhưng khi truy cập vào thì lại bị trắng trang. Lỗi ở đâu bạn nhỉ?
Trường hợp của bạn mình cũng bó tay. Chắc phải hỏi anh Google Bots. :P
Đành vậy. Tiện cho mình hỏi bạn dùng plugin amp nào vậy?
Mình dùng AMP for WP. :D
Có link download không bạn ơi? Share cho tớ phát
WP AMP là plugin trả phí bạn ạ. Bên mình bán giá 120k, hỗ trợ update vĩnh viễn. :)
Chào bạn. Mình thắc mắc là khi cài Facebook Instant Articles & Google AMP Pages by PageFrog thì website sử dụng giao diện cài đặt của plugin này. Khi mình cài WP AMP thì làm thế nào website chuyên sang giao diện WP AMP nhỉ? hay WP AMP chỉ hỗ trợ thêm những tùy chỉnh mà PageFrong chưa có? Cảm ơn bạn
Cài 1 trong 2 plugin thôi bạn nhé, để tránh xung đột. Ưu tiên WP AMP vì plugin của PageFrog đã lâu không được cập nhật nên tồn tại nhiều lỗi. :)
cảm ơn bạn. mình cài pageprog để sửa lỗi amp nếu xoá đi thì liệu cài 1 plugin wp amp thì có khắc phục được lỗi của amp k bạn? thank
Plugin WP AMP cũng có tính năng fix lỗi tương tự PageFrog bạn nhé. Và bật mí cho bạn 1 chút: mình chính là người đã đưa ra gợi ý về tính năng này cho tác giả của plugin WP AMP. :D
ohm. sáng kiến hữu ích. Cảm ơn bạn. Tiện hỏi về amp mình cũng đang vướng FB Instant Articles. Bài viết post lên FIA bị cảnh báo và không hiện hình ảnh ở bài viết tại FIA. bạn tư vấn giúp mình chút. Thank
p/s: bài viết theo tiêu chuẩn Facebook Instant Articles là ntn vậy nhỉ?
AMP có phải là yếu tố xếp hạng trên công cụ tìm kiếm chưa Hiếu nhỉ ? thấy cũng ít người chuyển sang amp.
AMP được Google đưa vào xếp hạng tìm kiếm lâu rồi bạn ơi. Nó chủ yếu ảnh hưởng đến thứ hạng tìm kiếm trên di động thôi. :P
Rep nhanh thật :D , ngoài giao diện amp của wp ra thì còn có giao diện nào đẹp hơn k Hiếu ? thấy giao diện automatic nhìn tối giản quá.
Có nhiều plugin phát triển trên giao diện AMP mặc định của Automattic lắm bạn. Chẳng hạn như AMP for WP, WP AMP Ninja hay Better AMP. Chúng có giao diện đẹp hơn và nhiều tính năng hơn bản gốc. :)
Hiếu có bài hướng dẫn nào 1 trong 3 plugin trên k ? mình muốn cài cho website.
Rất tiếc là không bạn ạ. Cài mấy cái này cũng đơn giản mà. :)
Cái này nếu chấp nhận không cập nhật plugin thì có thể tự can thiệp vào vào plugin AMP được mà, thêm code mình thích vào giao diện AMP, không khuyến khích nếu cậu không rành về code! Tùy chỉnh thoải máy ;)
Thấy trong google webmaster có phần đánh giá AMP, đang băng khoăn có nên sử dụng plugin để bật chức năng nay không nữa, vì hiện tại rất nhiều cách và không biết cai này đặt chuẩn và sử dụng lâu dài
Mình dùng của Automatic. Liệu nó xung với plugin nao ko nhỉ bạn?. Thanks
Nó hay bị xung đột với các plugin hỗ trợ lazy load hình ảnh. :P
Hiếu cho mình hỏi. Khi mình cài Plugin AMP thì trong bài viết khoonghieenj ảnh là lỗi gì vậy. Cách khắc phục như thế nào? Các ảnh khác vẫn ok.
Bạn dùng plugin WP AMP như trong bài hướng dẫn này hay là AMP (mặc định của Automattic)? :P
Cái này thành viên vip có k nhỉ?
VIP Đặc biệt mới có nhé. :)
Mình dùng plugin amp nó không hợp với kk star rating. Mình check thấy đoạn code của kk star làm các bài viết của mình không đủ điều kiện vào amp của google. Như bạn giới thiệu thì đây là plugin WP Amp chư không phải là amp không
Plugin WP AMP (trả phí) khác với plugin AMP (miễn phí) bạn nhé. Nếu bạn sử dụng plugin AMP thì xem hướng dẫn cách khắc plục lỗi trong bài viết này: Khắc phục lỗi kk Star Ratings trên giao diện AMP của WordPress
Cho mình hỏi, cái wp-amp này ,mình đăng ký mua 120k là 1 tháng hay trọn gói,?
Mình có bài viết có div table, nếu xài wp-amp này thì có chỉnh được không, chứ cái amp của automatic, cái bảng của mình nó bị chuyển thành text hết, không chỉnh css được , như vậy nè http://thanhlapacsc.vn/thanh-lap-cong-ty-tnhh-2-thanh-vien.html/amp
120k là giá trọn gói bạn ạ. Bạn dùng plugin hay code HTML để tạo bảng vậy? Mình dùng plugin TablePress thì khi lên giao diện AMP vẫn theo hàng cột bình thường. Mỗi tội cái CSS đã bị loại bỏ. Muốn bổ sung CSS chắc phải chỉnh sửa template của plugin. :)
Bảng của mình dùng div, và css để tạo bảng đó, mình có thể chèn thêm css vào plugin không bạn
Plugin có mục Extra CSS để chèn CSS tùy biến đó bạn. :)
mình có đăng ký mua rồi bạn ơi, bây giờ là mình vô đông a và thanh toán thôi hả
Mình đã nhận được tiền và vừa gửi link download cho bạn. Vui lòng kiểm tra email giúp mình nhé. :)
Bạn ơi, cho mình hỏi, sau khi cài plugin amp vào, thì google webmater tool báo thẻ tiêu đề và meta bị trùng lặp giữa các trang như vậy nè
/doanh-nghiep-tu-nhan-co-uu-nhuoc-diem-gi.html/amp
/doanh-nghiep-tu-nhan-co-uu-nhuoc-diem-gi.html
Làm sao khắc phục ạ, 40 trang dính rồi, hixhix
Ủa. Mình view source của AMP thấy có link rel=”canonical” mà sao nó vẫn bị lỗi trùng lặp được nhỉ? :O Bạn cài thêm plugin Glue for Yoast SEO & AMP vào xem sao. :P
Mình cũng không biết sao bị lỗi này nữa, thấy rel=canonical là đúng rồi , chắc đợi thời gian coi sao , mà web của bác không bị cái này hả
Mình hiện tại chỉ có nhu cầu tạo giao diện AMP cho bài viết nên đang dùng plugin AMP miễn phí của Automattic. :)
vậy nó cứ báo lỗi này miết thì sao bác, hixhix,
Bạn cài thêm plugin Glue for Yoast SEO & AMP xem có khắc phục được không? Nếu bị lỗi kéo dài thì báo để mình feedback với tác giả. :)
Mình tìm ra nguyên nhân rồi , do URL canonical là “…uu-nhuoc-diem-gi.html/” thay vì “uu-nhuoc-diem-gi.html”, bây giờ mình muốn chỉnh sửa cái thẻ này trong plugin ở đâu vậy ad ơi, mò hoài không ra, hix
Để mình liên hệ với tác giả yêu cầu họ fix lỗi này cho. :P
Then kiu bạn nhiều, giờ ngồi hóng fix thôi chứ không biết sửa :P
Mình vừa gửi yêu cầu cho họ rồi. :)
Bên đó nâng cấp chưa H nhỉ, chờ dài cả cổ luôn, hix
Chưa bạn. Mà mình dùng plugin AMP mặc định của Automattic, link canonical chuẩn nhưng vẫn bị Google Search Console báo lỗi trùng lặp tiêu đề đây. Chả hiểu nữa. :P
Vậy ha? , kỳ dậy trời, kiểu này chắc không cài amp , chờ coi sao quá, trùng lặp quá, rớt hạng te te luôn kkk
Vừa có bản 6.5 fix lỗi canonical. Bạn download về test thử xem nhé. :)
ok, để mình cài thử, mừng quá, đã có bản fix, cảm ơn H nhé
Bạn thử chuyển sang cái của Automatic dùng đỡ trong khi chờ fix đi, mình thấy cái này ít lỗi hơn đó.
AMP của Automattic vẫn lỗi trùng lặp như thường nhé. Không hiểu tại sao. :P
Đang bị đau đầu thằng này quá, cài xong thì khi mình search 1 từ khóa trên google thì bài viết mình có amp, click vào thì cũng vẫn là amp tuy nhiên khi chuyển qua page khác thì về lại mặc định chứ ko còn amp nữa.
Cái nữa là site mình cho khách đặt hàng = Contact Form , khi xài AMP thì Contact Form 7 không hiện, quá nhọ luôn
Bạn dùng plugin nào để tạo trang AMP vậy? :P
sao em thấy chậm lắm anh mới mua của anh đang test thử trên site thử nghiệm . chậm kinh khủng hơn 2′ . vãi nhái
Họ mới vừa cập nhật bản 6.3 đấy. Bạn down về xem có cải thiện được gì không? Plugin này đúng là load hơi chậm thật. Nhưng chậm mấy phút như của bạn thì có vấn đề rồi. Có thể do host cấu hình quá yếu? Trên thực tế, Google thu thập dữ liệu của các trang AMP rồi tạo 1 bản cache trên máy chủ của họ. Khi khách truy cập vào trang AMP từ kết quả tìm kiếm của Google thì thật ra là họ đang truy cập máy chủ của Google chứ không phải truy cập host của bạn. Nên trang AMP của bạn chậm khi truy cập trực tiếp cũng không phải là vấn đề quá lớn. :P
em ko sài host ,e đang dùng vps của azdigi thấy cũng ok,
Cấu hình cụ thể thế nào bạn? :P
Cách nào chuyển thừ http sang https mà ko mất thứ hạn được bạn nhỉ ?
Có hướng dẫn đầy đủ và chi tiết rồi bạn nhé: https://wpcanban.com/wordpress/thu-thuat-wordpress/chuyen-tu-http-sang-https-khong-mat-thu-hang.html
mình có mua plugin của bạn nhưng không có cách nào bật amp một số bài viết nhỉ, nó auto tất cả bài đều amp, phải vào tắt thì mới được @@
Đặc biệt thấy gamek cũng cài amp nhưng giao diện không hề bị thay đổi thì là như thế nào nhỉ?
Plugin mặc định bật cho toàn bộ các trang rồi bạn nhé. Nếu bạn muốn tắt bật theo ý thì buộc phải làm thủ công. Giao diện AMP của GenK được họ tùy biến cho giống với giao diện gốc. Nếu bạn có đủ khả năng, bạn cũng hoàn toàn có thể làm được mà. :P
Mình đang dùng plugin Null để test trên site thử nghiệm, khi nào ok rồi thì đặt mua của Hiếu. Plugin này có cái dở là hình ảnh trong bài viết mô tả sản phẩm ko hiển thị. Hiếu tìm hiểu xem có cách khắc phục ko.
Cái này bạn chụp ảnh lỗi + error_log (nếu có) + viết cho mình nội dung report (bằng tiếng Anh) để mình gửi yêu cầu tác giả fix cho nhé. Vì mình test trên site bình thường thì không bị lỗi như bạn. :)
Thuộc tính ‘property’ có thể không xuất hiện trong thẻ ‘span’.
Thuộc tính ‘property’ có thể không xuất hiện trong thẻ ‘div’.
Thuộc tính ‘href’ có thể không xuất hiện trong thẻ ‘div’.
Thuộc tính ‘vocab’ có thể không xuất hiện trong thẻ ‘div’.
Hiếu ơi, trang của mình cài wp amp vẫn bị lỗi thế này thì phải sửa thế nào?
Download và update bản 5.0 xem sao nhé. :P
Cái mình đang dùng là của Hiếu gửi bữa trước, bản 5.0 luôn đó =.=
Hiếu ơi cho mình hỏi mấy vấn đề:
– làm sao để hiển thị cái kk-rating-star trên trang/bài viết amp được?
– Tắt plugin share daddy trên trang amp vì trang amp nó có button share rồi.
1. Không thể hiển thị code kk Stars Rating trên giao diện AMP được vì nó sẽ gây lỗi cấu trúc giao diện.
2. Đây là lỗi còn tồn tại của plugin này (không ẩn hết được toàn bộ code của plugin Jetpack) => bạn phải tự tìm cách ẩn bằng functions.php hoặc style.css. Nếu không, bạn phải tắt các module này đi và thay thế bằng giải pháp khác. :P
Mình chọn ẩn bằng extra css của wp amp , đoạn code mình thử là
div.sharedaddy .sd-sharing-enabled {display: none;}
mà nó ko có tác dụng, Hiếu coi qua giùm mình cái page với.
Bạn dùng code này nhé:
.sharedaddy.sd-sharing-enabled {
display: none;
}
code này mình bỏ vào extra css của wp amp không có tác dụng, hay mình phải bỏ vào style.css hả Hiếu.
Cho vào Extra CSS của plugin WP AMP bạn nhé. Cho vào Style.css thì khỏi hiển thị trên giao diện desktop luôn. Lạ vậy, mình dev thử trên Firefox thấy nó bị ẩn đi mà. Bạn đã xóa cache của web và cache trình duyệt chưa? :P
Mình đã clear cache site và trình duyệt vẫn không ăn thua.
Đúng là dev thử trên ff thì ok mà bỏ vào site thì không nhận
Bạn thử chèn trực tiếp vào file CSS của plugin WP AMP xem sao. :P
Em đang xài Visual Composser cho cái page, liệu thì chơi ku này xong cái giao diện nó ra kỉu gì nhỉ ??. Tính mua dùng mà sợ cái homepage nó lại ra tào lao thì toi cơm ^^!.
Mà cài cái này thì bỏ cái Facebook Instant Articles & Google AMP Pages by PageFrog với AMP đi chứ phải ko anh ?
Bỏ được nhé. Vì WP AMP cũng có những tính năng như PageFrog rồi. :P
AMP chẳng liên quan gì đến giao diện desktop cả. Vì nó có giao diện của riêng mình. :)
cho mình hỏi theme có tính năng responsive rồi thì còn sử dụng cái plugin này để làm gì ?
Google bảo cần bạn ạ. Hihi. :D :P
à tất cả những dữ liệu tải lên từ phải XML và WIE nó chỉ nằm trong thư mục theme đấy thôi phải ko a. Plugin nó báo thế này:
Redux Framework Notice: There are references to the Redux Framework support site in your config’s admin_bar_links argument. This is sample data. Please change or remove this data before shipping your product.
e chả biết sao nữa e định tìm và xóa hết dữ liệu vừa nhập lên và cài lại theme ko nhập dữ liệu nữa @@
a hiếu ơi a rảnh ko vào web e ngó giúp e xem hiện tại có gì đang liên quan đến các plugins như Advanced Custom Fields, Advanced Custom Fields: Gallery Field (2 cái này chả hiểu sao có tận 2 cái), Redux Framework, WPBakery Visual Composer (nhất là cái này) ko ạ. e ngại cài nhiều plugin lắm mà cài theme nó lên cả đống. chả biết tác dụng nên chả biết bỏ cái nào. chức năng như ở web e ưng hết rồi. k cần thêm gì nữa :D a xem có cái nào thừa ko e loại nó luôn ^^
Làm sao để sử dụng được short code trên AMP bác nhỉ, e dùng nhiều shortcode mà trên AMP nó không đọc đc
Bạn đang sử dụng plugin gì để tạo giao diện AMP?
Lúc trước em có dùng plugin AMP của Automatic, e đang nghiên cứu định mua WP AMP. Băn khoăn chỗ button ko hiện
chuyển sang https nhanh hơn bạn Hiếu ạ, load trong vòng 1 nốt nhạc :P
Cảm ơn Ngọc. Hehe. :D
Viết một bài hướng dẫn chi tiết về cách chuyển đổi http sang https mà không ảnh hưởng đến thứ hạng website đi Hiếu :D Bài này sẽ hót trong tương lại gần đấy
(Nghix nhé, mình tìm trên mạng thì chưa có bài viết nào hoàn chỉnh cả)
Chuyển từ HTTP sang HTTPS mà không ảnh hưởng đến thứ hạng website thì mình làm được. Nhưng chỉ là trên shared host hoặc VPS sử dụng server Apache và LiteSpeed thôi. Còn NginX thì mình chịu. Không rành nhiều về NginX. :)
Thế mà bài trước bảo chậm hơn nhé :P
Đời ai biết trước được điều gì. Ai nghĩ HTTP/2, HTTPS và LiteSpeed Cache nó lại “hợp cạ”. :D
thế cái này định làm thành dịch vụ hay hướng dẫn free, thông báo trước để cuối năm mà chuyển qua Hawkhost còn chuẩn bị vay ngân hàng 1 thể :))
Kết hợp vào trong dịch vụ hosting luôn nhé. Khách hàng sử dụng sẽ được hỗ trợ miễn phí luôn. :D
Nhớ làm trúng đợt có khuyến mại nhé, tương đương gói đang dùng thì mình mới có tiền mua :P
Gói của Ngọc đang dùng giá bao nhiêu tiền một năm? :P
host 600k/năm Hiếu ơi, nếu Hiếu thấy có gói nào tốt tư vấn mình mua lâu dài luôn, hơn 1 ít cũng đc, chứ cứ chuyển host mỗi năm mệt lắm vì mình ko biết gì mấy mà toàn phải tự tìm hiểu để làm :)
50k/tháng à? Cũng hơi căng nhỉ. :D Nhưng không sao, đến lúc đó mình sẽ link động về giá. Dù sao cũng là độc giả thân thiết mà. :D
VD như gói 2,99$/tháng mà có giảm giá nữa là đc lắm rồi đó Hiếu, hơn 1 chút cũng được. Chứ đã mua gói rẻ rồi còn đc linh động giá nữa thì cũng ngại
Để mình nghiên cứu xem. Quan trọng phải đợi họ mở bán các gói reseller đã. Hiện giờ server Singapore hết slot rồi. :D
Em định mua mà sợ không cài được . Còn đang lưỡng lự
Mình đã hướng dẫn chi tiết rồi đấy thôi. :)
a có biết cái theme nào giống youtube hoặc ít nhất thì cũng giống về cấu tạo các cột ko ạ :v e đang săn 1 cái về làm cho y hệt youtube. e là đệ tử xếp Tùng :v
Quả này mình chịu. :P
Bạn thử tham khảo theme này xem, 2 cái đầu tiên có vẻ gần giống :)
http://demo.mythemeshop.com/s/?theme=Video
@NgocBlue b ơi mình muốn bài viết dạng ô giống youtube cơ. như demo của theme này nè
http://demo.beetube.me/ , tiếc là a hiếu ko bán.themeforest :(
Theme này thì đúng là khó thật :D
Chuyển sang HTTPS hình như WP Căn Bản chậm hơn trước anh Hiếu ạ.:)
Tiện thể cho em hỏi cái theme ReviewPro mà anh gửi cho em thì cập nhật như thế nào ạ??
Upload và ghi đè lên bản cũ nhé. Vì vậy nên đừng tùy biến gì trên theme gốc mà hãy tạo child theme rồi chèn code tùy biến lên đó. Trên blog của mình có bài hướng dẫn tạo child theme và update rồi đó. :P
Mọi người đều nói nhanh hơn mà. :D Mình cũng thấy nhanh hơn. :P
Em chỉ cài SSL cho trang đăng nhập không thôi thì có được không ạ??
Được nhé. Nhưng nên dùng cho tất cả luôn đi. Trước sau gì Google Chrome cũng sẽ bắt phải dùng HTTPS. :P
Em cảm ơn anh nhiều.