GlopDesign

Guía de WordPress
Para aprender lo imprescindible
y montar tu propia web

glopdesign.com
 GlopDesign

Guía de WordPress
Para aprender lo imprescindible
y montar tu propia web

© GlopDesign 2018. Todos los derechos reservados.

Queda totalmente prohibida, sin la autorización escrita de la titular del copyright, bajo las
sanciones establecidas por la ley, la reproducción total o parcial de esta obra, por cualquier
procedimiento, incluyendo la reprografía y el tratamiento informático, así como su venta o
descarga ilegal.
 ÍNDICE

Introducción .......................................................................................................... 04
01. Alojamiento y dominio ......................................................................... 06
02. Instalar Wordpress .......................................................................................... 08
03. Ajustes y configuración ......................................................................... 12
04. Elegir la plantilla ...................................................................................... 14
05. Contenido de la web ...................................................................................... 16
06. Plugins imprescindibles ........................................................................ 18
¿Estás pensando en montar un negocio online? ¿Has decidido
que este va a ser tu año y no quieres que nada te pare?

Bienvenido, estás en el lugar indicado. Seguramente estés lleno

de ilusión y dudas a partes iguales, no te preocupes, es más
normal de lo que parece. Nos ha pasado a todos, no estás solo.

De hecho las dudas nunca desaparecen, se transforman en otras

distintas pero siguen estando ahí. La clave está en no dejar que te
bloqueen, en ser capaz de avanzar a pesar de la incertidumbre.
Solo así conseguirás sacar tu proyecto adelante.

¿Y cómo consigues no bloquearte? Con un plan y unos objetivos

claros. El primero de la lista imagino que será tener una web.

En esta guía voy a enseñarte a instalar y configurar WordPress

para que puedas tu propia web lista en unas semanas.

04
Si estás leyendo esta guía es porque seguramente ya tienes claro que quieres
diseñar tu web en WordPress, aunque es posible que aún estés dudando entre varias
plataformas.

Me he encontrado con mucha gente que le tenía algo de miedo/respeto a WordPress,

hay una idea generalizada de que otras plataformas (Wix, blogger...) son más fáciles
de manejar. No creo que eso sea cierto. Además, las posibilidades de WordPress son
infinitas mientras que las otras son bastante limitadas.

Si estás pensando en un montar una web profesional, tu opción es WordPress sin

ninguna duda. No sé que pasará en un futuro pero ahora mismo WordPress es el rey
indiscutible del mundo 2.0. ¿Quieres saber por qué?

¿Por qué WordPress?

- Infinidad de plantillas. Debido a su gran popularidad, es muy fácil encontrar

plantillas de todo tipo para tu web. La variedad es tan grande que podrás encontrar
un estilo que se adapte a tus necesidades sin problema.

- Plugins a tope. Para cualquier funcionalidad extra que quieras añadir seguro que
existe un plugin. El repositorio de plugins para WordPress es como el bolso de Mary
Poppins, no tiene fin.

- Compatibilidad E-commerce. Si estás pensando en montar una tienda, solo

tendrás que instalar el plugin Woocommerce para tener una plataforma de venta
online completamente profesional.

- Actualizaciones constantes. La comunidad de desarrolladores en torno a esta

plataforma es enorme. Las actualizaciones de temas y plugins son constantes,
ofreciendo mejoras en el diseño, la seguridad y el rendimiento.

- Entorno de trabajo intuitivo. Es muy fácil de usar y permite a cualquiera gestionar

el contenido sin necesidad de conocimientos técnicos avanzados.

- Blog integrado. El hecho de que en principio fuera una plataforma para alojar
blogs hace que hoy en día permita la perfecta integración de un blog en tu web,
algo completamente imprescindible para impulsar tu negocio como veremos más
adelante.

05
 01

Alojamiento y dominio

Una web profesional, para estar operativa, necesita un dominio

propio (tunombre.com) y un alojamiento (espacio donde guardar
los archivos de la web).

Lo mejor es comprarlos juntos, así lo tienes todo en la misma

plataforma. Por supuesto puedes adquirirlos separados, pero te
va a facilitar bastante la gestión tenerlos en el mismo sitio, así
que si puedes elige esta opción.

Un Alojamiento de calidad cuesta unos 90 euros/año (dominio

incluido). Si encuentras alguna opción maravillosa a mitad de
precio que ofrece las mismas prestaciones, desconfía.

06
Lo que suele pasar es que meten muchas más webs en un mismo servidor, por lo
que es muy probable que tu web vaya muy lenta o se cuelgue.

No te dejes cegar por frases que anuncian espacio web ilimitado o 100 cuentas de
correo. Siendo realistas como mucho vas a tener 5 emails y eso ya me parece mucho.

Tampoco necesitas espacio infinito, una web normal puede ocupar unos 500Mb,
es decir, muy poco. Si tienes muchísimo contenido puede que algo más, pero lo
normal es que con un plan de entre 2-5Gb sea más que suficiente para empezar.

Antes de contratar cualquier servicio, asegúrate de que la

plataforma elegida ofrece un buen soporte técnico.

Mira bien que no sea un foro donde cualquiera con un poco de idea te va a dar su
opinión. Si tu negocio depende de tu web, te aseguro que quieres tener un servicio
de atención al cliente que responda tus dudas en media hora.

Además, comprueba que ofrezcan copias de seguridad gratuitas y protección frente

a posibles hackeos. Por supuesto, puedes instalar plugins que hacen copias de
seguridad, pero no es la mejor opción.

Nada te va a dar mejores garantías que la seguridad de saber que si hay un problema
podrás recuperar todo el contenido en un clic a través del Hosting. Yo duermo mucho
más tranquila así.

Por último, si vas a vender productos online necesitarás un certificado de seguridad

SSL. Ahora dirás: “¿Y esto qué es?”. Es un archivo que se instala en tu servidor para
que tu web sea más segura. Si te fijas, hay algunas webs que muestran un candadito
verde al lado del nombre, eso quiere decir que tienen un certificado de seguridad.

Es un servicio gratutito y lo puedes instalar directamente desde tu panel del

alojamiento en solo un par de clics. Mi consejo es que realices este paso desde el
principio para evitar problemas de enlaces más adelante.

Llegados a este punto ya estamos listos para instalar WordPress. La mayoría de los
alojamientos ofrecen la posibilidad de instalarlo en un clic desde el panel de control,
así que en un minuto lo tendrás listo.

07
 02

Instalar WordPress

Hay varias formas de abordar una instalación de WordPress. En

esta guía te te voy a explicar los dos métodos más utilizados para
que puedas elegir.

La primera y más sencilla de todas, es de manera automática a

través de tu proveedor de Hosting. La segunda se trata de una
instalación manual para la cual necesitarás tener acceso FTP al
servidor.

No te asustes porque ninguno de los métodos es complicado

y te conviene conocer ambos porque dependiendo de las
circunstancias puede que prefieras utilizar uno u otro.

08
2.1. Instalación automática

En este primer apartado vamos a ver cómo instalar WordPress de forma automática
a través de tu proveedor de Hosting. Para explicar el proceso voy a tomar como
ejemplo el panel de administrador de Cdmon pero te servirá también si tienes
cualquier otro proveedor ya que casi todos ofrecen esta posibilidad.

Lo primero que debes hacer es buscar en el panel de administrador el apartado de

aplicaciones (también pueden llamarse CMS). Verás un listado con distintas opciones,
entre ellas WordPress, pincha en el icono para empezar la instalación.

Después te llevará a una página donde tendrás que configurar la ruta de instalación
y el email de administrador. Mi recomendación es que siempre elijas como ruta
de instalación de raíz del alojamiento. Y ahora lo único que te queda por hace es
pinchar en el botón que dice “Iniciar la instalación”. Lo normal es que el proceso dure
unos minutos tras los que serás redirigido una página con tus datos de acceso a la
web. Así de fácil, ¡ya tienes WordPress instalado!

2.1. Instalación manual vía FTP

Después de haber visto lo fácil que es instalar WorPress de forma automática, te

estarás preguntando por qué nadie iba a querer utilizar el método manual. En
realidad hay muchas razones para preferirlo, te cuento algunas a continuación:

Tienes mayor control sobre la instalación. Algunos proveedores de hosting (no es

el caso de Cdmon) no se limitan solo a instalar WordPress sino que muchas veces
añaden plugins o plantillas propios. Luego los puedes borrar pero es mejor no
empezar con “basura” innecesaria. Si realizas la instalación tu mismo te aseguras de
tenerlo todo limpio desde el principio.

Varias webs en el mismo plan. Si tienes una sola web alojada en tu plan de hosting
no hay ningún problema en hacer la instalación manual. Sin embargo, si tienes varias
webs alojadas lo más recomendable es que optes por la instalación manual para
asegurarte de no tener problemas.

Conocer WordPress a fondo. El hecho de instalar WordPress tú mismo te va a ayudar

a conocer la estructura de la web por dentro. Esto puede ser muy útil si en un futuro
tienes algún problema con los archivos.

09
1. Sube los archivos con Filezilla

Antes de empezar necesitas tener Filezilla instalado en tu ordenador para poder

subir los archivos de WordPress al servidor. Cuando lo tengas listo abre el gestor de
sitios e introduce tu usuario y contraseña FTP para conectar con el servidor. En tu
panel de administrador del Hosting encontrarás estos datos sin problema.

Lo siguiente será descargar la última versión de WordPress de la página oficial y

descomprimir el fichero zip. Cuidado con esto, lo que tienes que subir al servidor es
el contenido de la carpeta que obtendrás (llamada wordpress), pero nunca la carpeta
directamente. Y ahora surge la misma cuestión que en la instalación automática,
¿dónde quieres instalar WordPress?

Si quieres tener WordPress en el dominio principal (por ejemplo www.tudominio.

com/), copia todo el contenido de la carpeta que has descargado a la raíz,
generalmente suele ser una carpeta que se llama: www o web.

Si por el contrario quieres instalarlo en un dominio diferente, tendrás que crear un

subdirectorio en la raíz y subirlo ahí. La carpeta creada en la raíz debería llamarse
como el nuevo dominio que quieras utilizar (por ejemplo “nuevodominio.com”),
después el procedimiento es el mismo, copiar todo el contenido de wordpress a esa
nueva carpeta.

2. Crea una base de datos

WordPress, como todos los gestores de contenidos o CMS, necesita una base de
datos para funcionar. Puedes crear una desde tu panel de gestión o cpanel, en el
apartado MySQL Bases de Datos. Después elige un nombre para la base de datos y
pincha en “Crear BBDD”.

Para terminar de configurarla necesitas crear un usuario con todos los privilegios y
asignarlo a la base de datos. Igual que en el paso anterior, es recomendable que el
nombre de usuario y la contraseña sean combinaciones difíciles de descifrar. Copia
estos datos en un archivo de notas (o en una libreta a mano) porque más adelante
los vas a necesitar.

*Importante: por seguridad lo mejor es que el nombre de la base de datos sea una
secuencia de números y letras.

10
3. Asistente de instalación

Para lanzar el asistente de instalación de WordPress tienes que teclear el nombre de

tu dominio en el navegador. Si has realizado todos los pasos anteriores correctamente,
te mostrará la pantalla de inicio. Pincha en el botón ¡Vamos a ello!

¿Recuerdas que en el punto anterior te he dicho que guardaras a mano los datos
de acceso a la base de datos? Pues ha llegado el momento de utilizarlos. Rellena el
siguiente formulario para que WordPress pueda conectar con tu base de datos.

Por último, WordPress te pedirá que escribas el título del sitio (esto lo podrás cambiar
más adelante si quieres), el nombre de usuario y el correo electrónico que quieres
utilizar como administrador. Para la contraseña puedes utilizar la que te genera por
defecto o una tuya que sea lo suficientemente fuerte. No olvides marcar la última
casilla para permitir que Google indexe tu sitio.

Y ahora sí que sí, hemos llegado al último paso, pincha en el botón “Ejecutar la
instalación” y en menos de un minuto tu web estará lista para que empieces a
trabajar en ella.

11
 03

Ajustes y configuración

Con WordPress instalado en tu dominio, ya puedes ponerte

manos a la obra con tu nueva web. Estoy segura de que estás
impaciente por empezar así que vamos a ello,

Teclea en tu navegador lo siguiente: http://www.tudominio.com/

wp-login.php. Después, introduce el usuario y la contraseña de
acceso para entrar al panel de administrador.

Una vez dentro ya puedes empezar a diseñar tu propia web

y a crear contenidos para el blog. Pero antes de hacer nada
es importante que configures algunas funciones básicas de
WordPress. Las vemos a continuación.

12
Dentro del panel de WordPress verás un menú lateral con diversas opciones, busca
la pestaña de ajustes:

- Generales: Lo primero que debes hacer es reviar que el título y descripción de la

web son correctos. Si has optado por la instalación automática te aparecerán los
que define WordPress por defecto. Cámbialos por los de tu marca, intentando poner
algo con gancho ya que será lo que mueste Google.

En este apartado también puedes cambiar el email asociado a la administración de

la web, así como el idioma y la hora. Por defecto WordPress suele marcar la zona
horaria UTC+0, dependiendo de si estamos en horario de verano o invierno, España
es UTC+1 o +2. Es importante tener en cuenta este detalle, para luego poder dejar
posts programados para que se publiquen a una hora concreta.

- Escritura: Lo único que debes hacer en esta pestaña es marcar la opción “WordPress
corregirá de forma automática el XHTML...”. Esto hará que se corrijan errores puntuales
en el código de la web asegurándote de que cumple los estándares de validación.

- Comentarios: En esta sección puedes controlar como gestionar los comentarios

del blog. Mi recomendación es que actives la opción de “aprobar los comentarios
manualmente”. Hay mucho troll suelto y esto te ahorrará sustos.

- Medios: Puedes cambiar los tamaños por defecto de las imágenes aunque lo
mejor es dejarlo como está. En el apartado subida de archivos desmarca la casilla
“Organizar mis archivos subidos en carpetas...”.

- Enlaces permanentes: Este punto es muy importante. Aquí puedes definir cómo
se verán las URLS de tu web tanto en las páginas como en las entradas del blog. La
opción que debes seleccionar es: Nombre de la Entrada.

Esto hará que todas tus páginas tomen por defecto el título que hayas elegido para
crear la URL. Con este ajuste, evitarás que se generen URL complejas favoreciendo
el SEO.

*Nota: cuando estés editando una página o entrada puedes editar la URL, y
personalizarla a tu gusto. Lo más recomendable es que simplifiques al máximo
dejando sólo las palabras clave separadas por guiones medios (nunca utilices guiones
bajos en las URLS).

13
 04

Elegir la plantilla adecuada

Hemos llegado a un punto crucial para el futuro de nueva web.

Y es que la elección de plantilla es una decisión importante. Por
eso, antes de dar el paso de comprar una, tienes que asegurarte
de que la elección es la adecuada.

Hay muchas propiedades que son personalizables en casi todos

los temas, por ejemplo, los colores o las tipografías. No elijas una
plantilla simplemente porque te gustan sus colores. Es un detalle
fácilmente customizable que no debe afectar a tu decisión.

Otros elementos, sin embargo, son difícilmente modificables sin

la ayuda de un programador experto. Vamos a verlos.

14
Menú de navegación

Hay infinidad de variables y combinaciones posibles que se pueden aplicar a este

elemento. Menú central, lateral, encima o debajo del logo, doble menú superior,
menú en cabecera y footer…etc

Fíjate en que la posición sea la adecuada para tu tipo de logo. Por ejemplo, si tienes
una imagen muy alargada te irá mejor un menú lateral con el logo integrado a la
izquierda. Sin embargo, si es cuadrado o circular, quedará mejor centrado en la web
con la barra de menú encima o debajo de él.

También debes mirar si tiene la opción de añadir ciertos elementos, como los iconos
de redes sociales o el buscador ya que no todos dejan hacerlo y los plugins suelen
ofrecer soluciones un poco cutres.

Sidebars y widgets

El ancho de la plantilla y la posición de barras laterales o widgets especiales, es

otro aspecto importante a tener en cuenta. Si quieres un diseño que ocupe todo el
ancho de pantalla, sin barras laterales, busca una plantilla que ya venga configurada
así. Aunque solo tenga esa opción, mejor una versión bien diseñada que no 24
chapuceras.

Los widgets especiales suelen encontrarse en la cabecera o el footer. Tener un widget

que se muestra siempre al final de nuestros artículos del blog es muy útil. Es el espacio
perfecto para situar un formulario de suscripción y no lo deberías desaprovechar.

Estructura del blog

Tamaño de la imagen de portada, título, fecha, estructura de una columna, dos o

tres…etc. En este apartado, yo te recomendaría buscar una plantilla lo más limpia y
sencilla posible. Evita las barras laterales y los adornos excesivos que distraen de la
lectura.

La imagen de portada debe ser grande pero no enorme. Intenta que haya espacios
en blanco alrededor del post. El texto quedará más despejado y seguramente tu
porcentaje de rebote se reducirá. No te conviene que el texto ocupe todo el ancho
de pantalla ya que será difícil de leer y la gente perderá el interés fácilmente.

15
 05

Contenido de tu web

Antes de empezar a trabajar con los elementos que van a

componer tu web, lo mejor es que crees algunas páginas básicas
para tener una base: Inicio, sobre mí, blog, contacto.

No importa que por el momento se queden vacías, ya tendrás

tiempo más adelante de diseñarlas como quieras. Ahora lo que
queremos es tenerlas creadas para poder empezar a trabajar.

Si vuelves a Ajustes > Lectura, selecciona la opción de “una página

estática”. Después en portada pon la página de inicio recién
creada y en página de entradas la del blog.

16
Dentro del menú lateral de WordPress busca la pestaña de Apariencia:

- Temas: Una vez hayas comprado la plantilla debes subirla a la web. Lo primero
que tendrás que hacer será descargarla de la página donde la hayas comprado.
Obtendrás una carpeta comprimida, no hace falta que la descomprimas.

En la sección de temas, arriba del todo verás un botón que dice “Añadir nuevo”,
pincha sobre él y selecciona en tu ordenador la carpeta que acabas de descargar.
Una vez subido el tema, pincha en el botón de “Activar” y ya lo tienes listo.

- Personalizar: En esta sección podrás configurar distintas opciones según la plantilla

que hayas elegido. Todos los temas de pago permiten modificar los colores y las
tipografías de manera sencilla en este apartado.

Además, también podrás subir el logo de tu marca y el icono que aparece en el

navegador. Recuerda que debes subirlos en formato .png para que se vean en buena
calidad. Los archivos en .jpg a parte de tener un fondo blanco que querrás evitar,
suelen dar problemas de resolución al cambiar de tamaño.

- Widgets: Es una pequeña aplicación que te permite diseñar elementos que se

mostrarán en lugares fijos de la web, por ejemplo, la barra lateral del blog o el footer.

La cantidad de áreas de widgets que vas a encontrar y sus aplicaciones dependerá

de la plantilla que tengas instalada. De todas formas si fuera necesario puedes
recurrir a plugins que permiten habilitar nuevas áreas, como puede ser el formulario
de suscripción al final de los artículos.

Configurar estos elementos es muy sencillo. En la parte izquierda de la pantalla

tienes todos los elementos que se pueden mostrar en las distintas áreas. Lo único
que tienes que hacer es seleccionar que quieras y arrastarlo hasta una de las áreas.

- Menús: Lo primero que debes hacer es crear un nuevo menú y nombrarlo cómo
prefieras (este nombre solo lo vas a ver tú).

De nuevo en la izquierda tenemos el listado de elementos a mostrar y a la derecha

el espacio en blanco de la estructura del menú. Tienes que seleccionar las páginas
que quieras para después añadirlas al menú. Una vez las tengas en el apartado de la
derecha puedes reorganizarlas como quieras pinchando y arrastrando.

17
 06

Plugins imprescindibles

Cualquier trabajo o iniciativa puede convertirse en un infierno si

no disponemos de las herramientas necesarias para ser eficaces.
Por eso quiero compartir contigo algunos de mis plugins
favoritos, esos que siempre me acompañan y hacen mi día a día
mucho más fácil.

A parte de los mencionados en la lista que veremos a

continuación, por supuesto necesitarás tener Akismet activado.
Viene por defecto con la instalación de WordPress y es muy
necesario para evitar el spam.

Y ahora vamos con la lista de plugins ;)

18
1. Plugins gratuitos: selección de plugins imprescindibles para tu web.

- SEO by Yoast: El mejor plugin que existe para optimizar el rendimiento de tu web.
Si lo configuras de forma correcta tendrás mucho camino avanzado en el SEO de tu
blog. Gracias a él podrás definir títulos, descripciones, meta tags y gran cantidad de
parámetros.

Una de mis funcionalidades favoritas es el análisis que hace de cada entrada. Aunque
puede parecer muy básico creo que para alguien que está empezando y no es un
profesional es más que suficiente.

- WP Super cache: Una extensión que te ayudará a conseguir una web más rápida.
A priori, puedes pensar que no hay ningún problema con el tiempo de carga ya que
hablamos de un segundo de diferencia. Pero si lo piensas verás que en internet un
segundo es mucho.

- Contact Form 7: No tiene ningún sentido tener una web si la gente no se puede
poner en contacto contigo a través de ella. Por eso, tener un formulario de contacto
es algo completamente necesario.

Es una de las extensiones más populares y conocidas del repositorio de plugins.

Seguramente sea por su buen funcionamiento y su facilidad de uso.

- Cookie law info: No sé si lo sabes, pero si tienes instalado Google Analytics o

cualquier otra herramienta que vaya a rastrear y analizar los datos de tus visitas, estás
obligado por ley a informar de ello. Es por eso que este plugin se encuentra en mi
lista de imprescindibles.

Su configuración es muy sencilla y el mensaje aparece de forma muy discreta en el

pie de página.

- Social Share buttons (by Supsystic): Hoy en día es impensable tener un blog sin
botones para compartir en redes sociales. Por eso esta extensión se encuentra desde
hace tiempo en mi lista de básicos. De la gran cantidad de extensiones de este tipo
que hay, creo que estéticamente ésta es la mejor con mucha diferencia. Además, es
muy fácil de configurar y personalizar.

19
2. Plugins de pago: selección de plugins premium de gran utilidad.

- Visual Composer: Visual Composer es un plugin Premium de maquetación visual

que ha revolucionado el modo de diseñar páginas en WordPress. Es una herramienta
intuitiva y totalmente visual que te ahorrará muchas horas de trabajo.

Lo puedes encontrar en Code Canyon por 34$. Un precio bastante asequible si

piensas en las horas de trabajo y dolores de cabeza que te ahorrarás. También lo
puedes encontrar integrado en el propio paquete de venta de muchas Plantillas
Premium.

- Sensei: Si decides empezar un apartado de cursos online en tu web, lo mejor es

que utilices el plugin Sensei para WordPress.

Es una extensión de pago (129$ en la web de Woothemes), el precio es un poco

elevado para un plugin pero realmente merece la pena si queremos tener una
buena plataforma de cursos online instalada en la web.

Se integra con Woocommerce, por lo que podrás vender y gestionar tus cursos como
un producto más. Esto tiene muchísimas ventajas entre ellas la de poder utilizar las
plataformas de pago de Woocommerce, así como generar facturas…etc

- Events Calendar Pro: Es la extensión perfecta para mostrar un calendario con

tus próximas citas y eventos. Existe una versión gratuita pero las opciones de
personalización y diseño son muy limitadas por eso te recomiendo la versión de
pago (89$ en su web).

Funciona realmente bien y es muy fácil de configurar. Cada vez que publiques un
nuevo evento, se añadirá automáticamente a tu agenda para que lo vea todo el
mundo.

- WPML Multilingual plugin: No podía cerrar esta sección de plugins Premium sin
hablarte de WPML. Si quieres tener una web bilingüe esta extensión es tu única
opción (79$ la opción anual).

Funciona de maravilla, duplicando todo tu contenido a un segundo idioma. Además

es intuitivo y no recarga excesivamente la web.

20
Espero que esta guía te sirva para
conocer mejor Wordpress y poder
crear tu propia web.

¡GRACIAS!

21
GlopDesign

glopdesign.com