Cum să adaug un tag HTML <rel=preload> în Header?

Question

Cum să adaug un tag HTML <rel=preload> în Header?

24 iul. 2019, 15:37:08

Vizualizări: 18.2K

Voturi: 1

Deoarece raportul Google Speed Insights sugerează adăugarea unui

< link rel="preload" href="/lity.css" as="style" />

pentru a accelera încărcarea următoarelor resurse

https://www.myoutlet.lt/wp-content/plugins/gdpr-cookie-compliance/dist/styles/lity.css

pe site-ul https://www.myoutlet.lt

Site-ul este bazat pe tema Avada.

Mă întreb cum aș putea realiza acest lucru!

Mai precis, am aruncat o privire asupra fișierului header.php atât al temei principale cât și al celei copil, dar deoarece sunt codate în PHP nu pot să înțeleg singur cum să adaug HTML în ele.

Cu siguranță ar trebui să existe o metodă de a injecta HTML în pagină folosind vreo funcție PHP în fișierul header.php. Ca SEO junior am dobândit câteva cunoștințe tehnice, dar sunt departe de a fi dezvoltator.

Cel care îmi va arăta cum se face va câștiga recunoștința mea eternă! Vă mulțumesc anticipat pentru orice sugestie valoroasă.

Forța fie cu voi, Roman

P.S.: Trebuie să realizez acest lucru manual, fără plugin-uri (site-ul este deja destul de lent!)

Roman

23

șabloane

Toate răspunsurile la întrebare

Comentarii

Să fim puțin mai preciși, te rog. În ce fișier ar trebui să adaug fragmentul pe care l-ai postat? functions.php sau mai degrabă header.php? Doar asta va fi suficient sau trebuie să adaug ceva și în altă parte?

Roman

24 iul. 2019 16:32:44

Am încercat să fac ce mi-ai spus în fișierul header.php, dar nu a funcționat! Am nevoie de o explicație mai detaliată.. nu toți suntem programatori din naștere x)

Roman

24 iul. 2019 16:43:21

Poți adăuga acest cod în functions.php sau în fișierul principal al pluginului.

nmr

24 iul. 2019 16:46:40

Trebuie să implementez această soluție prin functions.php; deci, să clarificăm: am adăugat acest fragment la sfârșitul fișierului functions.php add_action( 'wp_head', 'se343581_add_preload_tag', 5); function se343581_add_preload_tag() { echo '<link rel="preload" href="/lity.css" as="style">'; }

Roman

24 iul. 2019 16:54:43

Și tot nu funcționează. Unde pot defini calea pe care ai postat-o, și anume home_url('wp-content/plugins/gdpr-cookie-compliance/dist/styles/lity.css') ... Înțeleg HTML/CSS dar nu PHP

Roman

24 iul. 2019 16:55:52

Arată celelalte 3 comentarii

nmr 4.52K · Answer 1 · 2019-07-24T16:09:12Z

Hook-ul pe care îl căutați este wp_head.

functions.php

add_action( 'wp_head', 'se343581_add_preload_tag', 5);
function se343581_add_preload_tag()
{
    echo '<link rel="preload" href="'. 
         plugins_url('/gdpr-cookie-compliance/dist/styles/lity.css') .
         '" as="style">';
    //
    // -- dacă este adăugat în fișierul plugin-ului --
    // echo '<link rel="preload" href="' . plugin_dir_url( __FILE__ ) . 'some_subdir/file_name.css" as="style">';
}

nmr

4.52K

24 iul. 2019 16:09:12