Por Jaime Tagle Fundador WP Avanzado y WPA Academy
1
¡Hola! Mi nombre es Jaime Luis Tagle y soy el fundador de WP Avanzado. Me alegra mucho que estés leyendo esta guía, en donde te voy a mostrar paso a paso cómo crear tu sitio Web de WordPress en tan sólo 5 días. El objetivo es que, al seguir los pasos exactos de esta guía, puedas tener tu sitio o blog armado, en tu dominio con hospedaje y listo, con una plantilla y los plugins esenciales en tan sólo 5 días… ¡o 5 HORAS! Sí, leiste bien. Hay dos formas de seguir esta guía, ambas muy válidas: 1. Seguir todos los pasos por día (uno cada día) para completar todo el 5 días 2. Meter el acelerador y seguir todos los pasos para terminarlo en aproximadamente 5 horas. Pueden ser más, pueden ser menos, pero lo tendrás listo en pocas horas. Eso es un hecho. Sólo tú eliges el formato en el que quieres hacerlo. Es posible también que quieras una combinación de ambos métodos y termines todo en uno o dos días…
Lo más importante es que sigas esta guía y tomes acción en cada uno de los pasos que te presento
2
Acción sobre teoría
Si no sabes nada de WordPress, es muy posible que no estés familiarizado con muchos de los términos que vamos a ver en esta guía. Trata en este momento de NO enfocarte tanto en tratar de saber qué significa cada cosa. Eso te lo puedo explicar después y lo puedes también investigar o ver en el blog de WP Avanzado. Lo más importante es TOMAR ACCIÓN y completar los pasos, ya sea comprar tu dominio, elegir un template o llenar cualquier de las worksheets que vienen acompañadas de esta guía. Recuerda: El objetivo #1 es que al terminar los 5 días o las 5 horas tengas tu sitio web armado y (casi) listo para recibir visitas. Detalles, detalles... Claro que habrá detalles que necesites cambiar después. Puede ser que quieras agregar más información, modificar imágenes, cambiar de template o añadir páginas que no estarán en el momento. Está bien. No te enfoques en dejar tu sitio 100% listo y perfecto. Vamos a dejar la base y el esqueleto LISTO, digamos que a un 80-90%. Posteriormente vas a poder revisar cada detalle y modificarlo a tu gusto. Lo repito nuevamente: Tu sitio Web no tiene que quedar al 100% y perfecto al terminar este mini-curso. El objetivo #1 es que aprendas a usar WordPress y sí, tener un sitio presentable y listo que sirva como base para posteriormente hacerle más arreglos y mejoras. Esto es sólo el inicio. Ya sabes que tienes en mi (Jaime Tagle) y en WP Avanzado a un maestro perfecto para dejar tu sitio web al 100% y cambiar lo que necesites en un futuro. Ahora sí, ¡vamos a comenzar con la guía!
3
Introducción Tienes habilidades, talentos y un potencial único que el mundo debe conocer En mi opinión, todos, absolutamente todos los seres humanos tenemos un potencial inimaginable que tristemente la mayoría no logramos desarrollar al máximo. ¿Lo has pensado? Independientemente de que seas diseñador, programador, freelancer, empleado de una gran empresa, arquitecto, jefe de IT o cualquier otra profesión, estoy seguro que sabes que puedes lograr mucho más de lo que has logrado en tus proyectos y en tu vida profesional hasta este momento. No quiero decir que has logrado poco o nada, al contrario, todo lo que has hecho hasta hoy tiene muchísimo mérito, pero siempre podemos lograr más y desarrollar nuestro potencial al máximo. Sin importar la cantidad de éxitos o fracasos que tengamos en nuestro historial. WordPress es una herramienta que me encanta porque pone al alcance de todos la posibilidad de exponer y mostrar al mundo esa visión, talento, sueño y habilidades únicas que cada uno de nosotros tenemos. Esa visión o sueño usualmente se hace realidad en forma de: ● Una empresa o startup ● Un producto innovador ● Una tienda virtual donde vendes tus creaciones o productos ● Un blog en donde expongas tu opinión y perspectiva de cualquier tema ● Un curriculum web donde muestres tus habilidades y puedas atraer el trabajo de tus sueños ● Un showcase o portafolio de tus proyectos, diseños o cualquier otro trabajo artístico que hagas ● Una galería de las fotos que tomas con esa increíble cámara que tienes ● Una página con todas tus canciones que tantas horas te toman grabar y producir ¡O cualquier otra creación que tengas en mente y que vayas a crear con WordPress! WordPress te permite comenzar de forma rápida, flexible, amigable y segura.
4
Es por eso que desde que la descubrí, estoy enamorado de esta plataforma y día con día me esfuerzo en seguir expandiendo WP Avanzado hasta que se convierta en el recurso #1 de WordPress en el mundo de habla hispana. Sigue esta guía tal y como te la expongo y al terminar el quinto día (o la quinta hora), tendrás tu sitio listo. Tienes todo en este PDF (y en los videos que lo acompañan) para hacer realidad ese proyecto en la Web y que todo el mundo lo conozca. ¿Estás listo(a)? 5
Día 1 - Definiendo la identidad de tu sitio Web
Antes de meternos de lleno a WordPress y toda la parte técnica que implica crear un sitio Web - la cual por cierto no es complicada, si sabes checar tu mail o subir fotos a Facebook, podrás hacer sin problema un sitio con WordPress, es muy importante definir con la mayor exactitud posible tu sitio Web o proyecto. Uno de los errores más comunes de los nuevos negocios es primero lanzar un producto y después tratar de descubrir o deducir quién es el mercado ideal para ese producto. Lo mejor y lo que más te recomiendo siempre es primero saber a quién quieres venderle y qué es lo que realmente quiere ese mercado. Después simplemente lo que se hace es un producto que embone perfecto en esos deseos y necesidades. Como la pieza exacta que le falte a un rompecabezas. En este primer día vamos a definir con exactitud: ● El tipo de sitio Web que quieras crear (con su principal conversión y “sub-conversiones”) ● Quién es tu lector - cliente ideal ● Crear un customer avatar Podrías estar pensando: “¡Pero yo no voy a vender nada en mi página! ¿Para qué necesito crear un perfil de customer avatar o pensar en un cliente ideal?” Buen punto. No importa si vendes o no, tu sitio web tendrá cierto tipo de conversión como objetivo principal. Puede ser: ● Que se suscriban a tu lista de correo ● Que llenen un formulario o una encuesta ● (Sí), que compren tu(s) producto(s) o contraten tu(s) servicio(s) ● Que den click en algún enlace (de afiliado o que lleve a otro sitio a donde los quieras llevar) ● Que lean cierto contenido / artículo y dejen un comentario ● Que vean un video y dejen un comentario
6
No importa qué, el propósito de un sitio web es que la persona que llega haga cierta acción, la cual la define el dueño/empresa/persona que crea y sube toda la información. Para asegurarte de que las personas cumplan con esa conversión que quieres que hagan, es muy importante tener claro: ● Quién es esa persona ● Cómo es ● Qué es lo que necesita ● Qué le preocupa ● Qué le motiva ● Qué le frustra ● Otros aspectos psicológicos que nos ayudan a definir con exactitud la identidad y todo el contenido que crearemos para nuestro sitio. Sí, sé que puede ser un poco aburrido meternos en este tipo de cosas y sé que no es para todos. Pero es un paso necesario y crucial para asegurarnos el éxito de tu sitio y proyecto en WordPress.
→ DESCARGA AQUÍ LA HOJA ←
7
Te daré un ejemplo de un sitio Web de un psicólogo: Conversión principal: Que la gente deje sus datos en un formulario y agende una primera cita conmigo (considerando que yo soy Jaime el mejor psicólogo de México) Subconversión 1: Que la gente me haga una pregunta en línea sobre cualquier problema que tenga Subconversión 2: Que visiten la página de “Acerca de” donde pueden leer más sobre mi y después dejen sus datos para suscribirse a mi newsletter Subconversión 3: Que visiten mi tienda online y compren mi ebook con los principios psicológicos más importantes para principiantes Puede ser que tu sitio sólo tenga una conversión principal y una subconversión o sólo quieras enfocarte en una sóla principal. No importa cuántas, el propósito de este ejercicio es que definas tu objetivo número en cuanto a qué es lo quieres que hagan las personas al momento de llegar a tu sitio Web. Al terminar este ejercicio, continúa con el siguiente: Ejercicio - Definiendo el perfil ideal de tu cliente/lector principal Al igual que sucede con las conversiones de tu sitio, normalmente se tiene un perfil ideal de la persona que va a visitar tu sitio Web, el cual está definido en gran parte por el tipo de sitio Web que vas a crear, la industria o nicho en el que está y tus conversiones principales. Es muy posible que ya tengas una muy buena idea de quién es la persona perfecta para visitar tu sitio Web y sacar el máximo provecho a tu contenido, productos y/o servicios. Con los perfiles ideales sucede muy similar que con las metas que nos ponemos. Muchas personas dicen que su meta es “volverse millonario”, “comprar una mansión con jardín” o “viajar por todo el mundo sin preocupaciones”. Eso no es una meta. Eso es sólo un deseo. 8
Muy parecido a decir: “Mi lector ideal es alguien que necesita un psicólogo”, “Mi lector ideal es alguien que busca productos y tratamientos para bajar de peso”, “Mi lector ideal es alguien que busca servicios legales en México”. ¡Hay que ser mucho más específicos!
→ DESCARGA AQUÍ LA HOJA DE EJERCICIO DOCX ← Estas últimas dos preguntas son muy útiles al momento de crear el “copy” y toda la redacción de los textos de tu sitio Web, en especial de la homepage. Si el usuario lo que lee al visitar tu sitio tiene que ver con su principal miedo, frustración o deseo, automáticamente van a prestar mucha más atención.
9
Jaime, ¿puedo tener más de un lector/cliente ideal para mi sitio Web o blog? Muy buena pregunta. ¡Sí es posible! Si crees que es necesario crear uno o dos perfiles extra, no dudes en hacerlo, pero ten siempre en mente el primero como el principal y al que le vas a hablar la mayoría del tiempo. Ya que respondiste estas preguntas, vamos con el tercer y último ejercicio de este primer día: crear un customer avatar.
Descarga a continuación la hoja de Avatar, imprímela y llénala a mano o también puedes llenarla en un documento de Word o Google Docs. → LINK PARA DESCARGAR LA HOJA DE CUSTOMER AVATAR→
¡Felicidades!...
10
Si seguiste todo lo que vimos y completaste los ejercicios de este primer día, tienes ya muy bien definidas: ● Las conversiones principales de tu sitio. Lo cual nos ayudará a armar la estructura adecuada ● Tu perfil de quién es la persona ideal para visitar tu sitio y sacarle el máximo provecho a tu información y todo lo que ofreces ● Tu customer avatar. Una herramienta invaluable para tener una mejor comunicación no sólo en tu página, sino en todo tu negocio. ¡Ahora sí! Es momento de pasar al siguiente día (¿o siguiente hora?), en donde vamos a ver ya directamente como instalar WordPress y configurar la plataforma.
Día 2 - Dominio, Hosting y Configuración de WordPress
Imagina el momento en el que se comienza a construir un edificio en cualquier de las ciudades más grandes del mundo. Digamos Nueva York, que es una de mis favoritas. Antes de poder enfocarse en los detalles internos, las ventanas, los elevadores, la electricidad y todo lo que la gente ve y nota cuando visita cualquier edificio, es importante primero comenzar con la base y el “esqueleto” que permitirá que todo eso sea visible y posible. Seguramente lo has visto. Cuando se comienza una construcción (ya sea una casa o un edificio), siempre se crea primero la base de la construcción, ya sea de (o una combinación de): ● Cemento ● Acero ● Arcilla ● Cualquier otro material que sirva como base
11
No lo vemos nosotros, pero detrás de cada edificio hay una gran cantidad de horas, esfuerzo y planeación, combinado con capas, columnas, bloques y bases de estos materiales que permiten crear la base de la construcción. Esta base es lo que hace posible que estos edificios sean tan altos, duren tantos años y no les pase nada cuando llueve, tiembla o sucede cualquier otro fenómeno natural conocido. Lo mismo sucede con WordPress, tenemos que empezar creando una sólida base que permitirá que toda la información y contenido multimedia sea visible. La base de tu sitio web en WordPress Por suerte, para crear una página Web, no necesitamos una base tan sofisticada como la que se necesita para un rascacielos en Nueva York, en donde es necesario invertir mucho dinero, tiempo y capital humano para construirla. En este segundo día, que realmente podemos decir que es el día 1 y el anterior es el dia “0.5”, vamos realmente a meternos de lleno en la creación de tu sitio Web en la parte técnica (una vez que ya nos preparemos en la parte estrategica y definición de objetivos).
Tu domino es el famoso http://www.elnombredelapágina.com. Piensa que es el equivalente al nombre de tu local o tu restaurante. No tiene que ser exactamente igual, pero de cierta forma es lo que le da identidad a tu negocio y página Web. Además del dominio, necesitas también una cuenta de hospedaje Web, lo cual equivale a los servidores (computadoras gigantes) en donde literal se “aloja” u “hospeda” toda la información, imágenes, textos, datos y línea de código que tendrá tu sitio.
12
Sin un servidor, es como si tuvieras únicamente un archivo local que sólo es visible en tu computadora.
Tu cuenta de hospedaje Web permitirá que tu página Web sea visible al mundo y que cualquier persona pueda visitarla desde su computadora, su tablet o su teléfono móvil.
Sin importar en dónde se encuentre. Desde La Patagonia hasta Islandia, Japón y Moscú. Ahora, como te dije anteriormente, no vamos a meternos demasiado en términos ni explicaciones técnicas sobre cómo funciona un dominio o un servidor web. ¡Vamos al grano! Ambas herramientas tienen un costo. El cual es muy accesible y puedes pagar sin problema si vas en serio con tu proyecto en WordPress.
Compra de dominio
Para comprar tu dominio, te recomiendo Godaddy. Revisa el tutorial en video de cómo comprar tu dominio aquí:
13
Compra de dominio
Una vez que compres tu dominio, es momento de comprar tu hospedaje Web. Para esto te recomiendo Siteground. Revisa el tutorial aquí:
No quieres construir un edificio o una casa empezando por las ventanas o por poner el refrigerador, ¿cierto? Es vital comprar estas dos herramientas para continuar. Recuerda, el objetivo es tener listo tu sitio lo antes posible (ya sea en días u horas). 14
Conectando tu dominio con tu cuenta de hospedaje
¡Perfecto! Ya que tienes tu dominio y tu hospedaje Web, vamos a conectar ambos para que funcionen en perfecta sincronía y podamos instalar WordPress con éxito. Sigue el siguiente tutorial para aprender a hacerlo:
IMPORTANTE: Dependiendo del servicio de hosting que hayas comprado (espero haya sido Siteground, mi máxima recomendación), del horario y de otros factores técnicos que aún desconozco, es posible que la conexión de tu dominio con tu hosting tarde desde unos minutos hasta algunas horas. Si ves que ya cambiaste los nameservers y seguiste correctamente el tutorial pero aún no se ve la pantalla de tu hosting al entrar a tu dominio o ves que sigue cargando la pantalla de GoDaddy, no te preocupes, hay que ser pacientes y esperar a que quede listo. He tenido casos en donde es inmediato y otros donde tengo que esperar unas 2-3 horas. 15
Instalando WordPress en tu dominio
¡Excelente! Si has seguido todos los tutoriales hasta el momento, ya tienes tu dominio y hosting conectados. Ahora se viene uno de mis momentos favoritos. Ese momento en donde comienza a suceder la magia y las ideas que tanto motivan e ilusionan a la mente al fin empiezan a verse como una posibilidad real.
¡Ese momento es cuando instalamos WordPress en nuestro dominio! “Pero sólo es WordPress, tampoco es para tanto Jaime, ni siquiera has diseñado el sitio ni agregado información”.
Sí, tienes razón, es solo instalar WordPress. Pero este paso es donde realmente ves un avance significativo, además de que como ya lo sabes, WordPress es el vehículo que nos permitirá llegar a nuestro destino de forma rápida, segura y con éxito.
Digamos que Instalar WordPress equivale a comprar el Ferrari o Mercedes Benz que nos llevará al lugar que tú y yo queremos llegar: Nuestro sitio Web o blog 100% terminado y cómo queremos que se vea. ¿Listo(a)?
Instalando WordPress en tu Dominio 16
Sigue el siguiente tutorial para aprender a Instalar WordPress en menos de 5 minutos desde el cPanel:
Configuración básica de WordPress
Ahora sí, estamos listos para realizar la configuración básica. Inicia sesión en tu sitio accediendo a la URL: → http://www.tudominio.com/wp-admin o http://www.tudominio.com/wp-login.php 17
El Dashboard de WordPress
Una vez que estés dentro vas a poder ver una pantalla muy similar a la siguiente:
18
Configuración básica de WordPress
Vamos a hacer la configuración básica de WordPress. Dentro del Escritorio Principal vamos a enfocarnos en el submenú de A justes. Sigue el siguiente tutorial para revisar las opciones de Ajustes Generales y también las opciones de: ● Generales ● Escritura ● Lectura ● Comentarios ● Medios ● Enlaces permanentes
Muchos de estos ajustes no necesitan mucha explicación. Con que los veas y revises las opciones disponibles podrás ajustarlos a lo que necesitas. ¡Listo! Después de seguir este video habrás hecho la configuración inicial de WordPress. 19
Como bono, revisa el siguiente video donde te doy un pequeño tour por el Dashboard de WordPress, sus elementos principales y cómo modificarlo.
¡Felicidades! Haz concluido el día 2 de este pequeño gran curso de WordPress. Ahora es momento de enfocarnos en el diseño y template de tu sitio Web. 20
Día 3 - Eligiendo un template (Gratuito o Premium)
En el tercer día de nuestro curso express para tener tu sitio listo en 5 días o 5 horas, dependiendo tu motivación y ambición, vamos a enfocarnos en el diseño y la apariencia de tu proyecto en WordPress.
¡Tú mismo puedes diseñar tu sitio aunque nunca lo hayas hecho antes! DATO IMPORTANTE: Yo no soy diseñador y he creado cientos de páginas Web con WordPress. Todo está en el template (también llamado tema). Quizá ya lo sabes o quizá no: WordPress se basa en templates para crear la estructura y la apariencia de un sitio o blog. Existen disponibles literal cientos (o hasta miles) de templates en Internet, los cuales se dividen en dos principales categorías: 1. Premium 2. Gratuitos Lógicamente, los templates premium tienen un costo y con eso viene acompañado un mejor soporte, calidad (aunque no siempre es el caso), seguridad y más y mejores funciones.
21
Puedes comenzar con uno gratis y posteriormente hacer el cambio a uno premium. O empezar desde el día con uno premium.
Tendencias y apariencia de tu sitio Web
No sé si lo has notado, pero hoy en día los sitios Web siguen una tendencia de estructura bastante similar. Al momento de entrar, normalmente ves una imagen (o slider o video) grande con texto y un botón de llamado a la acción. Conforme vas haciendo scroll-down podrás ver las diferentes secciones del sitio en forma de bloques horizontales. En estas secciones podrás encontrar toda la información adicional sobre el sitio (y la empresa, persona o start-up que estés revisando): ● Acerca de nosotros ● Servicios ● Testimonios ● Galería de imágenes ● Productos ● Contacto ● Y todos los demás módulos informativos A menos que tengas en mente un proyecto muy específico o que vayas a hacer un blog como tu página principal, la estructura de tu sitio Web tendrá esta base: scroll-down con bloques de información horizontales. 22
Aquí te dejo algunos ejemplos de este tipo de layout:
¿Te acuerdas del día #1? Ahí definimos el tipo de sitio Web y tu objetivo principal. Tu sitio Web será creado en base a ese objetivo y a todo lo que definimos en ese importante primer día. Esto lo vamos a ver más adelante, concretamente en el quinto día. Por el momento vamos a enfocarnos en elegir un template y que aprendas a instalarlo.
Siempre tendrás la opción de cambiarlo.
23
Lo digo porque quizá en este momento que estás siguiendo este mini-curso, con la velocidad y ritmo que llevamos, es posible que elijas un template y posteriormente quieras cambiarlo. O elijas uno gratis y después de acabar decidas comprar uno premium. Bien. A continuación compartiré contigo una lista de sitios Web donde podrás encontrar templates gratis y premium. Templates gratis: → Directorio oficial de temas de Wordpress → 50+ Beautiful & Free Responsive WordPress Themes to Build Awesome Websites → 40+ Best Free WordPress Themes Si eliges continuar con un tema gratuito, navega por estos enlaces y descarga tu tema favorito del momento. Digo del momento porque es muy posible que quizá después lo quieras cambiar. No importa. Elige el que más te guste o se adapte a lo que necesites en este momento y ya después habrá tiempo de cambiar. Templates premium → Themeforest → Studiopress → ThriveThemes Tengo otros proveedores de temas, pero estos tres son los que más te recomiendo o utilizo.
Proceso de descarga e instalación de templates en WordPress
Asumiendo que ya elegiste tu template de WordPress, vamos a ver cómo descargarlo e instalarlo. No importa si es gratis o premium, una vez que entras a la página del tema, la descarga del mismo se hace en un .ZIP, en donde vienen todos los folders y archivos del template. Asegúrate de descargar este archivo. 24
Quizá tengas que registrarte o iniciar sesión en una área de miembros para poder tener acceso a la descarga (esto seguro si compraste uno un template premium). ¿Ya tienes el archivo .ZIP? Perfecto. Sigue el siguiente tutorial en video donde te explico como instalarlo.
¡Felicidades! Ya tienes tu template de WordPress instalado. Esto es sólo el primer paso. Si visitas tu página, vas a ver que está el sitio instalado pero aún falta mucho para que se vea como lo viste en el demo. Falta obviamente información, páginas, textos, widgets y todos los bloques importantes que forman cualquier página en WordPress.
Configurando las opciones básicas de tu template
Cada template de WordPress es como un universo aparte. Obviamente los templates que son del mismo desarrollador, aunque sean diferentes en diseño, estructura y propósito, tienen muchas similitudes y se configuran prácticamente de la misma forma. Sin embargo, si tú instalas dos templates de diferente desarrollador o proveedor, la configuración va a ser única para cada uno. 25
Ya lo podrás ir viendo conforme vayas desarrollando más proyectos.
Revisa este video de demostración donde vas a ver cómo localizar y configurar este panel de opciones del template en dos distintos sitios (y temas).
26
Importando demos pre-diseñados (opcional)
Dependiendo del template que hayas elegido, es posible que incluya demos precargados. Estos son literal sitios Web ya creados, con información e imágenes en donde al cargarlos, lo único que se tiene que hacer es cambiar las imágenes, los textos y quitar o agregar las secciones necesarias. Por ejemplo, el template Bridge de Themeforest, el cual utilizo bastante en diferentes proyectos, incluye una gran cantidad de demos que puedes ver aquí:
→ DEMOS DE BRIDGE ←
¡Esto es un atajo increíble! En lugar de empezar desde ceros, lo único que haces es 1. Importar el demo que más se adapte al tipo de sitio que necesitas 2. Cambiar la información / textos / módulos Para importar demos, primero hay que revisar si el template que elegiste los incluye. Si es así, el apartado de import normalmente viene incluido como una de las opciones del template o literal como una sección nueva del lado izquierdo del Dashboard de WordPress.
27
Revisa este video en donde te muestro cómo importar un demo en el template Bridge. Este mismo proceso se sigue para otros templates premium que incluyen la opción de demos. (O al menos muy similar)
Sigue el mismo proceso para tu template en caso de que aplique. ¡Wow! Ya tienes un sitio Web bastante completo y armado. ● Sin diseñador ● Sin saber programación ● Con sólo un par de clicks Increíble, ¿no es así? :)
¿Qué es lo que sigue?
28
Cómo ya dijimos, cada una es única y tiene su forma de configurarla, cambiar, agregar y editar información, textos, vídeos, etc. VIDEO EXTRA: Revisar el siguiente video en donde te comparto mis templates premium favoritos de WordPress
¡Felicidades! Hemos concluido el tercer día (¿o tercera hora?) de tu mini-curso de WordPress. Ya tienes un template, ya lo configuraste y posiblemente ya también cargaste un demo. 29
Antes de pasar a ver cómo agregar información y cómo crear tu homepage (o página de inicio), haremos una pequeña escala para el cuarto día, en donde vamos a revisar todo lo relacionado a los plugins. ¡Pasemos ahora al siguiente día!
Día 4 - Instalando los plugins esenciales
Si estás leyendo esto, entonces quiere decir que ya tienes: ● Definidos tus objetivos / conversiones principales, tu cliente/lector ideal y tu(s) customer avatar(s) ● WordPress instalado en tu dominio con tu propio hospedaje Web ● Un template instalado con la configuración básica hecha y (posiblemente) un demo cargado Perfecto. Estamos ya en la recta final de este mini-curso. Vamos a seguir adelante y acelerar el ritmo para que el día de mañana (o quizá en un par de horas), tu sitio Web esté terminado y presentable.
En este cuarto día nos enfocaremos en los plugins. Uno de los pilares más importantes de WordPress. Los plugins son aplicaciones o software que contienen un grupo de funciones o características, las cuales ayudan a mejorar WordPress en todos los aspectos. Existen plugins para todo tipo de necesidad en WordPress, incluyendo:
30
● ● ● ● ● ● ● ●
Diseño Estadísticas (Analytics) Email marketing Redes sociales Seguridad Backups Tráfico Web e-Commerce Y mucho más
Cada uno de estos complementos funcionan para que el auto funcione mejor en diferentes aspectos: velocidad, seguridad, entretenimiento, navegación, etc. Lo mismo sucede con los plugins y WordPress; complementan la plataforma en diferentes áreas de desempeño.
31
Cómo instalar un plugin Antes de revisar los tipos de plugins y hacerte varias recomendaciones, es importante que sepas cómo instalarlos. Revisa el siguiente tutorial donde te llevo paso a paso por el proceso de instalación de plugins:
Ahora sí, ya que sabes instalar un plugin, vamos a ver un poco más detalles.
Dime el tipo de sitio que tienes y te diré los plugins que necesitas
32
Ejemplo 1: Mi proyecto es crear una tienda virtual donde voy a vender playeras para con la foto impresa que elijan mis clientes. Para esto necesito que el cliente, al momento de hacer su compra, pueda subir su imagen y el mismo sistema le muestre una playera con la imagen (como si ya estuviera lista para imprimir). Ni Wordpress, ni Woocommerce (el plugin gratis de eCommerce por excelencia) vienen con la función de poder mostrar playeras con imágenes subidas por el cliente o usuario. Para esto se necesita un plugin especial que habilita esta función. Ejemplo 2: Voy a crear un sitio web de bienes raíces, en donde quiero vender las casas de la inmobiliaria donde trabajo. Obviamente WordPress no viene con la función para hacer búsquedas, clasificación y muestra casas y propiedades a usuarios. Para esto necesitamos también un plugin especial que nos permita transformar la plataforma en un sitio Web de bienes raíces. Los plugins específicos son muy populares y varían mucho, gracias a que WordPress es una plataforma tan flexible y se puede hacer realidad prácticamente cualquier tipo de sitio Web o proyecto. No hay límites.
Plugins gratuitos y premium….¿Otra vez? ¡Así es! Al igual que sucede con los temas, existen plugins gratuitos y temas premium. Y también, los plugins premium (en su gran mayoría) son de mejor calidad, tienen mejor soporte y son más seguros. Eso sí, hay que elegir muy bien a quien le compramos y asegurarnos de que sea un desarrollador de buena reputación y de calidad.
33
Plugins esenciales y universales Aunque como ya vimos, tenemos plugins que se enfocan en resolver necesidades muy específicas, también existen plugins esenciales que funcionan y considero necesarios para todos los sitios de WordPress, sin importar el tipo de proyecto que vayas a crear. Estos plugins son: ● ● ● ● ● ● ● ● ●
Yoast SEO iThemes Security W3 Total Caché Akismet Updraft plus Broken link Checker Shortcodes Ultimate Contact form 7 Theme Check
Hay otros que podrían considerarse esenciales, pero vamos por ahora a enfocarnos en estos. Revisa el siguiente video en donde te explico la función de cada uno:
34
¡Al terminar de ver este video, instala todos los plugins esenciales que ya conoces y continua con el siguiente día! No pases a lo que sigue hasta que tengas todos los plugins correctamente instalados y activados.
Día 5 - Creando tu página de inicio, páginas adicionales y agregando información importante
Bienvenido al quinto (¡y último!) día de tu mini-curso Tu sitio Web en 5 días. ¡Tu sitio Web ya casi está listo! En este quinto día nos vamos a enfocar en crear tu página de inicio (homepage), agregar las páginas adicionales y revisar 4 diferentes frameworks que utilizamos para crear contenido en WordPress para que veas lo fácil que son de utilizar.
Tu página de inicio
Tomarse el tiempo de planear cada elemento de tu página de inicio es muy importante. Aunque es cierto que el tráfico va a llegar a diferentes páginas, artículos de tu blog o landing pages que vayas a crear, la página de inicio es siempre una referencia importante y el pilar de tu sitio Web. Es por eso que vamos a dedicarle una sección especial en este quinto día. 35
Tu homepage
Como vimos en el tercer día (templates), la tendencia en sitios Web, en especial en páginas de inicio, es un diseño y estructura basada en bloques de contenido horizontales con diferentes “módulos” de contenido. A continuación te presento algunos de los módulos de contenido más populares y usados en páginas de inicio: ● Slider con imágenes, textos y links ● Listado de servicios ● Listado de beneficios ● Imágenes ● Galerías de imágenes ● Testimonios ● Listado de productos (con opción de compra) ● Enlaces de redes sociales ● Tablas de precios ● Llamados a la acción ● Llamado a la acción con suscripción a newsletter ● Llamado a la acción con botón de pago ● Listado de entradas de blog Dependiendo de tu sitio Web y proyecto, es muy posible que vayas a utilizar algún módulo especial. Por ejemplo: ● Listado de casas en ventas (si es de bienes raíces) ● Un cotizador específico y con ciertos rangos (para páginas de créditos) ● Un listado de productos y descuentos (para tiendas virtuales) La lista inicial es un poco más universal y no son todos los que se pueden usar, simplemente los más populares.
36
Creando tu homepage en base a tu conversión principal
Antes de meternos de lleno a tu template para crear tu homepage, vamos a definir la estructura y los módulos que le van a dar forma. ¿Te acuerdas de tu conversión principal? ¡Por supuesto que sí! Es el objetivo principal de tu sitio y de tu homepage. La estructura y módulos que decidas agregar van a girar alrededor de ella.
Ejercicio + Ejemplo.
Vamos a pretender que voy a crear un sitio Web de para un cliente que es dentista.
En base a esto, mi misión es crear una homepage que se enfoque en que la gente llene ese formulario. Así como la tuya será crearla en base a tu conversión #1. 37
Obviamente habrá otros módulos hablando de los servicios que ofrece el dentista, por ejemplo: ● La ubicación de su consultorio ● Los beneficios de ir con él vs ir con otro dentista ● Imágenes ● Listado de servicios Pero todo va a girar alrededor de ese formulario que va a pedir nombre, correo electrónico y teléfono. En base a esto, voy a crear un pequeño bosquejo de la homepage en una hoja de Microsoft Word. Utiliza la hoja que subiré a continuación para crear la estructura de tu homepage (sólo borra lo que yo puse y reemplazalo por tus módulos): → HOJA DOCX PARA CREAR LA ESTRUCTURA DE TU HOMEPAGE ← Ahora te toca a ti. Descarga a continuación la hoja en DOCX para llenar (ya sea a mano o en tu computadora) cada uno de los módulos de tu página de inicio. Recuerda: ● Tu conversión #1 es lo más importante ● Incluir también tus subconversiones (que también definiste en el primer día) ● Habla sobre ti o tu empresa ● Incluye qué es lo que te hace único(a) de la competencia (o USP) ● Sección de contacto ● Espacios para imágenes Una vez que hayas llenado tu hoja de homepage, hay dos opciones: 1. Ya estás preparado(a) y ya tienes toda la información e imágenes de cada módulo 2. Tienes que redactar y conseguir las imágenes antes Ahora sí, una vez que ya tienes el contenido, imágenes y/o videos listos, dependiendo del template que hayas elegido, es momento de agregarlo todo a tu homepage. 38
¿Te acuerdas de la importación de demos? Si tu template incluye demos y ya hiciste la importación, en la sección de pages podrás ver varias páginas listadas, entre las que podrás encontrar (con toda seguridad) entre 3 y 5 plantillas de “Home”. Ejemplo:
Lo normal es que agreguemos la información en la página en la que se llama Home, que tiene el layout que elegiste y tanto te gustó. Pero aún así te recomiendo revisar las demás Home por si la estructura y/o diseño te gusta más.
Editando y agregando información.
Si me pongo a cubrir todas las formas posibles de agregar información en los diferentes templates de WordPress, ¡este PDF se alargaría a más de 1000 páginas! (Bueno, quizá exageré…..) Para hacerlo más cortito, grabé un video en donde, además de seguir el ejemplo del sitio de Dentistas que inicié un poco arriba (que utiliza Visual Composer), te muestro las principales formas de agregar contenido en otras frameworks populares: ● Divi 3.0 ● Thrive Architect ● Un template gratuito
39
Existen muchos más - los cuales cubrimos en la membresía de WP Avanzado Academy y la cual te invito a unirte - pero por el momento nos enfocaremos en estas cinco opciones, que están entre las mejores y más populares opciones disponibles. Revisa el siguiente video en donde te muestro los diferentes frameworks y page builders populares para WordPress (y cómo agregar contenido):
¡No sigas hasta agregar toda la información de tu homepage!
Páginas internas
Además de tu homepage, es muy posible (casi con toda seguridad) que vayas a necesitar agregar también páginas internas. Las más comunes son: ● Acerca de ● Preguntas Frecuentes ● Contacto Y otras no tan comunes y que dependen más del sitio y de la industria, como: ● Productos / Servicios ● Tienda ● Precios ● Descargas 40
Define y agrega tus páginas internas En base a tu proyecto y al tipo de sitio que vayas a crear, haz un listado de las páginas internas que vayas a agregar. Excelente noticia: Por si aún no te das cuenta, los demos que importas de los templates (en caso de que estén disponibles) incluyen también templates de páginas internas específicas como “About” (Acerca de), “FAQ” (Preguntas frecuentes), “Contact” (Contacto) y muchas más. Ingresa a tus Páginas > Todas las páginas y revisa todos los demás templates que tienes disponibles (en caso de estarlo). Una vez que decidas tus páginas internas, repite el mismo proceso que en la homepage: ● Escribir el contenido con anticipación ● Preparar y tener listas las imágenes ● Agregar la información en las páginas de demo o comenzando una página desde cero ¡Felicidades! Para este momento ya deberás tener creada sitio web en WordPress. Confío plenamente en que este minicurso de 5 días (o 5 horas) o cualquier que sea el tiempo en el que lo hayas terminado, te haya sido muy útil y te haya dado todo lo que necesitas para comenzar tu sitio Web.
41
¿Qué es lo que sigue después de este curso?
A pesar de que ya terminaste tu sitio y aprendiste a agregar toda la información en tu template, homepage y páginas internas, es muy probable que aún tengas dudas, ciertos puntos incompletos o que necesites más tutoriales para resolver ciertas necesidades específicas. ¡No te preocupes! Para esto he creado WP Avanzado Academy, una membresía con más de 120 tutoriales en donde te enseño a dominar WordPress y a aprender a crear una gran variedad de sitios Web, desde sitios estáticos hasta tiendas o blogs. Además de que constantemente estoy actualizando la información con: ● Casos de estudio de creación de sitios en vivo (¡Como un detrás de cámaras!) ● Cómo aprender a usar diferentes templates populares en el mundo de WordPress (como los videos de Divi, Visual Composer o Studiopress pero con mucho, mucho más detalle). ● 5 Cursos distintos que forman el pilar principal de la membresía: WP Avanzado (curso principal) para aprender a usar la plataforma, plugins, templates e email marketing a fondo, Curso de Woocommerce para crear tu tienda virtual, Curso sitio Corporativo o estático (para empresas, negocios o startups), Blogging con Wordpress y Marketing con WP. ● Actualizaciones constantes ● Curso GRATIS: WP Weekend - Cómo crear tu sitio en un fin de semana. Si quieres aprender WordPress a fondo, vender tus habilidades como servicio freelance o simplemente para poder crear tu sitio y ahorrarte miles de dólares en desarrolladores y diseñadores, esta membresía es ideal para ti. Por ser alumno de Tu sitio en 5 días, tendrás acceso a la membresía a un precio preferencial (pago único) y con un enlace único.
→ Haz clic aquí para revisar precio y detalles ←
42
Conclusión Te unas o no a la membresía de WP Academy, seguirás formando parte de la newsletter de WPAvanzado, así que espera mucho más contenido gratuito para que puedas seguir con tu aprendizaje de WordPress.
¡Muchas gracias por seguir esta guía y por confiar en mí para tu sitio y proyecto en la web! Recuerda, como te dije en un principio, tienes una visión, talento y habilidad única que el mundo debe y merece conocer. Wordpress es un atajo y una herramienta que te permite iniciar ese proyecto o ese sueño que tanto quieres hacer pero que quizá no lo habías comenzado por ciertas limitaciones de costo y conocimiento técnico. Ahora sí no hay excusas. ¡A trabajar!
Jaime Luis Tagle Fundador WPAvanzado y WPA Academy
43