Diseño Web: Consejos para expertos

desarrollo web en Sevilla

Diseño Web: Consejos para expertos

En Starenlared, Agencia de Marketing Digital en Sevilla, somos expertos en desarrollo web y realizamos todo tipo de trabajos, tanto con CMS conocidos (WordPress, Prestashop, etc.) como desarrollando proyectos completamente a medida.

Hoy en día, la mayoría de las páginas corporativas se desarrollan con la tecnología WordPress, que como sabéis, se utiliza instalando una plantilla ya predefinida que posteriormente se puede editar para adaptarla a los colores corporativos de tu empresa. Pero… ¿Qué pasa si hay cosas en la plantilla que no te gustan? ¿Se puede cambiar una plantilla para ponerla completamente a tu gusto? La respuesta es SÍ, pero hay ciertas prácticas que hay que seguir y una serie de conocimientos técnicos que serán necesarios para reprogramar algunas partes de la plantilla.

Aviso: No nos hacemos responsables de los posibles ataques epilépticos que sufráis al ver consejos de programación 😖. Si no quieres continuar leyendo (lo entendemos), contacta con nosotros y ¡te dejaremos la web a tu gusto!

Buenas prácticas para modificar una plantilla de WordPress

Muchas son las Agencias de Marketing Digital que hacen web con WordPress, pero pocas siguen buenas prácticas para no perder información y cambios en futuras actualizaciones, ya sea de la propia plantilla o del núcleo de WordPress.

En este post, de manera resumida y sin extendernos mucho, queremos explicaros un par de conceptos básicos de la programación en WordPress: ¿Cómo se crea un tema hijo? ¿Y un plugin? 👇

¿Cómo se crea un tema hijo?

Los Child Themes o Plantillas Hijas, son temas que se crean vinculados con la plantilla principal y nos permiten ‘sobreescribir’ funcionalidades de la plantilla sin modificar directamente los ficheros fuentes de nuestra web.

Esta es una de las mejoras prácticas para adaptar una plantilla a nuestra imagen corporativa, ya que si en un futuro actualizamos la plantilla no perderemos las modificaciones realizadas.

Pasos a seguir:

  • Primero se crea una carpeta dentro de /wp-content/themes/ accediendo por FTP como si fuera otro theme. Se le puede poner el nombre que quieras, pero lo que se suele hacer es poner el mismo nombre que la plantilla original añadiendo ‘-child’.
  • Dentro de esta carpeta hay que crear una hoja de estilos con el nombre style.css y añadir estas líneas al principio. Adaptadas por supuesto a tus necesidades (cambia urls, nombre de las plantillas, etc.):

/*

Theme Name: TemaPrincipal Hijo

Theme URI: https://starenlared.net

Version: 4.0

Description: Tema hijo de TemaPrincipal para hacer modificaciones

Author: Starenlared

Author URI: http:// starenlared. net

Template: TemaPrincipal

*/

@import url(“../TemaPrincipal/style.css”);

/*————- A partir de aquí añade estilos ———————*/

 

  • Una vez creada la hoja de estilos y añadidas las reglas CSS. Debemos acceder en nuestro panel de WordPress a Apariencia > Temas, y activar el nuevo tema hijo.

De esta forma podrás cambiar completamente los estilos de tu web e incluso sobrescribir ficheros que muestran el HTML.

¿Cómo se crea un plugin?

Otra forma de editar una plantilla WordPress, o cambiar o ampliar funcionalidades básicas del core del programa, es crear un plugin personalizado.

Estos son los pasos a seguir:

  • Los plugins se almacenan en la carpeta /wp-content/plugins/, por lo que deberemos acceder ahí vía FTP y crear una carpeta con el nombre de nuestro plugin que se llamará: mi-plugin-bonito. Es importante que dentro de tu mi-plugin-bonito organices los ficheros según su tipología, es decir, crear una carpeta para el CSS, otra para Javascript, etc. Cuando el plugin se vuelva más complejo, nos lo agradecerás 😎.
  • Dentro de la carpeta, tienes que crear un fichero PHP con el mismo nombre del plugin, es decir mi-plugin-bonito.php y añadir las siguientes líneas:

<?php

/**

* Plugin Name: Mi Plugin Bonito

* Plugin URI: https://starenlared.net

* Description: Plugin creado para modificar plantilla y WordPress

* Version: 1.0.0

* Author: Starenlared

* Author URI: https://starenlared.net

* Requires at least: 4.0

* Tested up to: 4.3

*

*Text Domain: mi-plugin-bonito

* Domain path: /languages/

*/

defined( ‘ABSPATH’ ) or die( ‘¡Error!’ );

 

  • Una vez hecho esto, deberemos acceder al apartado de nuestro panel de WordPress, Plugins, y activar nuestro plugin que aparecerá como inactivo.

En ese fichero podemos añadir todo tipo de funcionalidades, modificar hooks y filters, sobrescribir estilos… En definitiva, todo un mundo por descubrir que no te puedo contar en un solo artículo. Entraremos con más profundidad en los siguientes.

Si, aunque te avisamos antes, igualmente has llegado hasta aquí y estás un poco agobiado. Don´t worry! Déjanoslo a nosotros, contacta o llámanos al 955 22 12 20 y te lo resolvemos.

Ningún comentario

Deja tu comentario

Comentario
Nombre
Email
Página web

Utilizamos cookies propias para el correcto funcionamiento de la página web y de todos sus servicios, y de terceros para analizar el tráfico en nuestra página web. Puede cambiar la configuración u obtener más información. Aquí

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar