Meta tag viewport - Cum să adaugi meta tag viewport în WordPress

Question

Meta tag viewport - Cum să adaugi meta tag viewport în WordPress

24 mai 2017, 05:34:47

Vizualizări: 17.4K

Voturi: 3

Am creat propria mea temă WordPress de la zero și nu folosesc nici header, nici footer pentru ea (deci nu există fișiere header.php sau footer.php). Tot conținutul important este direct în fișierul index.php.

Așadar, mă întrebam unde pot pune meta tag-urile mele. Mai exact acest meta tag:

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

În prezent lucrez la tema mea responsive și până acum, toate interogările mele CSS media nu funcționează deloc.

Pot să-l pun direct în fișierul meu index.php sau trebuie să configurez o funcție în fișierul functions.php?

Mulțumesc pentru orice ajutor!

eastwind

45

dezvoltare teme responsive

Toate răspunsurile la întrebare

Comentarii

Ahh da, mă întrebam și eu dacă acest subiect este potrivit pentru acest thread, dar am căutat în altă parte și nu am găsit absolut nimic. De asemenea, am realizat că formatarea unora dintre interogările mele media din css nu era corectă, de aceea nu funcționa. Mulțumesc pentru ajutor!

eastwind

25 mai 2017 05:56:20

Încearcă acest cod în functions.php

add_action( 'wp_head', 'add_viewport_meta_tag' , '1' );

function add_viewport_meta_tag() {
    echo '<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">';
}

Muddasir Abbas

201

16 feb. 2019 15:47:51

Comentarii

Este în regulă dacă tema ta nu are setat "meta viewport" în /header.php. Altfel, acesta va fi duplicat și poate să nu funcționeze.

gtamborero

8 mar. 2022 17:03:57

@gtamborero putem elimina meta tag-ul anterior cu acest cod: remove_action('wp_head', '_block_template_viewport_meta_tag', 0); - pentru temele block cu FSE

Iggy

24 ian. 2023 14:07:42

LWS-Mo 1.59K · Accepted Answer · 2017-05-24T12:38:10Z

Meta tag-ul ar trebui să fie inserat în secțiunea <head> a unui website. Indiferent dacă utilizați header.php și footer.php sau nu, ar trebui să aveți o secțiune <head> în documentul vostru.

De exemplu, codul din documentul vostru ar trebui să arate cam așa:

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">

De asemenea, asigurați-vă că utilizați <?php wp_head(); ?> (înainte de închiderea secțiunii </head>) și <?php wp_footer(); ?> (înainte de închiderea secțiunii </body>) în tema voastră, deoarece aproape toate plugin-urile depind de acestea. Aceste coduri sunt implicit prezente în fișierele header.php și footer.php.

Cred că aceasta nu este o întrebare specifică WordPress, ci mai degrabă despre meta tag și secțiunea <head>.