Trang chủ » WordPress » Cách sử dụng AMP với WordPress

    Cách sử dụng AMP với WordPress

    AMP là một nỗ lực chung hứa hẹn một hiệu suất tải trang tốt hơn cho các trang web trong môi trường di động. Nhưng, như bạn có thể tìm thấy từ hướng dẫn trước đây của chúng tôi, bạn sẽ phải hy sinh những thứ ưa thích từ trang web của mình và tuân thủ nghiêm ngặt các quy tắc, tuân thủ các nguyên tắc và xác nhận các trang. Nghe có vẻ nhiều việc phải làm, phải không?

    May mắn thay, nếu bạn đã xây dựng trang web của mình bằng WordPress, bạn có thể áp dụng AMP cho trang web của mình chỉ trong tích tắc bằng cách sử dụng plugin có tên AMP-WP. Nó được vận chuyển với nhiều tính năng hơn những gì đáp ứng mắt. Vì vậy, hãy xem cách nó hoạt động.

    Kích hoạt

    Để bắt đầu, đăng nhập vào trang web của bạn, đi đến Plugin> Thêm mới màn. Tìm kiếm “AMP; cài đặt và kích hoạt cái từ Automattic.

    Sau khi được kích hoạt, bạn có thể xem bài đăng được chuyển đổi AMP bằng cách thêm / amp / dấu vết ở cuối URL bài đăng (ví dụ:. http://wp.com/post/amp/), Hoặc với ?amp = 1 (ví dụ. http://wp.com/post/?amp=1) nếu bạn không sử dụng tính năng Pretty Permalinks trên trang web của mình.

    Và như bạn có thể thấy ở trên, bài đăng đã được đưa ra các kiểu dáng cơ bản, mà bạn có thể tùy chỉnh thêm.

    Cần lưu ý

    Có một số điều bạn nên biết về trạng thái của plugin tại thời điểm này:

    • Lưu trữ - thể loại, Nhãn và Phân loại tùy chỉnh - hiện không được hỗ trợ. Chúng sẽ không được chuyển đổi sang định dạng tuân thủ AMP. Tuy nhiên, Loại bài đăng tùy chỉnh có thể được bắt đầu vào AMP thông qua Bộ lọc.
    • Nó không thêm vào màn hình cài đặt mới trong Bảng điều khiển. Tùy chỉnh được thực hiện ở cấp mã với các hành động, bộ lọc, lớp.
    • Plugin hiện không bao gồm mọi thành phần tùy chỉnh AMP, chẳng hạn như phân tích amp và quảng cáo ngoài cái hộp. Nếu bạn cần những yếu tố này, bạn sẽ phải đưa nó vào bằng cách nối vào Hành động hoặc Bộ lọc của plugin.

    Tùy biến

    Plugin cung cấp nhiều Hành động và Bộ lọc cung cấp tính linh hoạt trong việc tùy chỉnh các kiểu, nội dung trang và thậm chí cả đánh dấu HTML của trang AMP nói chung.

    Kiểu dáng

    Tôi chắc chắn đây là một điều mà bạn muốn thay đổi ngay lập tức sau khi kích hoạt plugin, chẳng hạn như thay đổi màu nền của tiêu đề, họ phông chữ và kích thước phông chữ để phù hợp hơn với thương hiệu và tính cách trang web của bạn.

    Để làm như vậy, chúng ta có thể sử dụng amp_post_template_css Hành động trong Hàm.php tập tin của chủ đề của chúng tôi.

    chức năng theme_amp_custom_styles () ?> nav.amp-wp-title-bar nền-màu: cam;   
    Nếu chúng tôi xem qua DevTools của Chrome, các kiểu này sẽ được thêm vào trong