Beranda » WordPress » Cara Menggunakan AMP dengan WordPress

    Cara Menggunakan AMP dengan WordPress

    AMP adalah upaya bersama yang menjanjikan a kinerja pemuatan laman yang lebih baik untuk situs web di lingkungan seluler. Tetapi, seperti yang dapat Anda temukan dari tutorial kami sebelumnya, Anda harus mengorbankan barang-barang mewah dari situs web Anda, dan dengan ketat mengikuti aturan, mematuhi pedoman, dan mendapatkan halaman divalidasi. Sepertinya banyak yang harus dilakukan, bukan?

    Untungnya, jika Anda telah membangun situs web Anda dengan WordPress, Anda dapat menerapkan AMP ke situs web Anda dalam sekejap menggunakan plugin bernama AMP-WP. Itu dikirim dengan lebih banyak fitur daripada apa yang memenuhi mata. Jadi, mari kita lihat cara kerjanya.

    Pengaktifan

    Untuk memulai, masuk ke situs web Anda, pergi ke Plugin> Tambah Baru layar. Pencarian untuk “AMP; instal dan aktifkan yang dari Automattic.

    Setelah diaktifkan, Anda dapat melihat posting yang dikonversikan AMP dengan menambahkan / amp / telusuri di akhir URL pos (mis. http://wp.com/post/amp/), atau dengan ?amp = 1 (misalnya. http://wp.com/post/?amp=1) jika Anda tidak menggunakan fitur Pretty Permalinks di situs web Anda.

    Dan seperti yang Anda lihat di atas, postingan telah diberi stylings dasar, yang dapat Anda sesuaikan lebih lanjut.

    Untuk mencatat

    Ada beberapa hal yang harus Anda ketahui tentang keadaan plugin saat ini:

    • Arsip - Kategori, Menandai dan Taksonomi Pabean - saat ini tidak didukung. Mereka tidak akan dikonversi ke format yang sesuai dengan AMP. Namun, Jenis Posting Khusus dapat diinisiasi ke AMP melalui Filter.
    • Itu tidak menambahkan layar pengaturan baru di Dashboard. Kustomisasi dilakukan pada level kode dengan Aksi, Filter, Kelas.
    • Plugin saat ini tidak mencakup setiap elemen kustom AMP seperti amp-analytics dan amp-iklan keluar dari kotak. Jika Anda membutuhkan elemen ini, Anda harus memasukkannya dengan menghubungkan ke Tindakan atau Filter plugin.

    Kustomisasi

    Plugin ini menyediakan banyak Tindakan dan Filter yang memberikan fleksibilitas lebih dari menyesuaikan gaya, konten halaman, dan bahkan markup HTML dari halaman AMP secara keseluruhan.

    Gaya

    Saya yakin ini adalah satu hal yang ingin Anda ubah segera setelah mengaktifkan plugin, seperti mengubah warna latar belakang header, keluarga font, dan ukuran font agar lebih cocok dengan merek dan kepribadian situs web Anda..

    Untuk melakukannya, kita dapat menggunakan amp_post_template_css Aksi di functions.php file tema kita.

    function theme_amp_custom_styles () ?> nav.amp-wp-title-bar background-color: orange;   
    Jika kita melihat melalui Chrome DevTools, gaya ini ditambahkan di dalam