Laman » WordPress » Bagaimana Menggunakan AMP dengan WordPress

    Bagaimana Menggunakan AMP dengan WordPress

    AMP adalah usaha komunal yang menjanjikan a prestasi muatan halaman yang lebih baik untuk laman web di persekitaran mudah alih. Tetapi, seperti yang anda dapati dari tutorial terdahulu kami, anda perlu mengorbankan barang-barang mewah dari laman web anda, dan tegas mematuhi peraturan, mematuhi garis panduan, dan mendapatkan halaman yang disahkan. Ia berbunyi seperti banyak yang perlu dilakukan, bukan?

    Nasib baik, jika anda telah membina laman web anda dengan WordPress, anda boleh memohon AMP ke laman web anda dalam keadaan snap menggunakan plugin bernama AMP-WP. Ia dihantar dengan lebih banyak ciri daripada apa yang memenuhi mata. Jadi, mari kita lihat bagaimana ia berfungsi.

    Pengaktifan

    Untuk bermula, log masuk ke tapak web anda, pergi ke Plugin> Tambah Baru skrin. Carian untuk “AMP; memasang dan mengaktifkannya daripada Automattic.

    Setelah diaktifkan, anda boleh melihat jawatan AMP yang ditukar dengan menambah / amp / jejak di hujung URL siaran (cth. http://wp.com/post/amp/), atau dengan ?amp = 1 (cth. http://wp.com/post/?amp=1) jika anda tidak menggunakan ciri Permalinks Pretty di laman web anda.

    Dan seperti yang anda lihat di atas, jawatan telah diberikan stylings asas, yang mana anda boleh menyesuaikan selanjutnya.

    Untuk ambil perhatian

    Terdapat beberapa perkara yang perlu anda ketahui mengenai keadaan plugin pada masa ini:

    • Arkib - Kategori, Tag dan Taksonomi tersuai - pada masa ini tidak disokong. Mereka tidak akan ditukar menjadi format yang mematuhi AMP. Bagaimanapun, Jenis Cat Custom boleh dimulakan ke AMP melalui Penapis.
    • Ia tidak menambah dalam skrin tetapan baharu di Papan Pemuka. Penyesuaian dilakukan di peringkat kod dengan Tindakan, Penapis, Kelas.
    • Plugin ini tidak merangkumi setiap elemen adat AMP seperti amp-analytics dan amp-iklan di luar kotak. Jika anda memerlukan elemen ini, anda perlu memasukkannya dengan menyambung ke Tindakan atau Penapis plugin.

    Ubahsuaian

    Plugin ini menyediakan banyak Tindakan dan Penapis yang memberikan fleksibiliti ke atas menyesuaikan gaya, kandungan halaman, dan juga markup HTML halaman AMP secara keseluruhan.

    Gaya

    Saya yakin ini adalah satu perkara yang anda mahu ubah segera selepas mengaktifkan plugin, seperti menukar warna latar belakang header, keluarga font, dan saiz font untuk lebih sesuai dengan jenama dan keperibadian laman web anda..

    Untuk berbuat demikian, kita boleh menggunakannya amp_post_template_css Tindakan dalam functions.php fail tema kami.

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