Meta tag viewport in WordPress senza header.php

Question

Meta tag viewport in WordPress senza header.php

24 mag 2017, 05:34:47

Visualizzazioni: 17.4K

Voti: 3

Ho creato il mio tema WordPress da zero e non utilizzo né un header né un footer (quindi non sono presenti file header.php o footer.php). Tutto il contenuto importante è direttamente nel file index.php.

Quindi mi chiedevo dove poter inserire i miei meta tag. Nello specifico questo meta tag:

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

Sto cercando di rendere il mio tema responsive e finora, tutte le mie media query CSS non funzionano per niente.

Posso semplicemente inserirlo nel mio file index.php oppure devo impostare una funzione nel file functions.php?

Grazie per qualsiasi aiuto!

eastwind

45

sviluppo temi responsive

Tutte le risposte alla domanda

Commenti

Ah sì, mi chiedevo anche se fosse appropriato per questo thread ma ho cercato altrove e non ho trovato assolutamente nulla. Ho anche realizzato che la formattazione di alcune delle mie media query CSS era sbagliata, ecco perché non funzionavano. Grazie per l'aiuto!

eastwind

25 mag 2017 05:56:20

Prova questo in 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

Commenti

Va bene se il tuo tema non ha il "meta viewport" impostato nel file /header.php. Altrimenti sarà duplicato e potrebbe non funzionare.

gtamborero

8 mar 2022 17:03:57

@gtamborero possiamo rimuovere il meta tag precedente con questo: remove_action('wp_head', '_block_template_viewport_meta_tag', 0); - per temi a blocchi con FSE

Iggy

24 gen 2023 14:07:42

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

Il meta tag dovrebbe essere inserito nella sezione <head> di un sito web. Indipendentemente dal fatto che tu stia utilizzando un header.php e footer.php o meno, dovresti avere una sezione <head> nel tuo documento.

Ad esempio, il codice nel tuo documento dovrebbe essere qualcosa del genere:

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

Assicurati inoltre di utilizzare <?php wp_head(); ?> (prima della chiusura della sezione </head>) e <?php wp_footer(); ?> (prima della chiusura del tag </body>) nel tuo tema, poiché quasi tutti i plugin dipendono da questi. Questi codici sono di default nei file header.php e footer.php.

Questa non è una vera domanda specifica di WordPress, riguarda principalmente il meta tag e la sezione <head>.