11 / 100 Puntuación SEO

Cómo cambiar la molesta etiqueta PARRAFO en las imágenes de WordPress

Introduciendo este código en el fichero functions.php de nuestro tema conseguiremos cambiar esa etiqueta, que poco tiene que ver con una imagen por la etiqueta de HTML5 FIGURE. Esto solo uno de los mucho consejos que iré publicando para ayudar a que todos podamos mejorar nuestro posicionamiento en buscadores.

function cambiar_img_por_figure( $content )
{ 
    $content = preg_replace( 
        '/<p>\\s*?(<a rel=\"attachment.*?><img.*?><\\/a>|<img.*?>)?\\s*<\\/p>/s', 
        '<figure>$1</figure>', 
        $content 
    ); 
    return $content; 
} 
add_filter( 'the_content', 'cambiar_img_por_figure', 99 );

Si te estás preguntando donde está el fichero functions.php, la respuesta es en la raíz de la carpeta de tu tema. Es un fichero obligatorio para cualquier plantilla de WordPress.

Bien. Para mover los ficheros CSS del header al footer, primero debemos de cortarlos del footer con una función PHP, que deberá de localizarse en el fichero functions.php de tu tema.

/*----------------------------------------MOVER CSS A FOOTER---------------------------------------*/
function remover_css() {
//Entre paréntesis escribiremos entre comillas,
//el ID de la hoja de estilos, sin el "-css" del final si lo tiene.
wp_dequeue_style('layerslider');
wp_deregister_style('layerslider');
wp_dequeue_style('jet-elements');
wp_deregister_style('jet-elements');
wp_dequeue_style('elementor-icons-shared-0');
wp_deregister_style('elementor-icons-shared-0');
wp_dequeue_style('wc-block-style');
wp_deregister_style('wc-block-style');
}
add_action( 'wp_enqueue_scripts', 'remover_css', 9999 );
add_action( 'wp_head', 'remover_css', 9999 );

aquí un buen ejemplo de cómo localizar el ID de los CSS abriendo el inspector de elementos de Firefox o de Google Chrome.

Trucos SEO para optimizar tu Wordpress | Borja Echevarria Basáñez

Una vez hecho esto, deberemos de pegar en el footer los estilos CSS previamente cortados de la cabecera de nuestro sitio web.

function cargar_footer_styles() {

wp_enqueue_style( 'layerslider', get_template_directory_uri() . '/css/layerslider.css' );
wp_enqueue_style( 'jet-elements', get_template_directory_uri() . '/css/jet-elements.css' );
wp_enqueue_style( 'elementor-icons-shared-0', get_template_directory_uri() . '/font-awesome/css/fontawesome.min.css' );
wp_enqueue_style( 'wc-block-style', get_template_directory_uri() . '/woocommerce/packages/woocommerce-blocks/build/style.css' );


};
add_action( 'get_footer', 'cargar_footer_styles' );

//Se traduciría así
wp_enqueue_style( ‘id de tu fichero css’, get_template_directory_uri() . ‘/css/HojaDeEstilosACargar.css’ );

Ha que comentar que para hacer esto lo primero y más indispensable, para que las funciones o cualquier otro codigo php surja efecto, lo primer es abrir el codigo con <?php y cerrarlo con ?>

ejemplo practico:

<?php
add_theme_support( ‘post-thumbnails’ ); 
?>