Mājas lapa » WordPress » Kā lietot AMP ar WordPress

    Kā lietot AMP ar WordPress

    AMP ir kopīgi centieni, kas sola a labāka lapu ielādes veiktspēja mobilajās vidēs. Bet, kā jūs varat uzzināt no mūsu iepriekšējās apmācības, jums būs jāziedo iedomātā stuff no jūsu vietnes un stingri jāievēro noteikumi, jāievēro vadlīnijas un jāsaņem apstiprinātas lapas. Tas izklausās daudz darāmā, vai ne?

    Par laimi, ja esat izveidojis savu tīmekļa vietni ar WordPress, varat izmantot AMP savā tīmekļa vietnē, izmantojot spraudni ar nosaukumu AMP-WP. Tas tiek piegādāts ar vairāk funkcijām nekā acs. Tātad, pieņemsim, kā tas darbojas.

    Aktivizēšana

    Vispirms piesakieties savā vietnē, dodieties uz Spraudņi> Pievienot jaunu ekrānā. Meklēt “AMP; instalējiet un aktivizējiet no Automattic.

    Pēc aktivizēšanas varat skatīt AMP pārveidoto ziņu, pievienojot / amp / pēdas pasta URL beigās (piem.,. http://wp.com/post/amp/) vai ?amp = 1 (piem.,. http://wp.com/post/?amp=1), ja savā tīmekļa vietnē neizmantojat funkciju Pretty Permalinks.

    Un, kā jūs varat redzēt iepriekš, postam ir piešķirti pamata stili, kurus varat vēl vairāk pielāgot.

    Atzīmēt

    Šobrīd ir dažas lietas, kas jums jāzina par spraudņa stāvokli:

    • Arhīvi - Kategorija, Tag un Pielāgota taksonomija - pašlaik netiek atbalstīti. Tie netiks pārvērsti AMP atbilstošā formātā. Tomēr pielāgoto ziņu tipus var sākt AMP, izmantojot filtru.
    • Tas netiek pievienots jaunā iestatījumu ekrānā vadības panelī. Pielāgošana tiek veikta koda līmenī ar darbībām, filtriem, klasi.
    • Spraudnis pašlaik neietver visus AMP pielāgotos elementus, piemēram, amp-analītika un amp-ad Ārā no kastes. Ja jums vajadzēs šos elementus, tas būs jāiekļauj, pievienojot spraudņa darbības vai filtrus.

    Pielāgošana

    Spraudnis nodrošina daudzas darbības un filtrus, kas nodrošina elastīgumu attiecībā uz AMP lapas stilu, lapas satura un pat HTML iezīmēšanas pielāgošanu kopumā.

    Stili

    Esmu pārliecināts, ka šī ir viena lieta, kuru vēlaties mainīt uzreiz pēc spraudņa aktivizēšanas, piemēram, galvenes fona krāsas, fontu saimes un fonta lieluma maiņa, lai labāk atbilstu jūsu vietnes zīmolam un personībai.

    Lai to izdarītu, mēs varam izmantot amp_post_template_css Darbība funkcijas.php mūsu tēmas fails.

    funkcija theme_amp_custom_styles () ?> nav.amp-wp-title-bar fona krāsa: oranža;   
    Ja mēs skatāmies, izmantojot Chrome DevTools, šie stili tiek pievienoti