WordPress, el popular gestor de contenidos, se caracteriza por la separación entre diseño, por un lado, y programación, por otro. Los denominados temas permiten definir la visualización de contenidos en el frontend sin modificar el código. Básicamente, lo que hace un tema de WordPress es preparar un código fuente que describe cómo se han de solicitar y componer los contenidos almacenados en la base de datos del servidor para que, cuando sea solicitada, se origine una página web dinámica y pueda ser entregada al navegador web. Con ellos, los administradores web pueden diseñar libremente la página en su totalidad dentro de las posibilidades que permite cada tema.
La estructura básica de un tema de WordPress consiste en varios archivos fuente PHP llamados archivos de plantilla (template files), hojas de estilo y datos de localización, así como archivos JavaScript opcionales y gráficos.
A continuación, te mostramos cuáles son los componentes de los temas de WordPress que deberías conocer, qué función tienen y cómo se combinan entre ellos.
Mientras que, en esencia, una página web estática consiste en un único documento HTML que incluye todos los contenidos, así como elementos JavaScript y elementos CSS, un tema de WordPress está constituido por varios archivos de plantilla, también denominados, sencillamente, plantillas. Las plantillas de WordPress están unidas entre sí mediante etiquetas include (include tags) y describen, con la ayuda de etiquetas de plantilla o template tags, cómo se ha de mostrar el contenido almacenado en la base de datos del servidor de forma integrada. Si su visualización está ligada a ciertas condiciones, se usan entonces los denominados conditional tags o etiquetas condicionales. Los llamados “ganchos” o template hooks permiten, a su vez, integrar plugins en los temas. La edición de los contenidos se gestiona mediante un mecanismo conocido en la terminología de WordPress como Loop.
Los temas de WordPress, con todos sus elementos fundamentales, pueden considerarse una especie de plan arquitectónico para una web. La página dinámica que se entrega al navegador cuando un usuario la solicita se compone de una serie de elementos que, a semejanza de las piezas de un juego de construcción, se pueden seleccionar de forma independiente en función de si el usuario quiere ver la página principal de su blog, un artículo o un comentario. Estas piezas básicas reciben el nombre de plantillas o archivos de plantilla (del inglés, template files) y se trata de archivos PHP que contienen elementos HTML, código PHP y etiquetas de plantilla (template tags), cada uno de los cuales tiene una tarea definida exactamente.
En principio, un tema de WordPress se considera válido cuando contiene las plantillas index.php y style.css, aunque, por regla general, un tema de WordPress suele contener un gran número de plantillas diferentes capaces de representar distintos tipos de contenido, lo que demuestran la gran capacidad en cuanto a funciones de este popular software. La siguiente lista contiene las plantillas básicas que suelen encontrarse en casi cada tema de WordPress:
Para enlazar las diferentes piezas entre sí y poder cargar los contenidos desde la base de datos en el servidor, dentro de las plantillas se utilizan unas funciones denominadas, en la terminología del CMS, template tags o etiquetas de plantilla.
Como template tags se entienden las funciones, incluidas en las plantillas, necesarias para solicitar contenidos de la base de datos. Mientras que en las páginas estáticas suelen estar incluidas en el código fuente del documento HTML, las plantillas de WordPress contienen únicamente indicaciones respecto a los contenidos que han de ser integrados. Las etiquetas de plantilla permiten al software del CMS generar cada página de forma dinámica en el mismo momento en que se entrega. A la luz del siguiente ejemplo se muestra la ventaja de tal concepto.
Generalmente, un proyecto online dispone de un nombre o título, visible en cada una de sus subpáginas. Para poder integrarlo en una plantilla, se usa la siguiente etiqueta de plantilla:
bloginfo('name')Esta etiqueta es muy útil, por ejemplo, para publicar el título de la página de forma automática.
<title><?php bloginfo('name'); ?> |<?php wp_title(); ?></title>Mientras la función bloginfo('name') sirve para introducir el nombre de la web, wp_title() identifica al nombre de la subpágina actual. Los datos que han de revelar estas etiquetas (nombre de la web, nombre de la subpágina) a la hora de abrirse la página se obtienen de la base de datos en el servidor. Según este esquema y, a partir de estos datos, el software del CMS genera entonces este título:
Nombre del blog | Título de la subpáginaPor el contrario, en una página web estática, los títulos de las páginas se han de introducir tal cual en cada página HTML del proyecto:
<title>Nombre del blog | Título de la subpágina</title>Ahora bien, ¿qué pasa si se quiere cambiar al nombre del blog? En el caso de una página estática, se han de realizar los cambios manualmente en el documento de HTML de cada subpágina, mientras que en el de una página dinámica llevar a cabo actualizaciones es mucho más sencillo, ya que los cambios que afectan a todas las páginas de la web se pueden realizar en un único lugar en la base de datos, donde residen, y los cuales se pueden cargar en la página oportuna mediante los template tags.
Los títulos, los contenidos de las entradas o los metadatos se pueden guardar en plantillas siguiendo el mismo esquema:
the_title()
the_content()
the_author()
the_time()
the_category()
the_tags() En el Codex de WordPress.org se encuentra un sumario con todos los template tags disponibles.
Un tipo especial de etiquetas para las plantillas de WordPress son las denominadas etiquetas include, utilizadas dentro de un tema para poder cargar archivos como header.php, footer.php o sidebar.php. También en este caso se trata de funciones internas que se integran en plantillas fundamentales como index.php, single.php o page.php de la siguiente forma:
get_header()
get_footer()
get_sidebar() También aquí es fácil entender cuál es la ventaja de este proceder: si los códigos para el encabezado, para el pie y para la barra lateral se cargan en plantillas previstas para ello, los cambios que se realicen en estas tres plantillas se aplicarán a todas las subpáginas de la web que obtengan estos contenidos mediante etiquetas include.
En el caso de los denominados “ganchos” o template hooks, se trata de interfaces de unión entre el tema de WordPress y las funciones individuales o plugins del CMS que permiten a estos “engancharse” o incorporarse al resto del software. La mayor parte de estas interfaces ya están depositadas en el núcleo de WordPress y es con ellas que un desarrollador de temas o un usuario puede determinar una acción, antes, por ejemplo, de que comience una tarea o después de que una solicitud a la base de datos haya terminado. Así, se podría integrar información especial directamente en el encabezado, en el pie o en la barra lateral. Los desarrolladores pueden, también, integrar ganchos propios en sus temas.
Estas etiquetas consisten en indicaciones en PHP como if, else o while que permiten, en combinación con las funciones de WordPress, vincular la representación de determinados contenidos a unas condiciones, como podría ser, por ejemplo, un saludo de bienvenida para usuarios registrados:
if ( is_user_logged_in() ):
echo 'Welcome, registered user!';
else:
echo 'Welcome, visitor!';
endif;Este mecanismo incluido en el software de WordPress es el responsable de la visualización de los contenidos y consiste en diversas funciones de WordPress enlazadas entre sí mediante etiquetas condicionales. El siguiente ejemplo muestra la estructura básica de un loop de WordPress:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h2><?php the_title(); ?></h2>
<div class="entry">
<?php the_excerpt(); ?>
</div>
<?php endwhile; endif; ?>El fragmento de código if (have_post()) en la primera línea indica a WordPress que compruebe si existen entradas en la base de datos y, en caso afirmativo, el fragmento de código while (have_posts()) : the_post() solicita al software que lleve a cabo las funciones en el loop que siguen a continuación, hasta que have_posts() ya no sea verdad, es decir, hasta que ya no haya más entradas.
De esta manera, el loop abarca todas las funciones hasta el statement de PHPendwhile en la última línea, que, en este ejemplo, serían la función the_title(), que permite la visualización del título del artículo (H2) y la función the_exerpt(), que ordena al software cargar un extracto de la entrada desde la base de datos. Para la representación de los contenidos se ha definido que el título del artículo tenga un formato h2 y la vista previa del artículo sea visualizada en el interior de una caja div con el nombre de clase CSS entry.
Un loop muy sencillo es aquel que muestra el título y la vista previa de las entradas en una lista en la página principal de un blog, comenzando por la entrada más actual. La cantidad de las publicaciones que se muestran, cada una debajo de la anterior, varía y se puede definir en el panel de administración. Sin embargo, lo más habitual son aquellos loops más complejos que, junto a metadatos como autor, fecha, categoría o etiquetas, también contienen un enlace a la página donde se muestra el artículo completo.
El CMS WordPress es muy popular porque permite, incluso a principiantes, crear fácilmente un blog o una página web totalmente funcional. Aquellos que quieran utilizarlo para crear proyectos más complejos también podrán sacar provecho de sus extensiones de pago. Con los plugins para WordPress adecuados, la plataforma podrá adaptarse a tus necesidades y complementarse con otras funciones muy...
Los temas de WordPress son una solución perfecta para darle un aspecto especial a tu proyecto web y añadirle características especiales de manera sencilla. Para ello, rara vez necesitarás habilidades de programación. Muchos themes sirven como base para muchas plantillas de diseño disponibles actualmente en el mercado y estos cuentan con editores de diseño, funciones básicas y están estructurados...
Desde hace mucho tiempo, WordPress es más que un sencillo software para crear blogs. Hoy en día es considerado como un potente CMS para la creación y gestión de páginas web y tiendas online. Gracias a un incontable número de plugins, el software puede ampliarse hasta adquirir una amplia gama de características, tales como funciones para crear encuestas y estadísticas, conexiones a redes sociales o...
Además de tener el contenido adecuado, el diseño de tu página web debe ser el correcto: El CMS WordPress es conocido por el hecho de que puede cambiar el aspecto de tu página web con solo unos pocos clics. Esto es aún más fácil con los temas de WordPress adecuados. Sin embargo, la variedad de plantillas de WordPress es enorme. ¡Te presentamos los mejores temas de WordPress!
El aspecto de una web de WordPress debe coincidir con el contenido y ser capaz de adaptarse a los nuevos cambios de la presencia en línea. Esto también incluye el diseño del tema. Sin embargo, ¿qué se debería hacer si el tema de WordPress es obsoleto o redundante? En este artículo, descubre cómo eliminar los temas de WordPress a través del panel de control, WP-CLI o FTP.
Ofrece un servicio fiable y de alto rendimiento a tus clientes con un pack hosting de IONOS.
Ver planes