• Articles
• admin

Para un desarrollador de temas de WordPress, lo primero es comprender su estructura; y después de eso, se trata de aprender sobre agregar scripts y hojas de estilo.

La mayoría de los diseñadores web cometen un error al crear un tema de WordPress como una simple plantilla HTML.

Debe comprender que WordPress es una plataforma basada en PHP, y sus temas son dinámicos. Agregar un archivo CSS no es como lo haces en un tiempo creando un sitio web estático.

WordPress tiene su estándar de codificación que debe seguir. Consultar un archivo CSS correctamente puede ser un poco complicado para muchos desarrolladores/diseñadores web.

En este tutorial, lo guiaré a través de un proceso paso a paso, que explica el códice de WordPress de agregar un archivo CSS a un tema de WordPress.

Asumiendo que tiene un buen alojamiento de WordPress con WordPress configurado, ¡comencemos!

Comprender la función wp_enqueue_style ()

Mientras desarrolla un sitio web HTML estático, puede vincular el archivo CSS al encabezado, pero no es el mismo caso en un tema de WordPress.

Con una comprensión clara de PHP y WordPress Codex, debería aprender a usar funciones de tema.

Comencemos con la función wp_enqueue_style (), que se usa para vincular un archivo CSS a tu tema de WordPress. Los parámetros predeterminados son los siguientes.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

permítanme explicar todos esos parámetros.

• $mango:- Es un campo obligatorio, que incluye el nombre de la hoja de estilos
• s src: – También es obligatorio rellenarlo. Es la ruta de la hoja de estilos relativa al directorio raíz
• de deps: – Es opcional crear una matriz para controlar la hoja de estilos
• ver ver:- Si desea controlar la versión de la hoja de estilos, puede hacerlo.
• media medios: – Si desea utilizar la hoja de estilos para cualquier tipo de medios, puede hacerlo. De lo contrario, no es necesario.

Es posible que haya tenido alguna idea ahora. Solo las dos primeras opciones son necesarias para completar, el resto se puede dejar vacío para recoger los valores predeterminados.

Nota: Ahora si el nombre de la hoja de estilos es «style» y está en la carpeta de nombre del tema principal, el código será el siguiente.

wp_enqueue_style( 'style', get_stylesheet_uri() );

Pero como puedes ver, haces que funcione; necesitas crear una función de WordPress, que pueda vincular el archivo a la cabeza de una manera adecuada.

Déjame mostrarte el código.

functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );

Es posible que se pregunte cuál es el mejor lugar para agregar la función. Bueno, si sabes un poco sobre el desarrollo de temas de WordPress, es posible que sepas que las funciones.el archivo php controla todas las funciones.

Por lo tanto, debe abrir el archivo y agregar esta función.

Si lo ha notado, hay un gancho » add_action «con un parámetro» wp_enqueue_scripts», que se usa para encolar estilos y scripts.

Todo lo que necesitas entender es la función principal wp_enqueue_style ().

Para los desarrolladores de WordPress novatos, puede ser difícil agarrar tales cosas técnicas, pero una vez que aprenden el Códice de WordPress, todo sale bien.

Espero que no sea Tan Difícil agregar un archivo CSS a un Tema de WordPress

Recuerdo que cuando empecé a desarrollar temas de WordPress hace unos años, fue un desastre. Cuando sigues practicando sitios web estáticos y de repente llegas a conocer la naturaleza dinámica de la web 2.0, puedes preocuparte un poco.

Una vez que interactúes con los códigos de WordPress, es posible que empieces a sentirlo interesante. Agregar un archivo CSS es uno de los elementos básicos para desarrollar un tema de WordPress desde cero.

Conclusión

El desarrollo web puede ser complicado y puede asustar a los usuarios novatos de WordPress. La guía es para las personas que desean comenzar a desarrollar su tema de WordPress personalizado.

Gracias por seguir este tutorial.

Echa un vistazo a estos 3 mejores servicios de alojamiento de WordPress: