Come aggiungere un testo sotto un'immagine logo per il tema storefront in Wordpress con funzione - php, css, wordpress

Provo ad aggiungere un testo sotto l'immagine del logo e all'interno del mio tema child funzione.php aggiungo quanto segue ..

add_action( "storefront_header", "htdat_below_logo", 21 );
function htdat_below_logo() { ?>
<div style="padding-top:10px;clear: both; text-align: left;color:#ffff">

<span style="margin: 0 0.5em;">Hello</span>
</div>
<?php
}

Ma non succede nulla. Se controllo la pagina e aggiungo manualmente l'html, sta funzionando. Ma con questa funzione no.

In questo blog https://businessbloomer.com/storefront-theme-visual-hook-guide/ si riferisce a

@hooked "storefront_site_branding", 20

Il numero 20 indica la funzione iniziale?

grazie

risposte:

0 per risposta № 1

È possibile utilizzare gli hook di azione:

<header>
<!-- I want to add html code here -->
<?php do_action("wpse_myheader"); ?>
</header>

Quindi puoi usare:

function add_html_to_header { ?>
<b> Hello World </b>
<?php }
add_action("wpse_myheader","add_html_to_header");

---

un altro modo per farlo è l'aggiunta di contenuto statico all'intestazione Storefront richiede l'aggancio di una funzione che genera il contenuto storefront_header È possibile controllare la posizione del markup tramite la priorità impostata. Ad esempio, il frammento seguente aggiungerebbe una "riga" tra il titolo del sito / navigazione secondaria / ricerca e la navigazione principale.

add_action( "storefront_header", "jk_storefront_header_content", 20 );
function jk_storefront_header_content() { ?>
<div style="clear: both; text-align: right;">
Have questions about our products? <em>Give us a call:</em> <strong>0800 123 456</strong>
</div>
<?php
}

Modifica la priorità e il CSS incorporato per soddisfare le tue esigenze.

---

secondo il codice WP Guardando la versione corrente di header.php di Storefront:

/**
* Functions hooked into storefront_header action
*
* @hooked storefront_skip_links                       - 0
* @hooked storefront_social_icons                     - 10
* @hooked storefront_site_branding                    - 20
* @hooked storefront_secondary_navigation             - 30
* @hooked storefront_product_search                   - 40
* @hooked storefront_primary_navigation_wrapper       - 42
* @hooked storefront_primary_navigation               - 50
* @hooked storefront_header_cart                      - 60
* @hooked storefront_primary_navigation_wrapper_close - 68
*/
do_action( "storefront_header" ); ?>

Quel blocco di commenti delinea tutte le funzioni di callback (con priorità) collegate all'azione storefront_header.

Se si esegue una ricerca di testo all'interno dei file dila directory storefront per la stringa "storefront_header", puoi trovare queste funzioni. Non esiste un modo standard di organizzare dove compaiono queste funzioni, ma si sarebbe in grado di rintracciarle manualmente iniziando da Functions.php e seguendo tutto il codice da lì. La ricerca è però più efficiente.

storefront_site_branding è la funzione che gestisce la visualizzazione del logo. Si trova in storefront/inc/storefront-template-functions.php

---