Diseño Web

Cuando vas a diseñar una página web, y has elegido tu tema, lo más seguro es que necesites modificar al menos el CSS (colores etc). Ya os indicamos hace tiempo cómo hacerlo correctamente y existen muchos plugins para modificar el css. Pero mencionamos al final del artículo que la manera más correcta de hacerlo es con lo que se llama un Child Theme, un tema hijo. Un tema hijo es un tema que “cuelga del tema principal”, que comparte todas sus características, pero al que si hacemos alguna modificación estas se usarán en vez del principal. Realmente el tema hijo es otro tema para WordPress, pero usa los ficheros del principal. En la carpeta del hijo sólo están los ficheros que se modifican. ¿Qué ventajas tiene? Varias. La principal es que puedes actualizar el tema padre sin problemas. Cuando modificabas un tema tenías siempre el miedo que una actualización te borrara los cambios. O que lo hiciera el cliente. En esta configuración, el tema padre se actualiza y lo tienes siempre al día. Y el hijo también porque sólo se cargan las modificaciones. También te permite añadir funciones en el fichero funtions.php sin temor. Con esto puedes realizar muchas funcionalidades extra. Por ejemplo el truco de usar Shortcodes Ultimate con Contact Form 7 que os dejamos hace unos días. Desde el punto de vista de código, limpieza y velocidad es más correcto. Un plugin de CSS carga el CSS del padre, y luego el CSS modificado por tí en el plugin. Un tema hijo carga el CSS del padre, y las modificaciones del hijo…pero no ambas para una misma etiqueta. Mucho más limpio, sencillo y rápido. No es difícil crear un tema hijo manualmente. Podéis seguir los pasos en este manual de Child Theme de WordPress. Realmente sólo es crear una carpeta con la etiqueta child y mover ahí el functions.php y la hoja de estilos que quieres modificar. Sin embargo, para que todo funcione correctamente, y no perder tiempo, os aconsejo un plugin como Child Theme Configurator, que, de manera muy sencilla, te permite crear y configurar tu tema personalizado rápidamente. Instálalo, activalo y ve a Herramientas> Child Theme Configurator. Una vez creado, si no queréis tener demasiados plugins activos, podéis desactivar este. Sólo es para la configuración. Nosotros, desde hace un tiempo, siempre que modificamos un tema lo hacemos así. Os lo aconsejamos.  

Hace unos días un cliente me comentó que necesitaba algo más en en formulario de contacto. Quería usar “acordeones”, “pestañas” etc para que el formulario tuviera más funcionalidades. Mirando cómo hacerlo descubrimos que podemos usar las códigos de Shortcodes Ultimate en Contact Form7, dos de los plugins más usados para cada una de esas funciones. Hay dos maneras de poner los códigos: La más recomendada. Podemos modificar el fichero functions.php de nuestra plantilla para poner este código: add_filter( ‘wpcf7_form_elements’, ‘mycustom_wpcf7_form_elements’ ); function mycustom_wpcf7_form_elements( $form ) { $form = do_shortcode( $form ); return $form; } Obviamente el gran problema de esto es que cada actualización de la plantilla hará que perdamos los cambios. Pero esto se puede arreglar haciendo una plantilla hija (de lo cual hablaremos mañana). Con este método podemos usar los códigos de Shortcodes Ultimate sin problemas en el formulario igual que en el resto de la web. La más laboriosa. Podemos usar (no lo hemos probado) los códigos html en el formulario. Podéis ver el ejemplo aquí (respuesta 14). Esta manera es muy laboriosa porque requiere poner etiquetas de div y css casi en cada línea. Pero no se cambiará al actualizar la plantilla. Eso si, vuelve el formulario un texto enorme lleno de código. Buen truco si queréis llevar los formularios al siguiente nivel.  

Esto no será útil para la mayoría de usuarios, pero los que gestionamos bases de datos (de programas, páginas web, CRMs etc) en muchas ocasiones tenemos que cambiar entradas. A veces nombres, otras URLs, directorios etc. El problema de las bases de datos (y lo que les hace tan rápidas y funcionales) es que muchas veces son tablas cruzadas. El mismo término puede estar decenas de veces en decenas de tablas. Cambia tu eso a mano si tienes… tiempo. Es verdad que puedes hacer búsquedas y reemplazos por comandos de MySql…pero seamos sinceros: si no los usas diariamente, ni te acuerdas ni te atreves. En estos casos encontramos este script, con frontend de web. Es sencillísimo de usar: pones los datos de tu base de datos, haces la búsqueda, esperas a ver los resultados (puedes ver muchos detalles sobre ellos) y luego elige lo que quieres cambiar. Una de las cosas que más me gustan es que puedes hacer una prueba con el cambio y ver cómo quedarían los registros ANTES de trabajar con la base de datos real. Muy útil cuando no estás seguro si tienes que añadir una o dos barras (/) o similar. ¿Cuando usamos esto nosotros? Normalmente cuando cambiamos un WordPress, Prestashop o similar de directorio y comprobamos que las URL puestas a mano, o las imágenes, siguen con la dirección antigua. Probadlo, a nosotros nos ha venido de miedo.