Cómo agregar un texto bajo una imagen de logotipo para el tema del escaparate en Wordpress con función - php, css, wordpress

Intento agregar un texto debajo de la imagen del logotipo, y dentro de mi función de tema hijo.php agrego lo siguiente ...

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
}

Pero nada pasa. Si inspecciono la página y agrego manualmente el html, está funcionando. Pero con esta función no.

En este blog https://businessbloomer.com/storefront-theme-visual-hook-guide/ se refiere a

@hooked ‘storefront_site_branding’, 20

El número 20 significa la función inicial?

gracias

Respuestas

0 para la respuesta № 1

Puedes usar ganchos de acción:

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

Entonces puedes usar:

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

---

otra forma de hacerlo es Agregar contenido estático al encabezado de Storefront requiere conectar una función que muestre su contenido en storefront_header Puede controlar la posición del marcado a través del conjunto de prioridades. Por ejemplo, el siguiente fragmento agregaría una "fila" entre el título del sitio / navegación secundaria / búsqueda y la navegación principal.

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
}

Ajuste la prioridad y el CSS en línea para cumplir con sus requisitos.

---

de acuerdo con el códice WP. Mirando la versión actual de Storefront 's header.php:

/**
* 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" ); ?>

Ese bloque de comentarios describe todas las funciones de devolución de llamada (con prioridades) conectadas a la acción storefront_header.

Si realiza una búsqueda de texto dentro de los archivos deel directorio de escaparate para la cadena "storefront_header", puede encontrar estas funciones. No hay una forma estándar de organizar dónde aparecen estas funciones, pero podría rastrearlas manualmente comenzando en functions.php y siguiendo todo el código desde allí. Sin embargo, la búsqueda es más eficiente.

storefront_site_branding es la función que maneja cómo se muestra el logotipo. Está ubicado en storefront/inc/storefront-template-functions.php

---