No hace falta decir que hoy en día la mayoría de empresas deben tener presencia online. Hasta no hace mucho tiempo, esta presencia se limitaba a tener una web y poco más. Hoy en día es necesario que esa web forme parte de un contexto, debe formar parte de una proyecto online. Es necesario enfocar qué queremos conseguir y cómo lo queremos conseguir.

La plataforma digital que normalmente se utiliza como base de la presencia online de una marca es la web ya que, como comenta @TITONET en uno de sus posts: “tu página web es la plataforma más completa, básicamente porque es tuya y la creas como quieras”.

Abordar el “salto al online” (lo digo entre comillas ya que no significa ni que dejemos el offline de lado ni que sea dos cosas aisaladas) de una marca no es nada fácil, por lo que debes tener muy claros los pasos a dar. En el siguiente gráfico podemos ver de manera esquemática cuales son las fases que definen un proyecto online en general:

1. Estudio Previo
   Para poder definir la presencia online de una empresa antes se debe conocer qué hace la competencia y cómo lo hace, pero sobre todo, el estudio e investigación inicial deben servir para detectar las oportunidades a explotar y a partir de ahí definir una estrategia de actuación.
2. Plan Estratégico
   Para ir todos a una se debe crear un plan que sirva como guía durante todo el proceso, establecer unos objetivos claros y, muy importante, establecer las bases para medir si estos objetivos se están cumpliendo.
3. Desarrollo
   Nada de todo esto tendría sin sentido sin la plataforma propiamente dicha. Existe una serie de puntos muy importantes que se deben estudiar a la hora de desarrollar una web: cuál es la mejor plataforma para el desarrollo, qué estándares de accesibilidad y usabilidad debe cumplir, cuál es el diseño más adecuado, cómo establecer una estructura web escalable (debemos pensar en el hoy, y también en el mañana), etc.
4. Desarrollo Evolutivo y Mantenimiento
   Los requisitos de la web pueden cambiar en cualquier etapa, por lo que se deben ir llevando a cabo desarrollos evolutivos para mantener la plataforma actualizada. No debemos dejar de lado el mantenimiento de lo ya desarrollado.
5. Acciones
   ¿Qué acciones vamos a llevar a cabo para llegar al punto marcado? Debemos elegir cúales de todas las acciones que se pueden llevar a cabo son las que más nos interesan para captar, convertir y fidelizar a los usuarios.
6. Análisis
   Una parte muy importante del proyecto es el análisis. Todo esto no tendría ningún sentido si cada cierto tiempo no se revisan los objetivos marcados al principio. La mejor manera de poder hacerlo es midiendo qué está pasando y analizando todos y cada uno de estos pasos. Además del estado del proyecto, el análisis nos permitirá detectar aquellos puntos dónde es necesaria la intervención.
7. Optimización
   Una vez analizada la situación debemos llevar a cabo una serie de acciones para mejorar y seguir avanzando hacia los objetivos. Si es necesario, se deben replantear dichos objetivos, ya sea porque ya se han cumplido o porque durante el proyecto se cree que esto es necesario.

A grandes rasgos, estas son las etapas de un proyecto online completo. Poco a poco las iremos desgranando en futuras entradas.

Cualquier comentario que queráis hacer, se agradecerá.

Para que esto no suceda, WordPress nos da la posiblidad de trabajar con temas hijos. Un tema hijo no es más que un tema que herada la funcionalidad de otro tema, llamado padre, permitiéndonos añadir o modificar la funcionalidad del padre.

¿Cómo crear un tema hijo?

1. En el directorio de temas wp-content/themes/ creamos un directorio con el mismo nombre que el tema padre añadiendo al final -child. Es decir, si nuestro tema se llama eStore la carpeta del tema hijo se debe llamar eStore-child. Os recomiendo no dejar espacios en el nombre de la carpeta para luego no tener dificultados a la hora de escribir la ruta (path) al tema. En la siguiente figura podemos ver cómo quedará la estructura de directorios.



2. Es obligatorio que el directorio que acabamos de crear contenga un archivo de estilos llamado style.css con la siguiente cabecera:
   /*
   Theme Name: eStore Child
   Theme URI: http://ejemplo.com/
   Description: Tema Hijo para eStore
   Author: Alba Torres
   Author URI: http://www.albatorres.com/sobre-mi/
   Template: eStrore
   Version: 0.1.0
   */

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

   /**
   * Reglas CSS del tema hijo
   **/

   Los elementos marcados en negrita son obligatorios. De esta manera WordPress reconozca el tema hijo y reemplazaraña el style.css del padre.

3. En el Escritorio de WordPress ves a Apariencia > Temas y activa el tema que acabamos de crear.

Ya tenemos el tema listo para empezar a trabajar con él, puedes añadir cualquier archivo que necesites, ya sea del tema o cualquier otro.

Puntos que debes tener en cuenta:

• Si quieres que al activar el tema te aparezca la misma imagen que el tema padre, es tan sencillo como copiar el archivo screenshot.png del tema padre en la carpeta del tema hijo.
• Ojo al trabajar con el archivo functions.php: a diferencia de style.css, functions.php no sobreescribe la función correspondiente del padre, primero se carga la función del tema hijo y a continuación la del padre.

Animaos a probarlo y a comentar qué tal os ha ido.

Veámos los pasos:

1. Haz una copia del archivo page.php
2. Guarda este archivo con un nombre que te resulte descriptivo, por ejemplo: comparador.php
3. Añade al principio del archivo que acabamos de crear las siguientes líneas de código:
   <?php
   /*
   Template Name: Comparador
   */
   ?>

4. Añade toda la funcionalidad en php que quieras que tenga tu página. En mi caso he creado toda la lógica para que funcione el comparador de productos.
5. Desde el Escritorio de WordPress, crea una nueva página. En la columna derecha, en la sección Atributos de página debemos seleccionar la plantilla que acabamos de crear: Comparador.
   

Ahora la página que acabamos de crear funciona como una página “normal” de WordPress y además tiene toda la funcionalidad que hayamos programado en el punto 4.

¿Añadís contenido dinámico a las páginas de alguna otra forma? Cualquier comentario que queráis dejar será bienvenido.