Principal

Diseña tu propia web profesional con WordPress, sin ayuda y en menos de 10 horas

wordpress

©mkhmarketing

Ha llegado el momento. Sabes, como yo, que los tiempos están cambiando y que es hora de dar el salto, de pasar a la acción.

Quieres obtener resultados YA. No tienes presupuesto para encargar el trabajo pero dispones de tiempo para arremangarte: monta tu propia web (portafolio, blog o tienda online) en 10 horas y por unos 10€ al mes:

  1. Un dominio te costará no más de 14€ al año (1€ al mes aproximadamente),
  2. un servicio de alojamiento —hosting— decente te costará entre 70 y 100€ al año (pongamos 8€ al mes como máximo)
  3. WordPress (gratuito) y
  4. una plantilla —theme— profesional cuesta unos 40€ en un único pago (si lo amortizas en 3 años te costará 1€ al mes).

Comencemos: el dominio

El primer paso es conseguir un dominio y un alojamiento. Respecto al dominio yo los compro en GoDaddy y me ha ido muy bien hasta ahora (tienen soporte en español). Vayamos por pasos:

  • Paso 1: asegúrate de que el dominio que quieres está disponible:
    godaddy-dominio
  • Paso 2: pincha en +seleccionar y después en continuar al carrito:
    godaddy-dominio-ok
    godaddy-dominio-comprar
  • Si te ofrece la opción de privacidad mi consejo es que no la contrates (especialmente si el dominio es tunombreyapellidos.com)
  • Una vez en el carrito revisa que todo esté bien y dale a proceder al pago:
    godaddy-dominio-pagar

Alojamiento (hosting)

Con el hosting un consejo: no pierdas el tiempo con uno gratuito y opta por uno de pago como Hostgator; para empezar recomiendo el plan baby porque podrás alojar todas las webs que quieras:

  • PASO 1: en la página principal pincha el botón Get Started Now!
  • Paso 2: a continuación elige el plan que mejor se adapte a tus necesidades/posibilidades y pincha en Sign Up Now!:
    hostgator-planes
  • Paso 3: en la siguiente pantalla indica cuál es tu dominio (el que has comprado en GoDaddy):
    hostgator-dominio
  • Paso 4: ahora elige una duración (te recomiendo dos años, tiene mayor descuento y el tiempo pasa volando, yo me arrepentí de contratar sólo un año):
    hostgator-plan
  • Paso 5: ve rellenando las casillas con tus datos; en el apartado 4 puedes añadir algún servicio extra —en principio no hace falta nada extra pero si estás más tranquilo activa la opción de copias de seguridad porque hacer copias por tu cuenta puede ser algo complicado— y en el paso 5, en la casilla para el cupón de descuento, teclea tipdig25pd, conseguirás un 5% más de lo que te ofrecen ellos (pasarás del 20% al 25%, compruébalo subiendo hasta el apartado 2:
    hostgator-codigo
  • Paso 6: pincha en Checkout Now! y guarda todas las contraseñas y datos que te mande Hostgator al correo electrónico bajo llave. Te harán falta más adelante.

Vincula el dominio con el hosting

Una vez lo tengas todo te hará falta conectar los dos servicios. Para hacerlo debemos indicarle a GoDaddy cuál es nuestro hosting:

  • Paso 1: abre el correo que te ha llegado de Hostgator y busca los nameservers; copia o apunta los dos:
  • Paso 2: en GoDaddy (tienes que estar logueado, claro) pincha en la pestaña de tu cuenta, la que tiene tu nombre al lado de un icono de una personita y luego en “administrar mis dominios” (te sentirás como un terrateniente):
    godaddy-mi-cuenta
  • Paso 3: ahora te aparecerán los dominios que tienes contratados en forma de lista o de cuadrícula; si es una cuadrícula pincha en el icono de la rueda dentada y luego en detalles del Dominio:
    godaddy-dominios-cuadricula
    si es una lista pincha en el desplegable y en la opción administrar DNS:
    godaddy-lista-dominios
  • Paso 4: en la pestaña configuraciones busca la opción Servidores de nombres y pincha en administrar:
    godaddy-dns
  • Paso 5: en la siguiente ventana pincha en personalizar y luego en añadir servidores de nombres; apunta en las dos casillas los servidores que copiaste en el mail de Hostgator (si tienes otro servicio de hosting tendrás que poner los servidores que te hayan mandado en el mail de bienvenida):
    godaddy-dns-personalizar
    godaddy-dns-servidores-nombres
  • Paso 6: esperar unas horas hasta que las bases de datos se actualicen; paciencia, he visto de todo —desde 30 minutos hasta 10 horas— sólo debes preocuparte si han pasado 24 horas (en tal caso revisa el paso 5 que es donde casi todos mis alumnos se equivocan).

Instala WordPress

Hay dos formas de instalar WordPress: manual y automática. Cada opción tiene sus ventajas y sus inconvenientes pero por el perfil de mis alumnos y mis lectores, que es menos técnico, voy a explicar la opción automática que está disponible en la mayoría de las empresas de hosting. Si quieres aprender a instalarlo manualmente tienes tutoriales en internet a patadas.

  • Paso 1: accede al panel de control de Hostgator o de tu proveedor de hosting:
    panel-control-hostgator
  • Paso 2: baja hasta encontrar el bloque de herramientas entre las que se encuentra QuickInstall; pincha en el icono:
    Captura de pantalla 2015-03-12 a las 15.58.27
  • Paso 3: Pincha en WordPress y luego en Continue:
    quickinstall-wordpress
  • Paso 4: Rellena las casillas del formulario (apunta bien los datos por favor) y pincha en Install Now!:
    quickinstall-wordpress2

    Algunos consejos para rellenar estos campos: la primera casilla sirve para especificar un subdominio, una especie de carpeta donde quieres que se instale WordPress; el caso más típico es nombrededominio.com/blog. Sobre el nombre de usuario administrador (Admin User): NUNCA pongas admin, elige un nombre más complicado para un hacker. Apúntalo y no lo pierdas…
  • Paso 5: comprueba que todo ha ido bien entrando en tu web; cuando veas un HELLO WORLD, welcome to WordPress ya estarás preparado para el siguiente paso.
  • Paso 6: apunta la contraseña que te ha dado Quickinstall y en una nueva pestaña escribe tu dominio seguido de /wp-login.php. En mi caso es freefonts.club/wp-login.php:
    wordpress-login

Configurar WordPress

A partir de aquí se acabaron las opciones automáticas, todo se vuelve manual. Cárgate de paciencia y ¡manos a la obra!.

Antes de empezar con la configuración puede que quieras verlo en español. Para tener WordPress en español sólo hay que conseguir el paquete de instalación en español y subir los archivos del idioma español al servidor. Si tu WordPress ya está en español salta al paso siguiente: primeros pasos con WordPress

Cuando contratas un servicio de hosting te están alquilando un ordenador o parte de un ordenador que, por motivos obvios, no está en tu despacho. Cada vez que quieras poner algo en ese ordenador necesitarás un intermediario: WordPress escribirá por ti en ese ordenador, subirá imágenes y un montón de cosas más pero habrá archivos que deberás enviar directamente a través de un cliente FTP (File Transfer Protocol). Son programas fáciles de usar y existen opciones gratuitas de código abierto como Cyberduck, disponible para Mac y Windows, que te facilitarán mucho el trabajo:

  • Paso 1: crear una cuenta FTP en el panel de control del servicio de hosting (en nuestro caso Hostgator)
  • Paso 2: abrir el cliente FTP (Cyberduck) y entrar con el nombre de usuario y contraseña elegidas
  • Paso 3: localizar la carpeta donde haya que subir el contenido; en este caso es wp-content; crea la carpeta languages con el botón derecho del ratón,
  • Paso 4: arrastrar el contenido de la carpeta languages de WordPress en español que has descargado dentro de la nueva carpeta con el mismo nombre,
  • Paso 5: añadir el texto define (‘WPLANG’, ‘es_ES’); al archivo wp-config.php del directorio raíz y
  • Paso 6: vuelve al navegador y recarga WordPress para asegurarte de que la traducción se ha completado.

Como es un lío mejor os hago un screencast:

 

Primeros pasos con WordPress:

También podemos cambiar el aspecto de la web instalando un tema que se ajuste a tus necesidades. Hay miles, tanto gratuitos como de pago; yo uso temas de pago porque se ahorra mucho tiempo —y el tiempo al final es dinero— y son muy flexibles; con un tema potente puedes darle a tu blog apariencia y funcionalidades de portafolio o incluso de tienda online si instalas un plugin de comercio electrónico como Woo Commerce.

Si necesitas que te recomiende dónde comprar los temas yo he probado los de Woo Themes (especialmente recomendables para acompañar al plugin de comercio electrónico), Elegant Themes o el gran supermercado ThemeForest. Los precios rondan los 40€ de media y se paga sólo una vez, por lo que merece la pena sin dudarlo. Veamos cómo instalar un tema en WordPress:

También puedes añadir funcionalidades mediante plugins, que son extensiones que amplían las posibilidades de WordPress, permitiendo que hagas cosas que ni te imaginas, desde convertir tu blog en una tienda online a crear foros, redes sociales y quién sabe cuántas cosas más:

Estos son los plugins que tengo instalados yo:

  • WordPress SEO, para posiciponamiento natural en buscadores
  • Akismet, para evitar el odiado SPAM
  • WooCommerce, para transformar tu web en una tienda
  • Jetpack, un paquete con diversas funcionalidades
  • Tweet Old Post, para tuitear tus viejas entradas automáticamente
  • Digg Digg, para añadir esa barra flotante con los enlaces para compartir el contenido
  • WP Super Cache, para aumentar la velocidad de carga de la web (actívalo sólo cuando hayas acabado la fase de diseño)
  • Codestyling Localization, para traducir al castellano partes de la navegación que están en inglés (pasa con algunos temas y plugins)
  • All In One Schema.org Rich Snippets, para enriquecer el aspecto de los resultados de búsqueda en Google e intentar subir el CTR.
  • Duplicator, para crear copias del blog y hacer pruebas sin poner en riesgo el original; también sirve para trasladar el blog a otro servidor.
  • Table of Contents Plus, para crear índices en cada entrada como hace la Wikipedia y hacerle así cosquillitas al algoritmo de Google (truco gratis de SEO, gentileza de la casa)
  • SumoMe te permite crear desde un pop-up para invitar a tus lectores a darse de alta en la newsletter hasta analizar las zonas “calientes” de tu blog, las que más atraen la atención de tus visitas
  • Twitterlink Comments para permitir que tus lectores pongan su cuenta de Twitter en los comentarios y que puedan ganar seguidores (me gusta hacer comunidad)
  • Wordfence Security, este es imprescindible, añade seguridad a tu blog; cuando lo instalas y empiezas a recibir los informes da un poco de miedo darte cuenta de lo que te podría haber pasado si no lo instalas… en cuanto aumente los ingresos por afiliación pienso pasar a Premium
  • Yet Another Related Posts Plugin te coloca entradas relacionadas debajo de tu contenido, para intentar retener a las visitas dentro del blog

Pero hay muchos más: echa un vistazo a la recopilación de plugins de Berto López, de Ciudadano 2.0

Otra herramienta interesante es la de poder crear usuarios con diferentes niveles o permisos de actuación:

El último paso de esta primera fase es crear una cuenta en Google Analytics y vincularla con tu web. De esa manera, cuando abras tu proyecto al público tendrás estadísticas desde el primer día. Puedes usar un plugin llamado Google Analytics for WordPress si te lías con el código:

Ahora un consejo: haz una copia de seguridad semanal (es automático con el plugin Google Drive para WordPress) y actualizar siempre tanto los plugins como el propio WordPress a la última versión disponible (esta tarea es manual). Si te dejas algo sin actualizar puedes sufrir un ataque hacker, lo digo por experiencia…

Contenidos, contenidos y más contenidos

Ahora tu web está lista para recibir los primeros contenidos. El primer concepto que debes tener claro es la diferencia entre entradas y páginas por un lado y la que hay entre categorías y etiquetas por otro:

Para generar el contenido de tus entradas y páginas, puedes empezar por usar texto falso con Quijotipsum.com y localizar imágenes en bancos de fotos libres de derechos:

  1. Buscador avanzado de Google Imágenes
  2. Buscador de Creative Commons
  3. Buscador avanzado de Flickr
  4. Photl.com
  5. Freepixeles.com
  6. Stock.xchng
  7. Freedigitalphotos.net
  8. MorgueFile

En este momento, cuando ya tengas elegida la plantilla o tema y unas cuantas entradas y páginas empezarás a querer pulir los detalles:

  1. Crear los menús de navegación:
  2. Establecer los elementos de la barra lateral o sidebar:
  3. Traducir los textos que están en inglés:
  4. Instalar fuentes de Google Fonts:

  5. Colocar tu logo personalizado:

Si lo que necesitas es crear una landing page como ésta —una página independiente para que tus lectores compren o descarguen algo— es tan sencillo como crear una página nueva, elegir una plantilla sin barras laterales (en estos casos es cuando se rentabiliza un tema de pago) y darle contenido.

Si tu web va a tener una tienda puedes hacer dos cosas: comprar una plantilla profesional que permita simultanear ambas actividades o crear un segundo WordPress en un subdominio (tudominio.com/tienda) donde esté instalada una plantilla compatible con Woo Commerce.

Si es un portfolio lo que debes hacer es crear una página con la plantilla portfolio de tu tema (sólo suelen llevarlo los temas de pago por desgracia) y establecerlo como página principal en ajustes > lectura > una página estática.

Cuando quieras cambiar de hosting tendrás que repetir el proceso de cambiar DNS y luego clonar el blog. Te dejo una guía paso a paso para que la sigas:

Cómo mover un blog WordPress de alojamiento web con Duplicator

Nota al pie: nunca recomiendo ningún producto que no utilice o haya utilizado de forma satisfactoria y en algunos casos cobraré una pequeña comisión si los compras —así es como mantengo los gastos del hosting, los dominios y temas/plugins que voy probando; cuando sobra me lo gasto en libros o publicidad en Facebook, Twitter o Adwords para poder seguir estando a la última—. Gracias!