Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para...

63

Transcript of Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para...

Page 1: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

Coacutemo iniciar un blog con WordPress

Antonio Cambronero

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives40 International License

Contents

1 Queacute es WordPress 6iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress 7iquestQueacute es WordPress 8iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs 8iquestPor queacute un blog 8iquestQueacute necesito para montar un blog profesional desde cero 8

2 Coacutemo registrar un dominio 10iquestQueacute es un dominio y queacute es un servidor de nombres 10Alojamiento y dominio iquesten el mismo proveedor de servicios 11Coacutemo elegir bien un nombre de dominio 11Doacutende registrar un dominio 11Coacutemo registrar un dominio 11Coacutemo configurar los servidores de nombres 12

3 Coacutemo contratar un alojamiento Web 13iquestCuaacuteles son los pasos para construir y poner en marcha mi blog 13iquestDoacutende contratar un alojamiento Web 13iquestQueacute tipo de alojamiento Web es mejor para mi blog 14iquestQueacute son Cpanel y Plesk 15iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil 15Aprender maacutes 15

4 Coacutemo configurar un dominio 17Requisitos para configurar un dominio 17Coacutemo obtengo los valores concretos de los servidores de nombre 18Crear la base de datos 20Crear el usuario de acceso a la base de datos 21Asociar base de datos y usuario 22

5 Coacutemo se hace una instalacioacuten manual de WordPress 24En queacute directorio del hosting hay que alojar nuestro blog 24Desde doacutende descargar WordPress 25Coacutemo se hace una instalacioacuten manual de WordPress 26

6 Coacutemo funciona WordPress 37

3

4

Coacutemo funciona WordPress los archivos principales 37Los famosos 5 minutos de la instalacioacuten de WordPress 41

7 Queacute es el dashboard de WordPress y coacutemo se publica contenido 42Queacute es el dashboard de WordPress 42La barra de navegacioacuten 43Coacutemo saber si tienes que realizar una actualizacioacuten del software 44Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin 44Coacutemo publicar posts en WordPress 45

8 Imaacutegenes y la libreriacutea de medios 47Gestioacuten de la libreriacutea de elementos multimedia de WordPress 47Crear y configurar el directorio ldquouploadsrdquo 47Subir nuevo medio 48Libreriacutea multimedia 48Editar imaacutegenes 50Insertar objeto 52Ajustes de medios 53

9 Los themes de WordPress 54Queacute son los themes de WordPress 54Apariencia 55Widgets 56La potencia de los themes 57Doacutende encontrar themes 57Coacutemo desarrollar tu propio theme 57

10 Los plugins de WordPress 58Queacute son los plugins de WordPress 58La pantalla de plugins del dashboard 58Coacutemo se instala un plugin 59Instalacioacuten manual de plugins de WordPress 61Coacutemo desarrollo mis propios plugins 62Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress 62Lista de plugins de WordPress imprescindibles [+ BONUS] 63

5

Quieacuten soybull Antonio Cambronero Informaacutetico y blogger Creador de blogpocketcom Publicando in-

formacioacuten gratuita y sin publicidad sobre blogging y social media Ayudo a los bloggers aconocer mejor los meacutetodos y herramientas para construir un blog de eacutexito Mi mantra eslaquoDemocratizar el aprendizaje del bloggingraquo

Siacutegueme en las redes socialesbull Twitter blogpocketbull Otros perfiles e informacioacuten revublogpocket

Versioacuten

Versioacuten 10Abril de 2017

Licencia

Creative Commons = Atribucioacuten-NoComercial-SinDerivar 40 Internacional (creativecommonsorglicensesby-nc-nd40)

Creacuteditos

Imaacutegenes Blogpocketcom

1 Queacute es WordPress

Este es el primer capiacutetulo de una serie en el que se explica queacute es WordPress y para queacute sirveA lo largo de 10 entradas poseeraacutes una completa guiacutea de iniciacioacuten a esta plataforma de bloggingque indiscutiblemente se ha convertido en la nuacutemero uno dentro de las dedicadas a la publicacioacuteny gestioacuten de contenidos

6

7

iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress

8

El objetivo de la Guiacutea del recieacuten llegado a WordPress es que poseas una ayuda para aprenderen poco tiempo a construir un blog profesional desde cero sin necesidad de conocimientos previossobre blogs utilizando la versioacuten instalable de WordPress

iquestQueacute es WordPress

WordPress usado por el 20 de todas los sitios Web de Internet es un software de coacutedigo libre(GPL) que recientemente ha cumplido 10 antildeos Sus creadores fueron Matt Mullenweg y Mike Littey su eacutexito radica en su flexibilidad (se puede configurar desde un simple blog personal hasta uncomplejo sitio de e-commerce) y en su facilidad para gestionarlo con un escritorio muy intuitivo Esla aplicacioacuten ideal para desarrollar tanto tu identidad digital como tu reputacioacuten profesional

iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs

Su condicioacuten de coacutedigo libre ha permitido que muchos desarrolladores elaboren infinidad de exten-siones del software original (los denominados plugins) y plantillas (los llamados themes) ampliandocasi hasta el infinito las funcionalidades de la aplicacioacuten WordPress es un sistema de gestioacuten decontenidos potente flexible y escalable que permite desarrollar casi cualquier tipo de sitio Web peroal mismo tiempo faacutecil de instalar y configurarAl estar basado en el mismo software que WordPresscom la versioacuten lista para usar con hostinggratuito es maacutes faacutecil empezar en WordPress para aquellos que ya usaron aqueacutel y decidan dar el pasohacia un blog de caracteriacutesticas profesionales utilizando WordPressorg Mira aquiacute las diferenciasentre WordPresscom y WordPressorgPara conocer las diferencias entre WordPress y otras plataformas como Joomla o Drupal terecomiendo la lectura del siguiente artiacuteculo iquestCuaacutel es la mejor plataforma para crear un blog gratiso una paacutegina Web

iquestPor queacute un blog

Te invito primero a conocer el vocabulario baacutesico del bloggingPara una completa introduccioacuten al mundo de los blogs saber queacute es un blog para queacute sirve y queacutees lo que implica tener uno a esta guiacutea para dar los primeros pasos Introduccioacuten a los blogs

iquestQueacute necesito para montar un blog profesional desde cero

En primer lugar para empezar en WordPress solo se necesitan unos conocimientos teacutecnicos baacutesicosrelacionados con el desarrollo de aplicaciones Web Pero como veraacutes en esta guiacutea del recieacuten llegadoa WordPress es muy faacutecil aprender tanto a instalar la aplicacioacuten como a configurarla para empezara publicar un blog personal profesional o corporativo

9

Todo lo que necesitaraacutes para iniciar el montaje de un blog desde cero y con WordPress es registrarun dominio y contratar un alojamiento Esos son los dos uacutenicos recursos que requieren la inversioacutende un poco de dinero no mucho

2 Coacutemo registrar un dominio

En esta entrada la segunda parte de la Guiacutea del recieacuten llegado a WordPress te ensentildeareacute a registrar undominio Una vez que te has decidido por una instalacioacuten de WordPress la solucioacuten maacutes profesionalpara tu blog es el momento de registrar un dominioAl finalizar este artiacuteculo habraacutes visto que es un proceso muy faacutecil y raacutepido iexclAdelante

iquestQueacute es un dominio y queacute es un servidor de nombres

En pocas palabras el dominio es el nombre de tu sitio Web lo que se escribe en la barra de direccionesdel navegador para acceder a eacutel

Siacudimos a la Wikipedia podemos leer ldquoEl propoacutesito principal de los nombres dedominio en Internet y del sistema de nombres de dominio (DNS) es traducir las direc-ciones IP de cada nodo activo en la red a teacuterminos memorizables y faacuteciles de encontrarEsta abstraccioacuten hace posible que cualquier servicio (de red) pueda moverse de un lugargeograacutefico a otro en la red Internet auacuten cuando el cambio implique que tendraacute unadireccioacuten IP diferente Sin la ayuda del sistema de nombres de dominio los usuariosde Internet tendriacutean que acceder a cada servicio web utilizando la direccioacuten IP del nodo(por ejemplo seriacutea necesario utilizar http19203210 en vez de httpexamplecom)Ademaacutes reduciriacutea el nuacutemero de webs posibles ya que actualmente es habitual que unamisma direccioacuten IP sea compartida por varios dominiosrdquo

Un dominio se registra en un proveedor de servicios de Internet como miacutenimo por un antildeo y no esnecesario usarlo es decir asignarle un sitio Web En ese caso el dominio queda en modalidad deldquoparkingrdquo un servicio que suele ofrecerse gratuitamente con una paacutegina del proveedor asociada pordefectoSi no deseas ldquoaparcarrdquo tu dominio sino utilizarlo para tu blog por ejemplo tendraacutes que asignarle unservidor de nombres En efecto para asignar una paacutegina Web al dominio solamente hay que apuntarhacia ella configurando los servidores de nombres correspondientes Un servidor de nombres (DNS)es simplemente la direccioacuten IP de la maacutequina donde se encuentra alojada la paacutegina Web Pero todoello es muy faacutecil de llevar a cabo como veremos a continuacioacuten

10

11

Alojamiento y dominio iquesten el mismo proveedor de servicios

No es necesario contratar el alojamiento en el mismo proveedor de servicios en el que se registroacute eldominioDependiendo de su extensioacuten y del proveedor encargado de su registro trasladar un dominio puedeser una tarea complicada Todos los proveedores estaacuten obligados por ley a facilitar cualquier trasladode dominio pero en la praacutectica con unos es maacutes faacutecil que con otrosTener diversificados el hosting y el registro del dominio te proporcionaraacute mucha maacutes flexibilidady facilidad a la hora de cambiar de proveedor para tu alojamiento simplemente reasignando losservidores de nombres del dominio Y si tuvieses que trasladar el dominio no tendriacuteas que mover tublog de sitioTe aconsejo tambieacuten la lectura del siguiente artiacuteculo WordPress coacutemo saber si necesitas registrarun dominio

Coacutemo elegir bien un nombre de dominio

A mi me gusta utilizar [El prodigioso sistema ldquogustavoarizperdquo para encontrar nombres de domin-ios](httpwwwblogpocketcom20110405el-prodigioso-sistema-gustavoarizpe-para-encontrar-nombres-de-dominiosldquo)Mi consejo es que intentes incluir en ellos la marca o la palabra clave asociada a tu negocio proyectoo causa Si es un blog personal podriacutea llevar tu nombre y en general trata de que sea corto y faacutecilde recordarEn cuanto a la extensioacuten es preferible ldquocomrdquo y tambieacuten la correspondiente a tu paiacutes

Doacutende registrar un dominio

Existen muchos proveedores de servicios que ofrecen el registro de dominios por poco dinero EnEspantildea yo recomiendo PiensasolutionsNo obstante puedes encontrar otras posibilidades como Namecheap o GodaddyEs cuestioacuten de comparar precios y asegurarte de que podraacutes cambiar los servidores de nombresfaacutecilmente pero yo soy cliente de Piensasolutions y Godaddy desde siempre y nunca he tenido elmaacutes miacutenimo problema El soporte teacutecnico de Godaddy te atiende en espantildeol (la Web tambieacuten estaacuteen espantildeol) algo que debes tener muy en cuenta

Coacutemo registrar un dominio

iquestEstaacute libre el dominio que quiero registrar Esa es la primera pregunta que te debes plantear aunquetu proveedor del registro te proporcionaraacute la respuesta como primer pasoTe recomiendo que registres el dominio al menos por 2 antildeos Suelen ofrecerse rebajas si establecesese periodo

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 2: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

Contents

1 Queacute es WordPress 6iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress 7iquestQueacute es WordPress 8iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs 8iquestPor queacute un blog 8iquestQueacute necesito para montar un blog profesional desde cero 8

2 Coacutemo registrar un dominio 10iquestQueacute es un dominio y queacute es un servidor de nombres 10Alojamiento y dominio iquesten el mismo proveedor de servicios 11Coacutemo elegir bien un nombre de dominio 11Doacutende registrar un dominio 11Coacutemo registrar un dominio 11Coacutemo configurar los servidores de nombres 12

3 Coacutemo contratar un alojamiento Web 13iquestCuaacuteles son los pasos para construir y poner en marcha mi blog 13iquestDoacutende contratar un alojamiento Web 13iquestQueacute tipo de alojamiento Web es mejor para mi blog 14iquestQueacute son Cpanel y Plesk 15iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil 15Aprender maacutes 15

4 Coacutemo configurar un dominio 17Requisitos para configurar un dominio 17Coacutemo obtengo los valores concretos de los servidores de nombre 18Crear la base de datos 20Crear el usuario de acceso a la base de datos 21Asociar base de datos y usuario 22

5 Coacutemo se hace una instalacioacuten manual de WordPress 24En queacute directorio del hosting hay que alojar nuestro blog 24Desde doacutende descargar WordPress 25Coacutemo se hace una instalacioacuten manual de WordPress 26

6 Coacutemo funciona WordPress 37

3

4

Coacutemo funciona WordPress los archivos principales 37Los famosos 5 minutos de la instalacioacuten de WordPress 41

7 Queacute es el dashboard de WordPress y coacutemo se publica contenido 42Queacute es el dashboard de WordPress 42La barra de navegacioacuten 43Coacutemo saber si tienes que realizar una actualizacioacuten del software 44Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin 44Coacutemo publicar posts en WordPress 45

8 Imaacutegenes y la libreriacutea de medios 47Gestioacuten de la libreriacutea de elementos multimedia de WordPress 47Crear y configurar el directorio ldquouploadsrdquo 47Subir nuevo medio 48Libreriacutea multimedia 48Editar imaacutegenes 50Insertar objeto 52Ajustes de medios 53

9 Los themes de WordPress 54Queacute son los themes de WordPress 54Apariencia 55Widgets 56La potencia de los themes 57Doacutende encontrar themes 57Coacutemo desarrollar tu propio theme 57

10 Los plugins de WordPress 58Queacute son los plugins de WordPress 58La pantalla de plugins del dashboard 58Coacutemo se instala un plugin 59Instalacioacuten manual de plugins de WordPress 61Coacutemo desarrollo mis propios plugins 62Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress 62Lista de plugins de WordPress imprescindibles [+ BONUS] 63

5

Quieacuten soybull Antonio Cambronero Informaacutetico y blogger Creador de blogpocketcom Publicando in-

formacioacuten gratuita y sin publicidad sobre blogging y social media Ayudo a los bloggers aconocer mejor los meacutetodos y herramientas para construir un blog de eacutexito Mi mantra eslaquoDemocratizar el aprendizaje del bloggingraquo

Siacutegueme en las redes socialesbull Twitter blogpocketbull Otros perfiles e informacioacuten revublogpocket

Versioacuten

Versioacuten 10Abril de 2017

Licencia

Creative Commons = Atribucioacuten-NoComercial-SinDerivar 40 Internacional (creativecommonsorglicensesby-nc-nd40)

Creacuteditos

Imaacutegenes Blogpocketcom

1 Queacute es WordPress

Este es el primer capiacutetulo de una serie en el que se explica queacute es WordPress y para queacute sirveA lo largo de 10 entradas poseeraacutes una completa guiacutea de iniciacioacuten a esta plataforma de bloggingque indiscutiblemente se ha convertido en la nuacutemero uno dentro de las dedicadas a la publicacioacuteny gestioacuten de contenidos

6

7

iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress

8

El objetivo de la Guiacutea del recieacuten llegado a WordPress es que poseas una ayuda para aprenderen poco tiempo a construir un blog profesional desde cero sin necesidad de conocimientos previossobre blogs utilizando la versioacuten instalable de WordPress

iquestQueacute es WordPress

WordPress usado por el 20 de todas los sitios Web de Internet es un software de coacutedigo libre(GPL) que recientemente ha cumplido 10 antildeos Sus creadores fueron Matt Mullenweg y Mike Littey su eacutexito radica en su flexibilidad (se puede configurar desde un simple blog personal hasta uncomplejo sitio de e-commerce) y en su facilidad para gestionarlo con un escritorio muy intuitivo Esla aplicacioacuten ideal para desarrollar tanto tu identidad digital como tu reputacioacuten profesional

iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs

Su condicioacuten de coacutedigo libre ha permitido que muchos desarrolladores elaboren infinidad de exten-siones del software original (los denominados plugins) y plantillas (los llamados themes) ampliandocasi hasta el infinito las funcionalidades de la aplicacioacuten WordPress es un sistema de gestioacuten decontenidos potente flexible y escalable que permite desarrollar casi cualquier tipo de sitio Web peroal mismo tiempo faacutecil de instalar y configurarAl estar basado en el mismo software que WordPresscom la versioacuten lista para usar con hostinggratuito es maacutes faacutecil empezar en WordPress para aquellos que ya usaron aqueacutel y decidan dar el pasohacia un blog de caracteriacutesticas profesionales utilizando WordPressorg Mira aquiacute las diferenciasentre WordPresscom y WordPressorgPara conocer las diferencias entre WordPress y otras plataformas como Joomla o Drupal terecomiendo la lectura del siguiente artiacuteculo iquestCuaacutel es la mejor plataforma para crear un blog gratiso una paacutegina Web

iquestPor queacute un blog

Te invito primero a conocer el vocabulario baacutesico del bloggingPara una completa introduccioacuten al mundo de los blogs saber queacute es un blog para queacute sirve y queacutees lo que implica tener uno a esta guiacutea para dar los primeros pasos Introduccioacuten a los blogs

iquestQueacute necesito para montar un blog profesional desde cero

En primer lugar para empezar en WordPress solo se necesitan unos conocimientos teacutecnicos baacutesicosrelacionados con el desarrollo de aplicaciones Web Pero como veraacutes en esta guiacutea del recieacuten llegadoa WordPress es muy faacutecil aprender tanto a instalar la aplicacioacuten como a configurarla para empezara publicar un blog personal profesional o corporativo

9

Todo lo que necesitaraacutes para iniciar el montaje de un blog desde cero y con WordPress es registrarun dominio y contratar un alojamiento Esos son los dos uacutenicos recursos que requieren la inversioacutende un poco de dinero no mucho

2 Coacutemo registrar un dominio

En esta entrada la segunda parte de la Guiacutea del recieacuten llegado a WordPress te ensentildeareacute a registrar undominio Una vez que te has decidido por una instalacioacuten de WordPress la solucioacuten maacutes profesionalpara tu blog es el momento de registrar un dominioAl finalizar este artiacuteculo habraacutes visto que es un proceso muy faacutecil y raacutepido iexclAdelante

iquestQueacute es un dominio y queacute es un servidor de nombres

En pocas palabras el dominio es el nombre de tu sitio Web lo que se escribe en la barra de direccionesdel navegador para acceder a eacutel

Siacudimos a la Wikipedia podemos leer ldquoEl propoacutesito principal de los nombres dedominio en Internet y del sistema de nombres de dominio (DNS) es traducir las direc-ciones IP de cada nodo activo en la red a teacuterminos memorizables y faacuteciles de encontrarEsta abstraccioacuten hace posible que cualquier servicio (de red) pueda moverse de un lugargeograacutefico a otro en la red Internet auacuten cuando el cambio implique que tendraacute unadireccioacuten IP diferente Sin la ayuda del sistema de nombres de dominio los usuariosde Internet tendriacutean que acceder a cada servicio web utilizando la direccioacuten IP del nodo(por ejemplo seriacutea necesario utilizar http19203210 en vez de httpexamplecom)Ademaacutes reduciriacutea el nuacutemero de webs posibles ya que actualmente es habitual que unamisma direccioacuten IP sea compartida por varios dominiosrdquo

Un dominio se registra en un proveedor de servicios de Internet como miacutenimo por un antildeo y no esnecesario usarlo es decir asignarle un sitio Web En ese caso el dominio queda en modalidad deldquoparkingrdquo un servicio que suele ofrecerse gratuitamente con una paacutegina del proveedor asociada pordefectoSi no deseas ldquoaparcarrdquo tu dominio sino utilizarlo para tu blog por ejemplo tendraacutes que asignarle unservidor de nombres En efecto para asignar una paacutegina Web al dominio solamente hay que apuntarhacia ella configurando los servidores de nombres correspondientes Un servidor de nombres (DNS)es simplemente la direccioacuten IP de la maacutequina donde se encuentra alojada la paacutegina Web Pero todoello es muy faacutecil de llevar a cabo como veremos a continuacioacuten

10

11

Alojamiento y dominio iquesten el mismo proveedor de servicios

No es necesario contratar el alojamiento en el mismo proveedor de servicios en el que se registroacute eldominioDependiendo de su extensioacuten y del proveedor encargado de su registro trasladar un dominio puedeser una tarea complicada Todos los proveedores estaacuten obligados por ley a facilitar cualquier trasladode dominio pero en la praacutectica con unos es maacutes faacutecil que con otrosTener diversificados el hosting y el registro del dominio te proporcionaraacute mucha maacutes flexibilidady facilidad a la hora de cambiar de proveedor para tu alojamiento simplemente reasignando losservidores de nombres del dominio Y si tuvieses que trasladar el dominio no tendriacuteas que mover tublog de sitioTe aconsejo tambieacuten la lectura del siguiente artiacuteculo WordPress coacutemo saber si necesitas registrarun dominio

Coacutemo elegir bien un nombre de dominio

A mi me gusta utilizar [El prodigioso sistema ldquogustavoarizperdquo para encontrar nombres de domin-ios](httpwwwblogpocketcom20110405el-prodigioso-sistema-gustavoarizpe-para-encontrar-nombres-de-dominiosldquo)Mi consejo es que intentes incluir en ellos la marca o la palabra clave asociada a tu negocio proyectoo causa Si es un blog personal podriacutea llevar tu nombre y en general trata de que sea corto y faacutecilde recordarEn cuanto a la extensioacuten es preferible ldquocomrdquo y tambieacuten la correspondiente a tu paiacutes

Doacutende registrar un dominio

Existen muchos proveedores de servicios que ofrecen el registro de dominios por poco dinero EnEspantildea yo recomiendo PiensasolutionsNo obstante puedes encontrar otras posibilidades como Namecheap o GodaddyEs cuestioacuten de comparar precios y asegurarte de que podraacutes cambiar los servidores de nombresfaacutecilmente pero yo soy cliente de Piensasolutions y Godaddy desde siempre y nunca he tenido elmaacutes miacutenimo problema El soporte teacutecnico de Godaddy te atiende en espantildeol (la Web tambieacuten estaacuteen espantildeol) algo que debes tener muy en cuenta

Coacutemo registrar un dominio

iquestEstaacute libre el dominio que quiero registrar Esa es la primera pregunta que te debes plantear aunquetu proveedor del registro te proporcionaraacute la respuesta como primer pasoTe recomiendo que registres el dominio al menos por 2 antildeos Suelen ofrecerse rebajas si establecesese periodo

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 3: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

4

Coacutemo funciona WordPress los archivos principales 37Los famosos 5 minutos de la instalacioacuten de WordPress 41

7 Queacute es el dashboard de WordPress y coacutemo se publica contenido 42Queacute es el dashboard de WordPress 42La barra de navegacioacuten 43Coacutemo saber si tienes que realizar una actualizacioacuten del software 44Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin 44Coacutemo publicar posts en WordPress 45

8 Imaacutegenes y la libreriacutea de medios 47Gestioacuten de la libreriacutea de elementos multimedia de WordPress 47Crear y configurar el directorio ldquouploadsrdquo 47Subir nuevo medio 48Libreriacutea multimedia 48Editar imaacutegenes 50Insertar objeto 52Ajustes de medios 53

9 Los themes de WordPress 54Queacute son los themes de WordPress 54Apariencia 55Widgets 56La potencia de los themes 57Doacutende encontrar themes 57Coacutemo desarrollar tu propio theme 57

10 Los plugins de WordPress 58Queacute son los plugins de WordPress 58La pantalla de plugins del dashboard 58Coacutemo se instala un plugin 59Instalacioacuten manual de plugins de WordPress 61Coacutemo desarrollo mis propios plugins 62Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress 62Lista de plugins de WordPress imprescindibles [+ BONUS] 63

5

Quieacuten soybull Antonio Cambronero Informaacutetico y blogger Creador de blogpocketcom Publicando in-

formacioacuten gratuita y sin publicidad sobre blogging y social media Ayudo a los bloggers aconocer mejor los meacutetodos y herramientas para construir un blog de eacutexito Mi mantra eslaquoDemocratizar el aprendizaje del bloggingraquo

Siacutegueme en las redes socialesbull Twitter blogpocketbull Otros perfiles e informacioacuten revublogpocket

Versioacuten

Versioacuten 10Abril de 2017

Licencia

Creative Commons = Atribucioacuten-NoComercial-SinDerivar 40 Internacional (creativecommonsorglicensesby-nc-nd40)

Creacuteditos

Imaacutegenes Blogpocketcom

1 Queacute es WordPress

Este es el primer capiacutetulo de una serie en el que se explica queacute es WordPress y para queacute sirveA lo largo de 10 entradas poseeraacutes una completa guiacutea de iniciacioacuten a esta plataforma de bloggingque indiscutiblemente se ha convertido en la nuacutemero uno dentro de las dedicadas a la publicacioacuteny gestioacuten de contenidos

6

7

iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress

8

El objetivo de la Guiacutea del recieacuten llegado a WordPress es que poseas una ayuda para aprenderen poco tiempo a construir un blog profesional desde cero sin necesidad de conocimientos previossobre blogs utilizando la versioacuten instalable de WordPress

iquestQueacute es WordPress

WordPress usado por el 20 de todas los sitios Web de Internet es un software de coacutedigo libre(GPL) que recientemente ha cumplido 10 antildeos Sus creadores fueron Matt Mullenweg y Mike Littey su eacutexito radica en su flexibilidad (se puede configurar desde un simple blog personal hasta uncomplejo sitio de e-commerce) y en su facilidad para gestionarlo con un escritorio muy intuitivo Esla aplicacioacuten ideal para desarrollar tanto tu identidad digital como tu reputacioacuten profesional

iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs

Su condicioacuten de coacutedigo libre ha permitido que muchos desarrolladores elaboren infinidad de exten-siones del software original (los denominados plugins) y plantillas (los llamados themes) ampliandocasi hasta el infinito las funcionalidades de la aplicacioacuten WordPress es un sistema de gestioacuten decontenidos potente flexible y escalable que permite desarrollar casi cualquier tipo de sitio Web peroal mismo tiempo faacutecil de instalar y configurarAl estar basado en el mismo software que WordPresscom la versioacuten lista para usar con hostinggratuito es maacutes faacutecil empezar en WordPress para aquellos que ya usaron aqueacutel y decidan dar el pasohacia un blog de caracteriacutesticas profesionales utilizando WordPressorg Mira aquiacute las diferenciasentre WordPresscom y WordPressorgPara conocer las diferencias entre WordPress y otras plataformas como Joomla o Drupal terecomiendo la lectura del siguiente artiacuteculo iquestCuaacutel es la mejor plataforma para crear un blog gratiso una paacutegina Web

iquestPor queacute un blog

Te invito primero a conocer el vocabulario baacutesico del bloggingPara una completa introduccioacuten al mundo de los blogs saber queacute es un blog para queacute sirve y queacutees lo que implica tener uno a esta guiacutea para dar los primeros pasos Introduccioacuten a los blogs

iquestQueacute necesito para montar un blog profesional desde cero

En primer lugar para empezar en WordPress solo se necesitan unos conocimientos teacutecnicos baacutesicosrelacionados con el desarrollo de aplicaciones Web Pero como veraacutes en esta guiacutea del recieacuten llegadoa WordPress es muy faacutecil aprender tanto a instalar la aplicacioacuten como a configurarla para empezara publicar un blog personal profesional o corporativo

9

Todo lo que necesitaraacutes para iniciar el montaje de un blog desde cero y con WordPress es registrarun dominio y contratar un alojamiento Esos son los dos uacutenicos recursos que requieren la inversioacutende un poco de dinero no mucho

2 Coacutemo registrar un dominio

En esta entrada la segunda parte de la Guiacutea del recieacuten llegado a WordPress te ensentildeareacute a registrar undominio Una vez que te has decidido por una instalacioacuten de WordPress la solucioacuten maacutes profesionalpara tu blog es el momento de registrar un dominioAl finalizar este artiacuteculo habraacutes visto que es un proceso muy faacutecil y raacutepido iexclAdelante

iquestQueacute es un dominio y queacute es un servidor de nombres

En pocas palabras el dominio es el nombre de tu sitio Web lo que se escribe en la barra de direccionesdel navegador para acceder a eacutel

Siacudimos a la Wikipedia podemos leer ldquoEl propoacutesito principal de los nombres dedominio en Internet y del sistema de nombres de dominio (DNS) es traducir las direc-ciones IP de cada nodo activo en la red a teacuterminos memorizables y faacuteciles de encontrarEsta abstraccioacuten hace posible que cualquier servicio (de red) pueda moverse de un lugargeograacutefico a otro en la red Internet auacuten cuando el cambio implique que tendraacute unadireccioacuten IP diferente Sin la ayuda del sistema de nombres de dominio los usuariosde Internet tendriacutean que acceder a cada servicio web utilizando la direccioacuten IP del nodo(por ejemplo seriacutea necesario utilizar http19203210 en vez de httpexamplecom)Ademaacutes reduciriacutea el nuacutemero de webs posibles ya que actualmente es habitual que unamisma direccioacuten IP sea compartida por varios dominiosrdquo

Un dominio se registra en un proveedor de servicios de Internet como miacutenimo por un antildeo y no esnecesario usarlo es decir asignarle un sitio Web En ese caso el dominio queda en modalidad deldquoparkingrdquo un servicio que suele ofrecerse gratuitamente con una paacutegina del proveedor asociada pordefectoSi no deseas ldquoaparcarrdquo tu dominio sino utilizarlo para tu blog por ejemplo tendraacutes que asignarle unservidor de nombres En efecto para asignar una paacutegina Web al dominio solamente hay que apuntarhacia ella configurando los servidores de nombres correspondientes Un servidor de nombres (DNS)es simplemente la direccioacuten IP de la maacutequina donde se encuentra alojada la paacutegina Web Pero todoello es muy faacutecil de llevar a cabo como veremos a continuacioacuten

10

11

Alojamiento y dominio iquesten el mismo proveedor de servicios

No es necesario contratar el alojamiento en el mismo proveedor de servicios en el que se registroacute eldominioDependiendo de su extensioacuten y del proveedor encargado de su registro trasladar un dominio puedeser una tarea complicada Todos los proveedores estaacuten obligados por ley a facilitar cualquier trasladode dominio pero en la praacutectica con unos es maacutes faacutecil que con otrosTener diversificados el hosting y el registro del dominio te proporcionaraacute mucha maacutes flexibilidady facilidad a la hora de cambiar de proveedor para tu alojamiento simplemente reasignando losservidores de nombres del dominio Y si tuvieses que trasladar el dominio no tendriacuteas que mover tublog de sitioTe aconsejo tambieacuten la lectura del siguiente artiacuteculo WordPress coacutemo saber si necesitas registrarun dominio

Coacutemo elegir bien un nombre de dominio

A mi me gusta utilizar [El prodigioso sistema ldquogustavoarizperdquo para encontrar nombres de domin-ios](httpwwwblogpocketcom20110405el-prodigioso-sistema-gustavoarizpe-para-encontrar-nombres-de-dominiosldquo)Mi consejo es que intentes incluir en ellos la marca o la palabra clave asociada a tu negocio proyectoo causa Si es un blog personal podriacutea llevar tu nombre y en general trata de que sea corto y faacutecilde recordarEn cuanto a la extensioacuten es preferible ldquocomrdquo y tambieacuten la correspondiente a tu paiacutes

Doacutende registrar un dominio

Existen muchos proveedores de servicios que ofrecen el registro de dominios por poco dinero EnEspantildea yo recomiendo PiensasolutionsNo obstante puedes encontrar otras posibilidades como Namecheap o GodaddyEs cuestioacuten de comparar precios y asegurarte de que podraacutes cambiar los servidores de nombresfaacutecilmente pero yo soy cliente de Piensasolutions y Godaddy desde siempre y nunca he tenido elmaacutes miacutenimo problema El soporte teacutecnico de Godaddy te atiende en espantildeol (la Web tambieacuten estaacuteen espantildeol) algo que debes tener muy en cuenta

Coacutemo registrar un dominio

iquestEstaacute libre el dominio que quiero registrar Esa es la primera pregunta que te debes plantear aunquetu proveedor del registro te proporcionaraacute la respuesta como primer pasoTe recomiendo que registres el dominio al menos por 2 antildeos Suelen ofrecerse rebajas si establecesese periodo

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 4: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

5

Quieacuten soybull Antonio Cambronero Informaacutetico y blogger Creador de blogpocketcom Publicando in-

formacioacuten gratuita y sin publicidad sobre blogging y social media Ayudo a los bloggers aconocer mejor los meacutetodos y herramientas para construir un blog de eacutexito Mi mantra eslaquoDemocratizar el aprendizaje del bloggingraquo

Siacutegueme en las redes socialesbull Twitter blogpocketbull Otros perfiles e informacioacuten revublogpocket

Versioacuten

Versioacuten 10Abril de 2017

Licencia

Creative Commons = Atribucioacuten-NoComercial-SinDerivar 40 Internacional (creativecommonsorglicensesby-nc-nd40)

Creacuteditos

Imaacutegenes Blogpocketcom

1 Queacute es WordPress

Este es el primer capiacutetulo de una serie en el que se explica queacute es WordPress y para queacute sirveA lo largo de 10 entradas poseeraacutes una completa guiacutea de iniciacioacuten a esta plataforma de bloggingque indiscutiblemente se ha convertido en la nuacutemero uno dentro de las dedicadas a la publicacioacuteny gestioacuten de contenidos

6

7

iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress

8

El objetivo de la Guiacutea del recieacuten llegado a WordPress es que poseas una ayuda para aprenderen poco tiempo a construir un blog profesional desde cero sin necesidad de conocimientos previossobre blogs utilizando la versioacuten instalable de WordPress

iquestQueacute es WordPress

WordPress usado por el 20 de todas los sitios Web de Internet es un software de coacutedigo libre(GPL) que recientemente ha cumplido 10 antildeos Sus creadores fueron Matt Mullenweg y Mike Littey su eacutexito radica en su flexibilidad (se puede configurar desde un simple blog personal hasta uncomplejo sitio de e-commerce) y en su facilidad para gestionarlo con un escritorio muy intuitivo Esla aplicacioacuten ideal para desarrollar tanto tu identidad digital como tu reputacioacuten profesional

iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs

Su condicioacuten de coacutedigo libre ha permitido que muchos desarrolladores elaboren infinidad de exten-siones del software original (los denominados plugins) y plantillas (los llamados themes) ampliandocasi hasta el infinito las funcionalidades de la aplicacioacuten WordPress es un sistema de gestioacuten decontenidos potente flexible y escalable que permite desarrollar casi cualquier tipo de sitio Web peroal mismo tiempo faacutecil de instalar y configurarAl estar basado en el mismo software que WordPresscom la versioacuten lista para usar con hostinggratuito es maacutes faacutecil empezar en WordPress para aquellos que ya usaron aqueacutel y decidan dar el pasohacia un blog de caracteriacutesticas profesionales utilizando WordPressorg Mira aquiacute las diferenciasentre WordPresscom y WordPressorgPara conocer las diferencias entre WordPress y otras plataformas como Joomla o Drupal terecomiendo la lectura del siguiente artiacuteculo iquestCuaacutel es la mejor plataforma para crear un blog gratiso una paacutegina Web

iquestPor queacute un blog

Te invito primero a conocer el vocabulario baacutesico del bloggingPara una completa introduccioacuten al mundo de los blogs saber queacute es un blog para queacute sirve y queacutees lo que implica tener uno a esta guiacutea para dar los primeros pasos Introduccioacuten a los blogs

iquestQueacute necesito para montar un blog profesional desde cero

En primer lugar para empezar en WordPress solo se necesitan unos conocimientos teacutecnicos baacutesicosrelacionados con el desarrollo de aplicaciones Web Pero como veraacutes en esta guiacutea del recieacuten llegadoa WordPress es muy faacutecil aprender tanto a instalar la aplicacioacuten como a configurarla para empezara publicar un blog personal profesional o corporativo

9

Todo lo que necesitaraacutes para iniciar el montaje de un blog desde cero y con WordPress es registrarun dominio y contratar un alojamiento Esos son los dos uacutenicos recursos que requieren la inversioacutende un poco de dinero no mucho

2 Coacutemo registrar un dominio

En esta entrada la segunda parte de la Guiacutea del recieacuten llegado a WordPress te ensentildeareacute a registrar undominio Una vez que te has decidido por una instalacioacuten de WordPress la solucioacuten maacutes profesionalpara tu blog es el momento de registrar un dominioAl finalizar este artiacuteculo habraacutes visto que es un proceso muy faacutecil y raacutepido iexclAdelante

iquestQueacute es un dominio y queacute es un servidor de nombres

En pocas palabras el dominio es el nombre de tu sitio Web lo que se escribe en la barra de direccionesdel navegador para acceder a eacutel

Siacudimos a la Wikipedia podemos leer ldquoEl propoacutesito principal de los nombres dedominio en Internet y del sistema de nombres de dominio (DNS) es traducir las direc-ciones IP de cada nodo activo en la red a teacuterminos memorizables y faacuteciles de encontrarEsta abstraccioacuten hace posible que cualquier servicio (de red) pueda moverse de un lugargeograacutefico a otro en la red Internet auacuten cuando el cambio implique que tendraacute unadireccioacuten IP diferente Sin la ayuda del sistema de nombres de dominio los usuariosde Internet tendriacutean que acceder a cada servicio web utilizando la direccioacuten IP del nodo(por ejemplo seriacutea necesario utilizar http19203210 en vez de httpexamplecom)Ademaacutes reduciriacutea el nuacutemero de webs posibles ya que actualmente es habitual que unamisma direccioacuten IP sea compartida por varios dominiosrdquo

Un dominio se registra en un proveedor de servicios de Internet como miacutenimo por un antildeo y no esnecesario usarlo es decir asignarle un sitio Web En ese caso el dominio queda en modalidad deldquoparkingrdquo un servicio que suele ofrecerse gratuitamente con una paacutegina del proveedor asociada pordefectoSi no deseas ldquoaparcarrdquo tu dominio sino utilizarlo para tu blog por ejemplo tendraacutes que asignarle unservidor de nombres En efecto para asignar una paacutegina Web al dominio solamente hay que apuntarhacia ella configurando los servidores de nombres correspondientes Un servidor de nombres (DNS)es simplemente la direccioacuten IP de la maacutequina donde se encuentra alojada la paacutegina Web Pero todoello es muy faacutecil de llevar a cabo como veremos a continuacioacuten

10

11

Alojamiento y dominio iquesten el mismo proveedor de servicios

No es necesario contratar el alojamiento en el mismo proveedor de servicios en el que se registroacute eldominioDependiendo de su extensioacuten y del proveedor encargado de su registro trasladar un dominio puedeser una tarea complicada Todos los proveedores estaacuten obligados por ley a facilitar cualquier trasladode dominio pero en la praacutectica con unos es maacutes faacutecil que con otrosTener diversificados el hosting y el registro del dominio te proporcionaraacute mucha maacutes flexibilidady facilidad a la hora de cambiar de proveedor para tu alojamiento simplemente reasignando losservidores de nombres del dominio Y si tuvieses que trasladar el dominio no tendriacuteas que mover tublog de sitioTe aconsejo tambieacuten la lectura del siguiente artiacuteculo WordPress coacutemo saber si necesitas registrarun dominio

Coacutemo elegir bien un nombre de dominio

A mi me gusta utilizar [El prodigioso sistema ldquogustavoarizperdquo para encontrar nombres de domin-ios](httpwwwblogpocketcom20110405el-prodigioso-sistema-gustavoarizpe-para-encontrar-nombres-de-dominiosldquo)Mi consejo es que intentes incluir en ellos la marca o la palabra clave asociada a tu negocio proyectoo causa Si es un blog personal podriacutea llevar tu nombre y en general trata de que sea corto y faacutecilde recordarEn cuanto a la extensioacuten es preferible ldquocomrdquo y tambieacuten la correspondiente a tu paiacutes

Doacutende registrar un dominio

Existen muchos proveedores de servicios que ofrecen el registro de dominios por poco dinero EnEspantildea yo recomiendo PiensasolutionsNo obstante puedes encontrar otras posibilidades como Namecheap o GodaddyEs cuestioacuten de comparar precios y asegurarte de que podraacutes cambiar los servidores de nombresfaacutecilmente pero yo soy cliente de Piensasolutions y Godaddy desde siempre y nunca he tenido elmaacutes miacutenimo problema El soporte teacutecnico de Godaddy te atiende en espantildeol (la Web tambieacuten estaacuteen espantildeol) algo que debes tener muy en cuenta

Coacutemo registrar un dominio

iquestEstaacute libre el dominio que quiero registrar Esa es la primera pregunta que te debes plantear aunquetu proveedor del registro te proporcionaraacute la respuesta como primer pasoTe recomiendo que registres el dominio al menos por 2 antildeos Suelen ofrecerse rebajas si establecesese periodo

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 5: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

1 Queacute es WordPress

Este es el primer capiacutetulo de una serie en el que se explica queacute es WordPress y para queacute sirveA lo largo de 10 entradas poseeraacutes una completa guiacutea de iniciacioacuten a esta plataforma de bloggingque indiscutiblemente se ha convertido en la nuacutemero uno dentro de las dedicadas a la publicacioacuteny gestioacuten de contenidos

6

7

iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress

8

El objetivo de la Guiacutea del recieacuten llegado a WordPress es que poseas una ayuda para aprenderen poco tiempo a construir un blog profesional desde cero sin necesidad de conocimientos previossobre blogs utilizando la versioacuten instalable de WordPress

iquestQueacute es WordPress

WordPress usado por el 20 de todas los sitios Web de Internet es un software de coacutedigo libre(GPL) que recientemente ha cumplido 10 antildeos Sus creadores fueron Matt Mullenweg y Mike Littey su eacutexito radica en su flexibilidad (se puede configurar desde un simple blog personal hasta uncomplejo sitio de e-commerce) y en su facilidad para gestionarlo con un escritorio muy intuitivo Esla aplicacioacuten ideal para desarrollar tanto tu identidad digital como tu reputacioacuten profesional

iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs

Su condicioacuten de coacutedigo libre ha permitido que muchos desarrolladores elaboren infinidad de exten-siones del software original (los denominados plugins) y plantillas (los llamados themes) ampliandocasi hasta el infinito las funcionalidades de la aplicacioacuten WordPress es un sistema de gestioacuten decontenidos potente flexible y escalable que permite desarrollar casi cualquier tipo de sitio Web peroal mismo tiempo faacutecil de instalar y configurarAl estar basado en el mismo software que WordPresscom la versioacuten lista para usar con hostinggratuito es maacutes faacutecil empezar en WordPress para aquellos que ya usaron aqueacutel y decidan dar el pasohacia un blog de caracteriacutesticas profesionales utilizando WordPressorg Mira aquiacute las diferenciasentre WordPresscom y WordPressorgPara conocer las diferencias entre WordPress y otras plataformas como Joomla o Drupal terecomiendo la lectura del siguiente artiacuteculo iquestCuaacutel es la mejor plataforma para crear un blog gratiso una paacutegina Web

iquestPor queacute un blog

Te invito primero a conocer el vocabulario baacutesico del bloggingPara una completa introduccioacuten al mundo de los blogs saber queacute es un blog para queacute sirve y queacutees lo que implica tener uno a esta guiacutea para dar los primeros pasos Introduccioacuten a los blogs

iquestQueacute necesito para montar un blog profesional desde cero

En primer lugar para empezar en WordPress solo se necesitan unos conocimientos teacutecnicos baacutesicosrelacionados con el desarrollo de aplicaciones Web Pero como veraacutes en esta guiacutea del recieacuten llegadoa WordPress es muy faacutecil aprender tanto a instalar la aplicacioacuten como a configurarla para empezara publicar un blog personal profesional o corporativo

9

Todo lo que necesitaraacutes para iniciar el montaje de un blog desde cero y con WordPress es registrarun dominio y contratar un alojamiento Esos son los dos uacutenicos recursos que requieren la inversioacutende un poco de dinero no mucho

2 Coacutemo registrar un dominio

En esta entrada la segunda parte de la Guiacutea del recieacuten llegado a WordPress te ensentildeareacute a registrar undominio Una vez que te has decidido por una instalacioacuten de WordPress la solucioacuten maacutes profesionalpara tu blog es el momento de registrar un dominioAl finalizar este artiacuteculo habraacutes visto que es un proceso muy faacutecil y raacutepido iexclAdelante

iquestQueacute es un dominio y queacute es un servidor de nombres

En pocas palabras el dominio es el nombre de tu sitio Web lo que se escribe en la barra de direccionesdel navegador para acceder a eacutel

Siacudimos a la Wikipedia podemos leer ldquoEl propoacutesito principal de los nombres dedominio en Internet y del sistema de nombres de dominio (DNS) es traducir las direc-ciones IP de cada nodo activo en la red a teacuterminos memorizables y faacuteciles de encontrarEsta abstraccioacuten hace posible que cualquier servicio (de red) pueda moverse de un lugargeograacutefico a otro en la red Internet auacuten cuando el cambio implique que tendraacute unadireccioacuten IP diferente Sin la ayuda del sistema de nombres de dominio los usuariosde Internet tendriacutean que acceder a cada servicio web utilizando la direccioacuten IP del nodo(por ejemplo seriacutea necesario utilizar http19203210 en vez de httpexamplecom)Ademaacutes reduciriacutea el nuacutemero de webs posibles ya que actualmente es habitual que unamisma direccioacuten IP sea compartida por varios dominiosrdquo

Un dominio se registra en un proveedor de servicios de Internet como miacutenimo por un antildeo y no esnecesario usarlo es decir asignarle un sitio Web En ese caso el dominio queda en modalidad deldquoparkingrdquo un servicio que suele ofrecerse gratuitamente con una paacutegina del proveedor asociada pordefectoSi no deseas ldquoaparcarrdquo tu dominio sino utilizarlo para tu blog por ejemplo tendraacutes que asignarle unservidor de nombres En efecto para asignar una paacutegina Web al dominio solamente hay que apuntarhacia ella configurando los servidores de nombres correspondientes Un servidor de nombres (DNS)es simplemente la direccioacuten IP de la maacutequina donde se encuentra alojada la paacutegina Web Pero todoello es muy faacutecil de llevar a cabo como veremos a continuacioacuten

10

11

Alojamiento y dominio iquesten el mismo proveedor de servicios

No es necesario contratar el alojamiento en el mismo proveedor de servicios en el que se registroacute eldominioDependiendo de su extensioacuten y del proveedor encargado de su registro trasladar un dominio puedeser una tarea complicada Todos los proveedores estaacuten obligados por ley a facilitar cualquier trasladode dominio pero en la praacutectica con unos es maacutes faacutecil que con otrosTener diversificados el hosting y el registro del dominio te proporcionaraacute mucha maacutes flexibilidady facilidad a la hora de cambiar de proveedor para tu alojamiento simplemente reasignando losservidores de nombres del dominio Y si tuvieses que trasladar el dominio no tendriacuteas que mover tublog de sitioTe aconsejo tambieacuten la lectura del siguiente artiacuteculo WordPress coacutemo saber si necesitas registrarun dominio

Coacutemo elegir bien un nombre de dominio

A mi me gusta utilizar [El prodigioso sistema ldquogustavoarizperdquo para encontrar nombres de domin-ios](httpwwwblogpocketcom20110405el-prodigioso-sistema-gustavoarizpe-para-encontrar-nombres-de-dominiosldquo)Mi consejo es que intentes incluir en ellos la marca o la palabra clave asociada a tu negocio proyectoo causa Si es un blog personal podriacutea llevar tu nombre y en general trata de que sea corto y faacutecilde recordarEn cuanto a la extensioacuten es preferible ldquocomrdquo y tambieacuten la correspondiente a tu paiacutes

Doacutende registrar un dominio

Existen muchos proveedores de servicios que ofrecen el registro de dominios por poco dinero EnEspantildea yo recomiendo PiensasolutionsNo obstante puedes encontrar otras posibilidades como Namecheap o GodaddyEs cuestioacuten de comparar precios y asegurarte de que podraacutes cambiar los servidores de nombresfaacutecilmente pero yo soy cliente de Piensasolutions y Godaddy desde siempre y nunca he tenido elmaacutes miacutenimo problema El soporte teacutecnico de Godaddy te atiende en espantildeol (la Web tambieacuten estaacuteen espantildeol) algo que debes tener muy en cuenta

Coacutemo registrar un dominio

iquestEstaacute libre el dominio que quiero registrar Esa es la primera pregunta que te debes plantear aunquetu proveedor del registro te proporcionaraacute la respuesta como primer pasoTe recomiendo que registres el dominio al menos por 2 antildeos Suelen ofrecerse rebajas si establecesese periodo

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 6: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

7

iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress

8

El objetivo de la Guiacutea del recieacuten llegado a WordPress es que poseas una ayuda para aprenderen poco tiempo a construir un blog profesional desde cero sin necesidad de conocimientos previossobre blogs utilizando la versioacuten instalable de WordPress

iquestQueacute es WordPress

WordPress usado por el 20 de todas los sitios Web de Internet es un software de coacutedigo libre(GPL) que recientemente ha cumplido 10 antildeos Sus creadores fueron Matt Mullenweg y Mike Littey su eacutexito radica en su flexibilidad (se puede configurar desde un simple blog personal hasta uncomplejo sitio de e-commerce) y en su facilidad para gestionarlo con un escritorio muy intuitivo Esla aplicacioacuten ideal para desarrollar tanto tu identidad digital como tu reputacioacuten profesional

iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs

Su condicioacuten de coacutedigo libre ha permitido que muchos desarrolladores elaboren infinidad de exten-siones del software original (los denominados plugins) y plantillas (los llamados themes) ampliandocasi hasta el infinito las funcionalidades de la aplicacioacuten WordPress es un sistema de gestioacuten decontenidos potente flexible y escalable que permite desarrollar casi cualquier tipo de sitio Web peroal mismo tiempo faacutecil de instalar y configurarAl estar basado en el mismo software que WordPresscom la versioacuten lista para usar con hostinggratuito es maacutes faacutecil empezar en WordPress para aquellos que ya usaron aqueacutel y decidan dar el pasohacia un blog de caracteriacutesticas profesionales utilizando WordPressorg Mira aquiacute las diferenciasentre WordPresscom y WordPressorgPara conocer las diferencias entre WordPress y otras plataformas como Joomla o Drupal terecomiendo la lectura del siguiente artiacuteculo iquestCuaacutel es la mejor plataforma para crear un blog gratiso una paacutegina Web

iquestPor queacute un blog

Te invito primero a conocer el vocabulario baacutesico del bloggingPara una completa introduccioacuten al mundo de los blogs saber queacute es un blog para queacute sirve y queacutees lo que implica tener uno a esta guiacutea para dar los primeros pasos Introduccioacuten a los blogs

iquestQueacute necesito para montar un blog profesional desde cero

En primer lugar para empezar en WordPress solo se necesitan unos conocimientos teacutecnicos baacutesicosrelacionados con el desarrollo de aplicaciones Web Pero como veraacutes en esta guiacutea del recieacuten llegadoa WordPress es muy faacutecil aprender tanto a instalar la aplicacioacuten como a configurarla para empezara publicar un blog personal profesional o corporativo

9

Todo lo que necesitaraacutes para iniciar el montaje de un blog desde cero y con WordPress es registrarun dominio y contratar un alojamiento Esos son los dos uacutenicos recursos que requieren la inversioacutende un poco de dinero no mucho

2 Coacutemo registrar un dominio

En esta entrada la segunda parte de la Guiacutea del recieacuten llegado a WordPress te ensentildeareacute a registrar undominio Una vez que te has decidido por una instalacioacuten de WordPress la solucioacuten maacutes profesionalpara tu blog es el momento de registrar un dominioAl finalizar este artiacuteculo habraacutes visto que es un proceso muy faacutecil y raacutepido iexclAdelante

iquestQueacute es un dominio y queacute es un servidor de nombres

En pocas palabras el dominio es el nombre de tu sitio Web lo que se escribe en la barra de direccionesdel navegador para acceder a eacutel

Siacudimos a la Wikipedia podemos leer ldquoEl propoacutesito principal de los nombres dedominio en Internet y del sistema de nombres de dominio (DNS) es traducir las direc-ciones IP de cada nodo activo en la red a teacuterminos memorizables y faacuteciles de encontrarEsta abstraccioacuten hace posible que cualquier servicio (de red) pueda moverse de un lugargeograacutefico a otro en la red Internet auacuten cuando el cambio implique que tendraacute unadireccioacuten IP diferente Sin la ayuda del sistema de nombres de dominio los usuariosde Internet tendriacutean que acceder a cada servicio web utilizando la direccioacuten IP del nodo(por ejemplo seriacutea necesario utilizar http19203210 en vez de httpexamplecom)Ademaacutes reduciriacutea el nuacutemero de webs posibles ya que actualmente es habitual que unamisma direccioacuten IP sea compartida por varios dominiosrdquo

Un dominio se registra en un proveedor de servicios de Internet como miacutenimo por un antildeo y no esnecesario usarlo es decir asignarle un sitio Web En ese caso el dominio queda en modalidad deldquoparkingrdquo un servicio que suele ofrecerse gratuitamente con una paacutegina del proveedor asociada pordefectoSi no deseas ldquoaparcarrdquo tu dominio sino utilizarlo para tu blog por ejemplo tendraacutes que asignarle unservidor de nombres En efecto para asignar una paacutegina Web al dominio solamente hay que apuntarhacia ella configurando los servidores de nombres correspondientes Un servidor de nombres (DNS)es simplemente la direccioacuten IP de la maacutequina donde se encuentra alojada la paacutegina Web Pero todoello es muy faacutecil de llevar a cabo como veremos a continuacioacuten

10

11

Alojamiento y dominio iquesten el mismo proveedor de servicios

No es necesario contratar el alojamiento en el mismo proveedor de servicios en el que se registroacute eldominioDependiendo de su extensioacuten y del proveedor encargado de su registro trasladar un dominio puedeser una tarea complicada Todos los proveedores estaacuten obligados por ley a facilitar cualquier trasladode dominio pero en la praacutectica con unos es maacutes faacutecil que con otrosTener diversificados el hosting y el registro del dominio te proporcionaraacute mucha maacutes flexibilidady facilidad a la hora de cambiar de proveedor para tu alojamiento simplemente reasignando losservidores de nombres del dominio Y si tuvieses que trasladar el dominio no tendriacuteas que mover tublog de sitioTe aconsejo tambieacuten la lectura del siguiente artiacuteculo WordPress coacutemo saber si necesitas registrarun dominio

Coacutemo elegir bien un nombre de dominio

A mi me gusta utilizar [El prodigioso sistema ldquogustavoarizperdquo para encontrar nombres de domin-ios](httpwwwblogpocketcom20110405el-prodigioso-sistema-gustavoarizpe-para-encontrar-nombres-de-dominiosldquo)Mi consejo es que intentes incluir en ellos la marca o la palabra clave asociada a tu negocio proyectoo causa Si es un blog personal podriacutea llevar tu nombre y en general trata de que sea corto y faacutecilde recordarEn cuanto a la extensioacuten es preferible ldquocomrdquo y tambieacuten la correspondiente a tu paiacutes

Doacutende registrar un dominio

Existen muchos proveedores de servicios que ofrecen el registro de dominios por poco dinero EnEspantildea yo recomiendo PiensasolutionsNo obstante puedes encontrar otras posibilidades como Namecheap o GodaddyEs cuestioacuten de comparar precios y asegurarte de que podraacutes cambiar los servidores de nombresfaacutecilmente pero yo soy cliente de Piensasolutions y Godaddy desde siempre y nunca he tenido elmaacutes miacutenimo problema El soporte teacutecnico de Godaddy te atiende en espantildeol (la Web tambieacuten estaacuteen espantildeol) algo que debes tener muy en cuenta

Coacutemo registrar un dominio

iquestEstaacute libre el dominio que quiero registrar Esa es la primera pregunta que te debes plantear aunquetu proveedor del registro te proporcionaraacute la respuesta como primer pasoTe recomiendo que registres el dominio al menos por 2 antildeos Suelen ofrecerse rebajas si establecesese periodo

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 7: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

8

El objetivo de la Guiacutea del recieacuten llegado a WordPress es que poseas una ayuda para aprenderen poco tiempo a construir un blog profesional desde cero sin necesidad de conocimientos previossobre blogs utilizando la versioacuten instalable de WordPress

iquestQueacute es WordPress

WordPress usado por el 20 de todas los sitios Web de Internet es un software de coacutedigo libre(GPL) que recientemente ha cumplido 10 antildeos Sus creadores fueron Matt Mullenweg y Mike Littey su eacutexito radica en su flexibilidad (se puede configurar desde un simple blog personal hasta uncomplejo sitio de e-commerce) y en su facilidad para gestionarlo con un escritorio muy intuitivo Esla aplicacioacuten ideal para desarrollar tanto tu identidad digital como tu reputacioacuten profesional

iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs

Su condicioacuten de coacutedigo libre ha permitido que muchos desarrolladores elaboren infinidad de exten-siones del software original (los denominados plugins) y plantillas (los llamados themes) ampliandocasi hasta el infinito las funcionalidades de la aplicacioacuten WordPress es un sistema de gestioacuten decontenidos potente flexible y escalable que permite desarrollar casi cualquier tipo de sitio Web peroal mismo tiempo faacutecil de instalar y configurarAl estar basado en el mismo software que WordPresscom la versioacuten lista para usar con hostinggratuito es maacutes faacutecil empezar en WordPress para aquellos que ya usaron aqueacutel y decidan dar el pasohacia un blog de caracteriacutesticas profesionales utilizando WordPressorg Mira aquiacute las diferenciasentre WordPresscom y WordPressorgPara conocer las diferencias entre WordPress y otras plataformas como Joomla o Drupal terecomiendo la lectura del siguiente artiacuteculo iquestCuaacutel es la mejor plataforma para crear un blog gratiso una paacutegina Web

iquestPor queacute un blog

Te invito primero a conocer el vocabulario baacutesico del bloggingPara una completa introduccioacuten al mundo de los blogs saber queacute es un blog para queacute sirve y queacutees lo que implica tener uno a esta guiacutea para dar los primeros pasos Introduccioacuten a los blogs

iquestQueacute necesito para montar un blog profesional desde cero

En primer lugar para empezar en WordPress solo se necesitan unos conocimientos teacutecnicos baacutesicosrelacionados con el desarrollo de aplicaciones Web Pero como veraacutes en esta guiacutea del recieacuten llegadoa WordPress es muy faacutecil aprender tanto a instalar la aplicacioacuten como a configurarla para empezara publicar un blog personal profesional o corporativo

9

Todo lo que necesitaraacutes para iniciar el montaje de un blog desde cero y con WordPress es registrarun dominio y contratar un alojamiento Esos son los dos uacutenicos recursos que requieren la inversioacutende un poco de dinero no mucho

2 Coacutemo registrar un dominio

En esta entrada la segunda parte de la Guiacutea del recieacuten llegado a WordPress te ensentildeareacute a registrar undominio Una vez que te has decidido por una instalacioacuten de WordPress la solucioacuten maacutes profesionalpara tu blog es el momento de registrar un dominioAl finalizar este artiacuteculo habraacutes visto que es un proceso muy faacutecil y raacutepido iexclAdelante

iquestQueacute es un dominio y queacute es un servidor de nombres

En pocas palabras el dominio es el nombre de tu sitio Web lo que se escribe en la barra de direccionesdel navegador para acceder a eacutel

Siacudimos a la Wikipedia podemos leer ldquoEl propoacutesito principal de los nombres dedominio en Internet y del sistema de nombres de dominio (DNS) es traducir las direc-ciones IP de cada nodo activo en la red a teacuterminos memorizables y faacuteciles de encontrarEsta abstraccioacuten hace posible que cualquier servicio (de red) pueda moverse de un lugargeograacutefico a otro en la red Internet auacuten cuando el cambio implique que tendraacute unadireccioacuten IP diferente Sin la ayuda del sistema de nombres de dominio los usuariosde Internet tendriacutean que acceder a cada servicio web utilizando la direccioacuten IP del nodo(por ejemplo seriacutea necesario utilizar http19203210 en vez de httpexamplecom)Ademaacutes reduciriacutea el nuacutemero de webs posibles ya que actualmente es habitual que unamisma direccioacuten IP sea compartida por varios dominiosrdquo

Un dominio se registra en un proveedor de servicios de Internet como miacutenimo por un antildeo y no esnecesario usarlo es decir asignarle un sitio Web En ese caso el dominio queda en modalidad deldquoparkingrdquo un servicio que suele ofrecerse gratuitamente con una paacutegina del proveedor asociada pordefectoSi no deseas ldquoaparcarrdquo tu dominio sino utilizarlo para tu blog por ejemplo tendraacutes que asignarle unservidor de nombres En efecto para asignar una paacutegina Web al dominio solamente hay que apuntarhacia ella configurando los servidores de nombres correspondientes Un servidor de nombres (DNS)es simplemente la direccioacuten IP de la maacutequina donde se encuentra alojada la paacutegina Web Pero todoello es muy faacutecil de llevar a cabo como veremos a continuacioacuten

10

11

Alojamiento y dominio iquesten el mismo proveedor de servicios

No es necesario contratar el alojamiento en el mismo proveedor de servicios en el que se registroacute eldominioDependiendo de su extensioacuten y del proveedor encargado de su registro trasladar un dominio puedeser una tarea complicada Todos los proveedores estaacuten obligados por ley a facilitar cualquier trasladode dominio pero en la praacutectica con unos es maacutes faacutecil que con otrosTener diversificados el hosting y el registro del dominio te proporcionaraacute mucha maacutes flexibilidady facilidad a la hora de cambiar de proveedor para tu alojamiento simplemente reasignando losservidores de nombres del dominio Y si tuvieses que trasladar el dominio no tendriacuteas que mover tublog de sitioTe aconsejo tambieacuten la lectura del siguiente artiacuteculo WordPress coacutemo saber si necesitas registrarun dominio

Coacutemo elegir bien un nombre de dominio

A mi me gusta utilizar [El prodigioso sistema ldquogustavoarizperdquo para encontrar nombres de domin-ios](httpwwwblogpocketcom20110405el-prodigioso-sistema-gustavoarizpe-para-encontrar-nombres-de-dominiosldquo)Mi consejo es que intentes incluir en ellos la marca o la palabra clave asociada a tu negocio proyectoo causa Si es un blog personal podriacutea llevar tu nombre y en general trata de que sea corto y faacutecilde recordarEn cuanto a la extensioacuten es preferible ldquocomrdquo y tambieacuten la correspondiente a tu paiacutes

Doacutende registrar un dominio

Existen muchos proveedores de servicios que ofrecen el registro de dominios por poco dinero EnEspantildea yo recomiendo PiensasolutionsNo obstante puedes encontrar otras posibilidades como Namecheap o GodaddyEs cuestioacuten de comparar precios y asegurarte de que podraacutes cambiar los servidores de nombresfaacutecilmente pero yo soy cliente de Piensasolutions y Godaddy desde siempre y nunca he tenido elmaacutes miacutenimo problema El soporte teacutecnico de Godaddy te atiende en espantildeol (la Web tambieacuten estaacuteen espantildeol) algo que debes tener muy en cuenta

Coacutemo registrar un dominio

iquestEstaacute libre el dominio que quiero registrar Esa es la primera pregunta que te debes plantear aunquetu proveedor del registro te proporcionaraacute la respuesta como primer pasoTe recomiendo que registres el dominio al menos por 2 antildeos Suelen ofrecerse rebajas si establecesese periodo

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 8: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

9

Todo lo que necesitaraacutes para iniciar el montaje de un blog desde cero y con WordPress es registrarun dominio y contratar un alojamiento Esos son los dos uacutenicos recursos que requieren la inversioacutende un poco de dinero no mucho

2 Coacutemo registrar un dominio

En esta entrada la segunda parte de la Guiacutea del recieacuten llegado a WordPress te ensentildeareacute a registrar undominio Una vez que te has decidido por una instalacioacuten de WordPress la solucioacuten maacutes profesionalpara tu blog es el momento de registrar un dominioAl finalizar este artiacuteculo habraacutes visto que es un proceso muy faacutecil y raacutepido iexclAdelante

iquestQueacute es un dominio y queacute es un servidor de nombres

En pocas palabras el dominio es el nombre de tu sitio Web lo que se escribe en la barra de direccionesdel navegador para acceder a eacutel

Siacudimos a la Wikipedia podemos leer ldquoEl propoacutesito principal de los nombres dedominio en Internet y del sistema de nombres de dominio (DNS) es traducir las direc-ciones IP de cada nodo activo en la red a teacuterminos memorizables y faacuteciles de encontrarEsta abstraccioacuten hace posible que cualquier servicio (de red) pueda moverse de un lugargeograacutefico a otro en la red Internet auacuten cuando el cambio implique que tendraacute unadireccioacuten IP diferente Sin la ayuda del sistema de nombres de dominio los usuariosde Internet tendriacutean que acceder a cada servicio web utilizando la direccioacuten IP del nodo(por ejemplo seriacutea necesario utilizar http19203210 en vez de httpexamplecom)Ademaacutes reduciriacutea el nuacutemero de webs posibles ya que actualmente es habitual que unamisma direccioacuten IP sea compartida por varios dominiosrdquo

Un dominio se registra en un proveedor de servicios de Internet como miacutenimo por un antildeo y no esnecesario usarlo es decir asignarle un sitio Web En ese caso el dominio queda en modalidad deldquoparkingrdquo un servicio que suele ofrecerse gratuitamente con una paacutegina del proveedor asociada pordefectoSi no deseas ldquoaparcarrdquo tu dominio sino utilizarlo para tu blog por ejemplo tendraacutes que asignarle unservidor de nombres En efecto para asignar una paacutegina Web al dominio solamente hay que apuntarhacia ella configurando los servidores de nombres correspondientes Un servidor de nombres (DNS)es simplemente la direccioacuten IP de la maacutequina donde se encuentra alojada la paacutegina Web Pero todoello es muy faacutecil de llevar a cabo como veremos a continuacioacuten

10

11

Alojamiento y dominio iquesten el mismo proveedor de servicios

No es necesario contratar el alojamiento en el mismo proveedor de servicios en el que se registroacute eldominioDependiendo de su extensioacuten y del proveedor encargado de su registro trasladar un dominio puedeser una tarea complicada Todos los proveedores estaacuten obligados por ley a facilitar cualquier trasladode dominio pero en la praacutectica con unos es maacutes faacutecil que con otrosTener diversificados el hosting y el registro del dominio te proporcionaraacute mucha maacutes flexibilidady facilidad a la hora de cambiar de proveedor para tu alojamiento simplemente reasignando losservidores de nombres del dominio Y si tuvieses que trasladar el dominio no tendriacuteas que mover tublog de sitioTe aconsejo tambieacuten la lectura del siguiente artiacuteculo WordPress coacutemo saber si necesitas registrarun dominio

Coacutemo elegir bien un nombre de dominio

A mi me gusta utilizar [El prodigioso sistema ldquogustavoarizperdquo para encontrar nombres de domin-ios](httpwwwblogpocketcom20110405el-prodigioso-sistema-gustavoarizpe-para-encontrar-nombres-de-dominiosldquo)Mi consejo es que intentes incluir en ellos la marca o la palabra clave asociada a tu negocio proyectoo causa Si es un blog personal podriacutea llevar tu nombre y en general trata de que sea corto y faacutecilde recordarEn cuanto a la extensioacuten es preferible ldquocomrdquo y tambieacuten la correspondiente a tu paiacutes

Doacutende registrar un dominio

Existen muchos proveedores de servicios que ofrecen el registro de dominios por poco dinero EnEspantildea yo recomiendo PiensasolutionsNo obstante puedes encontrar otras posibilidades como Namecheap o GodaddyEs cuestioacuten de comparar precios y asegurarte de que podraacutes cambiar los servidores de nombresfaacutecilmente pero yo soy cliente de Piensasolutions y Godaddy desde siempre y nunca he tenido elmaacutes miacutenimo problema El soporte teacutecnico de Godaddy te atiende en espantildeol (la Web tambieacuten estaacuteen espantildeol) algo que debes tener muy en cuenta

Coacutemo registrar un dominio

iquestEstaacute libre el dominio que quiero registrar Esa es la primera pregunta que te debes plantear aunquetu proveedor del registro te proporcionaraacute la respuesta como primer pasoTe recomiendo que registres el dominio al menos por 2 antildeos Suelen ofrecerse rebajas si establecesese periodo

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 9: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

2 Coacutemo registrar un dominio

En esta entrada la segunda parte de la Guiacutea del recieacuten llegado a WordPress te ensentildeareacute a registrar undominio Una vez que te has decidido por una instalacioacuten de WordPress la solucioacuten maacutes profesionalpara tu blog es el momento de registrar un dominioAl finalizar este artiacuteculo habraacutes visto que es un proceso muy faacutecil y raacutepido iexclAdelante

iquestQueacute es un dominio y queacute es un servidor de nombres

En pocas palabras el dominio es el nombre de tu sitio Web lo que se escribe en la barra de direccionesdel navegador para acceder a eacutel

Siacudimos a la Wikipedia podemos leer ldquoEl propoacutesito principal de los nombres dedominio en Internet y del sistema de nombres de dominio (DNS) es traducir las direc-ciones IP de cada nodo activo en la red a teacuterminos memorizables y faacuteciles de encontrarEsta abstraccioacuten hace posible que cualquier servicio (de red) pueda moverse de un lugargeograacutefico a otro en la red Internet auacuten cuando el cambio implique que tendraacute unadireccioacuten IP diferente Sin la ayuda del sistema de nombres de dominio los usuariosde Internet tendriacutean que acceder a cada servicio web utilizando la direccioacuten IP del nodo(por ejemplo seriacutea necesario utilizar http19203210 en vez de httpexamplecom)Ademaacutes reduciriacutea el nuacutemero de webs posibles ya que actualmente es habitual que unamisma direccioacuten IP sea compartida por varios dominiosrdquo

Un dominio se registra en un proveedor de servicios de Internet como miacutenimo por un antildeo y no esnecesario usarlo es decir asignarle un sitio Web En ese caso el dominio queda en modalidad deldquoparkingrdquo un servicio que suele ofrecerse gratuitamente con una paacutegina del proveedor asociada pordefectoSi no deseas ldquoaparcarrdquo tu dominio sino utilizarlo para tu blog por ejemplo tendraacutes que asignarle unservidor de nombres En efecto para asignar una paacutegina Web al dominio solamente hay que apuntarhacia ella configurando los servidores de nombres correspondientes Un servidor de nombres (DNS)es simplemente la direccioacuten IP de la maacutequina donde se encuentra alojada la paacutegina Web Pero todoello es muy faacutecil de llevar a cabo como veremos a continuacioacuten

10

11

Alojamiento y dominio iquesten el mismo proveedor de servicios

No es necesario contratar el alojamiento en el mismo proveedor de servicios en el que se registroacute eldominioDependiendo de su extensioacuten y del proveedor encargado de su registro trasladar un dominio puedeser una tarea complicada Todos los proveedores estaacuten obligados por ley a facilitar cualquier trasladode dominio pero en la praacutectica con unos es maacutes faacutecil que con otrosTener diversificados el hosting y el registro del dominio te proporcionaraacute mucha maacutes flexibilidady facilidad a la hora de cambiar de proveedor para tu alojamiento simplemente reasignando losservidores de nombres del dominio Y si tuvieses que trasladar el dominio no tendriacuteas que mover tublog de sitioTe aconsejo tambieacuten la lectura del siguiente artiacuteculo WordPress coacutemo saber si necesitas registrarun dominio

Coacutemo elegir bien un nombre de dominio

A mi me gusta utilizar [El prodigioso sistema ldquogustavoarizperdquo para encontrar nombres de domin-ios](httpwwwblogpocketcom20110405el-prodigioso-sistema-gustavoarizpe-para-encontrar-nombres-de-dominiosldquo)Mi consejo es que intentes incluir en ellos la marca o la palabra clave asociada a tu negocio proyectoo causa Si es un blog personal podriacutea llevar tu nombre y en general trata de que sea corto y faacutecilde recordarEn cuanto a la extensioacuten es preferible ldquocomrdquo y tambieacuten la correspondiente a tu paiacutes

Doacutende registrar un dominio

Existen muchos proveedores de servicios que ofrecen el registro de dominios por poco dinero EnEspantildea yo recomiendo PiensasolutionsNo obstante puedes encontrar otras posibilidades como Namecheap o GodaddyEs cuestioacuten de comparar precios y asegurarte de que podraacutes cambiar los servidores de nombresfaacutecilmente pero yo soy cliente de Piensasolutions y Godaddy desde siempre y nunca he tenido elmaacutes miacutenimo problema El soporte teacutecnico de Godaddy te atiende en espantildeol (la Web tambieacuten estaacuteen espantildeol) algo que debes tener muy en cuenta

Coacutemo registrar un dominio

iquestEstaacute libre el dominio que quiero registrar Esa es la primera pregunta que te debes plantear aunquetu proveedor del registro te proporcionaraacute la respuesta como primer pasoTe recomiendo que registres el dominio al menos por 2 antildeos Suelen ofrecerse rebajas si establecesese periodo

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 10: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

11

Alojamiento y dominio iquesten el mismo proveedor de servicios

No es necesario contratar el alojamiento en el mismo proveedor de servicios en el que se registroacute eldominioDependiendo de su extensioacuten y del proveedor encargado de su registro trasladar un dominio puedeser una tarea complicada Todos los proveedores estaacuten obligados por ley a facilitar cualquier trasladode dominio pero en la praacutectica con unos es maacutes faacutecil que con otrosTener diversificados el hosting y el registro del dominio te proporcionaraacute mucha maacutes flexibilidady facilidad a la hora de cambiar de proveedor para tu alojamiento simplemente reasignando losservidores de nombres del dominio Y si tuvieses que trasladar el dominio no tendriacuteas que mover tublog de sitioTe aconsejo tambieacuten la lectura del siguiente artiacuteculo WordPress coacutemo saber si necesitas registrarun dominio

Coacutemo elegir bien un nombre de dominio

A mi me gusta utilizar [El prodigioso sistema ldquogustavoarizperdquo para encontrar nombres de domin-ios](httpwwwblogpocketcom20110405el-prodigioso-sistema-gustavoarizpe-para-encontrar-nombres-de-dominiosldquo)Mi consejo es que intentes incluir en ellos la marca o la palabra clave asociada a tu negocio proyectoo causa Si es un blog personal podriacutea llevar tu nombre y en general trata de que sea corto y faacutecilde recordarEn cuanto a la extensioacuten es preferible ldquocomrdquo y tambieacuten la correspondiente a tu paiacutes

Doacutende registrar un dominio

Existen muchos proveedores de servicios que ofrecen el registro de dominios por poco dinero EnEspantildea yo recomiendo PiensasolutionsNo obstante puedes encontrar otras posibilidades como Namecheap o GodaddyEs cuestioacuten de comparar precios y asegurarte de que podraacutes cambiar los servidores de nombresfaacutecilmente pero yo soy cliente de Piensasolutions y Godaddy desde siempre y nunca he tenido elmaacutes miacutenimo problema El soporte teacutecnico de Godaddy te atiende en espantildeol (la Web tambieacuten estaacuteen espantildeol) algo que debes tener muy en cuenta

Coacutemo registrar un dominio

iquestEstaacute libre el dominio que quiero registrar Esa es la primera pregunta que te debes plantear aunquetu proveedor del registro te proporcionaraacute la respuesta como primer pasoTe recomiendo que registres el dominio al menos por 2 antildeos Suelen ofrecerse rebajas si establecesese periodo

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 11: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

12

Cada proveedor posee su propio meacutetodo para llevar a cabo esta tarea pero en el siguiente artiacuteculoencontraraacutes un tutorial muy completo para aprender a registrar un dominio Coacutemo registrar undominio

Coacutemo configurar los servidores de nombres

Los servidores de nombres tambieacuten suelen llevar asociado un nombre de dominio En algunos provee-dores es necesario proporcionar ambos valores (como en Piensasolutions) Sin embargo en Godaddysolo es preciso facilitar el nombre de dominio del servidor de nombresDependiendo del panel de administracioacuten que utilice cada proveedor te encontraraacutes distintos procesospara configurar los servidores de nombres Por ejemplo a continuacioacuten se muestran dos imaacutegenescon la opcioacuten en Godaddy y Piensasolutions respectivamente

El cambio de servidores de nombres implica un tiempo de espera para que se propaguen por toda laRed En Whatsmydnsnet puedes comprobar si el cambio se ha realizado completamente

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 12: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

3 Coacutemo contratar un alojamiento Web

Hemos llegado a la tercera parte de la Guiacutea del recieacuten llegado a WordPress en la que aprenderaacutes acontratar un alojamiento Web para tu blog Tras registrar el nombre de dominio lo primero quevamos a llevar a cabo es contratar un servicio de alojamiento Web (lo que vulgarmente se conocecomo hosting) y configurarlo con el objetivo de prepararlo para la instalacioacuten de WordPress

iquestCuaacuteles son los pasos para construir y poner en marcha mi blog

Construir un blog personal profesional o corporativo desde cero es muy faacutecil En esta Guiacutea delrecieacuten llegado vamos a seguir los siguientes pasos

1 Registrar un nombre de dominio adecuado y contratar alojamiento Web para el blog crear eldominio y la base de datos correspondiente

2 Instalar WordPress3 Configurar el blog mediante el panel de administracioacuten de WordPress

iexclNos encontramos en el paso 1Una configuracioacuten avanzada con la instalacioacuten de herramientas y plugins con el fin de optimizar elblog es objeto de otras guiacuteas en BlogpocketLee tambieacuten para maacutes informacioacuten

bull 10 pasos para poner en marcha un blog con WordPressbull iquestQueacute es lo que se necesita para empezar a bloguear

iquestDoacutende contratar un alojamiento Web

La tarea maacutes difiacutecil para poner en marcha un blog quizaacutes sea la eleccioacuten del proveedor de alojamientoWeb Con el fin de tomar esa decisioacuten es necesario tener en cuenta varios factores entre los que seencuentran la disponibilidad del servicio (sin caiacutedas cortes etc) o el soporte teacutecnico (24h telefoacutenicoetc) pero tambieacuten el precio claro estaacuteEn general debemos considerar los siguientes aspectos

13

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 13: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

14

bull Precio soporte teacutecnico y disponibilidadbull Reputacioacuten iquestqueacute dicen los clientes acerca del serviciobull Cantidad de recursos como memoria espacio de almacenamiento en disco transferencia de

datos etcHerramientas como panel de administracioacuten gestioacuten de bases de datos aplicaciones etc

bull Tipo de sistema operativo Linux (recomendable) Windows etcbull Tipo de software del servidor Apache Nginx (se recomienda eacuteste por velocidad) etc

Son muchos por lo tanto los proveedores de hosting que te encontraraacutes para alojar tu blog inclusoaquellos que lo hacen de forma gratuita Yo no te recomendariacutea eacutestos uacuteltimos y siacute en cambioaquellos que te garanticen disponibilidad 24x7 buen rendimiento y soporte teacutecnico inmediato aun precio razonable Entre ellos puedes probar SiteGround el mejor proveedor de hosting que heencontrado en muchos antildeos especializado en WordPress y con funciones dedicadas a optimizar elrendimiento y la seguridad

Aclaracioacuten sobre la recomendacioacuten de SiteGround SiteGround posee un programa derecomendaciones Si te das de alta en SiteGround utilizando el siguiente enlace yo mellevo un mes de hosting gratis y luego tuacute puedes hacer lo mismo ) iexclSiacute quiero probarSiteGround ndashgt iexclhaz clic aquiacute

Como ya se explicoacute en el capiacutetulo anterior de esta guiacutea del recieacuten llegado a WordPress puedes optarpor tener el nombre de dominio y alojamiento Web en distintos proveedoresPara maacutes informacioacuten

bull Consejos para elegir un hosting

iquestQueacute tipo de alojamiento Web es mejor para mi blog

Habitualmente existen los siguientes tipos de alojamiento Web

bull Gratuito no es absolutamente recomendable si tu blog pretende ser profesional A cambio dela gratuidad se proporciona un servicio repleto de publicidad y con muchas limitaciones

bull Servidor compartido recomendable para blogs con un nivel medio de visitasbull Virtual un servidor fiacutesico se divide en varios virtuales Maacutes recomendable que un servidor

compartido si hablamos de blogs con propoacutesitos de crecimiento y proyeccioacuten Requiere algo deconocimiento sobre servidores aunque puedes encontrar hostings que realizan la administracioacuten

bull Dedicado lo mejor si tu objetivo es desarrollar un blog profesional tienes todo el control sobreel servidor

bull CloudHosting similar al servidor virtual pero con alojamiento en la nube a considerar si quierespagar solo por el uso

Lee tambieacuten 9 Steps To A Happy Relationship With Your Hosting Provider

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 14: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

15

iquestQueacute son Cpanel y Plesk

Los datos fundamentales que te proporcionaraacute tu proveedor de hosting son los siguientes

bull Direccioacuten IP del servidor te serviraacute para acceder a tu espacio de almacenamiento viacutea FTPy ver tus archivos HTML desde un navegador mientras el nombre de dominio no apunte alservidor donde alojaraacutes el blog

bull Servidores de nombre necesarios para que el nombre de dominio apunte al servidor dondealojas el blog

bull Usuario y password de acceso al panel de control El panel de control te serviraacute paragestionar tu hosting crear dominios bases de datos cuentas de FTP administrar archivosetc Los paneles de control maacutes conocidos y utilizados son CPanel y Plesk

CPanel es uno de las herramientas de control compatible con servidores Linux y Windows Puedesprobarlo en la siguiente paacutegina de demo (sin contrasentildea) cpanelnetdemo Es la que usaremos enlos tutoriales de esta Guiiacutea del recieacuten llegado a WordpressLa otra aplicacioacuten que te encontraraacutes en numerosos proveedores de alojamiento Web tambieacuten com-patible con Linux y Windows es Plesk Prueacutebalo en wwwparallelscomproductspleskdemos

Para profundizar en los datos que debes conocer de tu hosting para instalar WordPresste invito a leer el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debesconocer para instalar WordPressY si quieres dar tus primeros pasos en SiteGround el hosting que yo te recomiendoabsolutamente lee SiteGround el mejor Hosting para WordPress y queacute hacer despueacutesde abrir una cuenta

iquestPuedo instalar WordPress localmente en mi ordenador de escritorioo portaacutetil

iexclClaro que siacute Existe un software denominado MAMP expresamente desarrollado para instalar Word-Press en un ordenador con sistema operativo OS X de Apple Su versioacuten para Windows es WAMPSi te interesa implementar un blog de pruebas en un entorno local (sin salir a Internet) repasa lafamilia AMP Run WordPress Locally with AMP

Aprender maacutes

En los siguientes enlaces encontraraacutes maacutes informacioacuten para aprender a elegir hosting

bull Web Hosting Review So Just Who is the Bestbull 9 Best Options for Managed WordPress Hostingbull Snapshot by WPMU DEV

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 15: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

16

En el proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress aprenderaacutes a configurar tu hostingy prepararlo para instalar WordPress

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 16: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

4 Coacutemo configurar un dominio

Estaacutes leyendo el cuarto capiacutetulo de laGuiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute pasoa paso a crear y configurar un dominio para tu blog En entregas anteriores se ha explicado la formade registrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress

Requisitos para configurar un dominio

La configuracioacuten del dominio se compone de una serie de pasos cuyo propoacutesito es la posibilidadde ingresar en la paacutegina principal de tu blog (esa que se denomina ldquohomerdquo) cuando escribimos elnombre del dominio como parte de la URL en la barra de direcciones del navegador (por ejemploldquomidominiocomrdquo)En el capiacutetulo 2 vimos coacutemo se registra un nombre de dominio pero eso no es suficiente ya que con ellotan solo se reserva el derecho a utilizarlo por un periodo determinado Como vimos la administracioacutendel nombre de domino conlleva tambieacuten apuntar al servidor donde se encuentra alojado el blog

Aseguacuterate pues de lo siguiente antes de configurar el dominio

bull Tengo registrado el nombre de dominio (por ejemplo ldquomidominiocomrdquo) en un proveedor deservicios A (por ejemplo Piensasolutionscom) Coacutemo hacerlo Coacutemo registrar un dominio

bull Tengo contratado un hosting en un proveedor B (por ejemplo SiteGround) Coacutemo hacerloCoacutemo contratar un alojamiento Web Eso es si los proveedores A y B sean diferentes peroen el proceso de registro de tu hosting podriacuteas indicar que el dominio es nuevo y entoncestendraacutes nombre de dominio y espacio de almacenamiento Web en el mismo proveedor

17

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 17: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

18

bull Tengo el nombre de dominio (por ej ldquomidominiocomrdquo) apuntando hacia el servidor de miblog (por ej ldquomiservidorcomrdquo) Esta operacioacuten se realiza entrando al panel de control delproveedor A una vez contratado el servicio de hosting con el proveedor B Para ello el proveedorB te proporcionaraacute los servidores de nombre que deben sustituir a los que tengas por defectoEn la figura 1 se observa que los servidores de nombre correspondientes al servicio de hostingson servidor1miservidorcom (IP 1234) y servidor2miservidorcom (IP 1235)

Coacutemo obtengo los valores concretos de los servidores de nombre

Mejor y antes que nada iquestcuaacuteles son todos los datos que necesitas conocer para instalar WordPressLos encontraraacutes en el siguiente artiacuteculo Contratar un servicio de hosting todo lo que debes conocerpara instalar WordPressEntre esos datos se encuentran los servidores de nombre DNS que sirven para conectar nombre dedominio y maacutequina fiacutesica en la que se aloja el blog Como ya se ha hecho notar esa conexioacuten soloes necesaria en el caso de que nombre de dominio y blog se encuentren en distinto proveedor Porejemplo si el domino midominiocom se registroacute en Piensa Solutions y el hosting en SiteGroundCada proveedor de alojamiento Web funciona de una forma pero generalmente te enviaraacute un mailcon los datos principales (entre ellos los servidores de nombre) O tuacute mismo podraacutes hallarlos en elaacuterea de cliente para lo cual usuario y password de eacuteste seraacute una informacioacuten que debes guardarsiempre a buen recaudo pues te daraacute el control total sobre tu blog

La figura 2 muestra la opcioacuten para crear dominios de CPanel A la vez que creamos el dominio seantildeade un usuario de FTP para lo cual necesitamos escribir su passwordEn algunos proveedores y dependiendo del plan contratado (servidor compartido dedicado etc) esposible que ya venga creado el dominio y su cuenta de FTP asociada

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 18: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

19

En SiteGround en cualquiera de los tres planes de hosting compartido baacutesicos tienes queelegir un nombre de dominio al registrar la cuenta y ese seraacute el laquodominio principalraquo Enese caso no necesitas crear el dominio tal y como se acaba de explicar Sin embargo sicreas laquodominios adicionalesraquo entonces tendraacutes que seguir el proceso de crear el dominioPero hazlo en al mismo nivel que la raiacutez de la instalacioacuten principal escribiendo en elcampo laquoRaiacutez del documentoraquo (ver figura 2) el valor laquopublic_htmlmidominiocomraquo Asiacuteevitaras conflictos de funcionamiento entre el blog asociado al dominio principal y losblogs de los dominios adicionales

Si los servidores de nombre del dominio ya se han propagado (lo cual es cuestioacuten de horas) y todaviacuteano hemos creado el dominio veremos una paacutegina de error al ingresar su URL en la barra de direccionesdel navegador

Si accedes al servidor FTP (normalmente del estilo ldquoftpmidominiocomrdquo) mediante un clientede FTP o a traveacutes del administrador de archivos de CPanel veraacutes el contenido de tu espacio dealmacenamiento vacio (ver figura 3) En algunos casos veraacutes alguna carpeta creada por defectocomo por ej ldquocgi-binrdquo Solo podraacutes acceder a ldquoftpmidominiocomrdquo si se han propagado ya losservidores de nombre despueacutes de apuntar al servidor de hosting desde el servicio de registro deldominio

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 19: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

20

Un truco para comprobar que tu espacio Web (ahora vacio) estaacute funcionando es antildeadir un archivoldquoindexhtmlrdquo a la carpeta raiz (ver figura 4) Haz esto utilizando un cliente de FTP o el admin-istrador de archivos de CPanel o la aplicacioacuten de control proporcionada por tu proveedor de serviciosNormalmente con cualquier cliente de FTP puedes no solo subir y descargar archivos sino tambieacutencrearlos Simplemente escribe una liacutenea similar a la siguiente en el archivo ldquoindexhtmlrdquo ldquoEstamosapretando las tuercas en midominiocomrdquo

Va a serte muy uacutetil la lectura del siguiente artiacuteculo donde se especifica detalladamentelos primeros pasos en SiteGround tras abrir una cuenta y antes de instalar WordPressSiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuenta

Crear la base de datos

Los pasos dados hasta aquiacute son suficientes para tener tu Web preparada para albergar cualquier con-tenido De hecho ya tienes una Web muy simple configurada Al ingresar la URL ldquomidominiocomrdquoen la barra de direcciones del navegador aparece una paacutegina que dice ldquoEstamos apretando las tuercasen midominiocomrdquo iexclY eso es precisamente lo que estamos haciendoCuando instalemos WordPress lo que conseguiremos es rellenar de carpetas y archivos la raiz detu espacio de almacenamiento (ese que ahora se encuentra casi vacio tan solo con un tiacutemido ldquoin-dexhtmlrdquo) )

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 20: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

21

Existen dos formas de instalar WordPress como veremos en el capiacutetulo siguiente manual y au-tomaacutetica La creacioacuten de la Base de Datos solo es preciso llevarla a cabo si nos decidimos por laopcioacuten manualWordPress trabaja con una base de datos MySQL y antes de comenzar la instalacioacuten es preciso crearlaLa figura 5 te muestra coacutemo se crea una nueva base de datos denominada ldquomidominio_bd1rdquo Puedesdarle cualquier nombre a la base de datos de WordPressAcerca de las particularidades y funcionamiento de una base de datos de MySQL hablaremos en unproacuteximo capiacutetulo de esta serie

Crear el usuario de acceso a la base de datos

En la figura 6 se muestra la forma de crear un usuario (por ej ldquomidominiousr1rdquo) para la base dedatos Para ello tan solo hay que escribir su nombre y una contrasentildea

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 21: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

22

Asociar base de datos y usuario

A continuacioacuten es necesario asociar el usuario que acabamos de crear con la base de datos mediantela opcioacuten mostrada en la figura 7 asignando los permisos adecuados tal y como se observa en lafigura 8

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 22: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

23

phpMyAdmin es la herramienta a usar para trabajar con la Base de datos de Wordpress (prueba lademo en demophpmyadminnet)Tambieacuten veremos en un proacuteximo capiacutetulo de la Guiacutea del recieacuten llegado a WordPress algunos detallesde lagestioacuten de la base de datos con phpMyAdmin De momento ingresa en la opcioacuten de tu panelde control para comprobar (ver figura 9) que la base de datos se encuentra vacia (sin tablas)iquestPreparado para instalar WordPress iexclallaacute vamos

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 23: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

5 Coacutemo se hace una instalacioacuten manualde WordPress

Estaacutes leyendo el quinto capiacutetulo de la Guiacutea del recieacuten llegado a WordPress Aquiacute aprenderaacutes coacutemose hace una instalacioacuten manual de WordPress En entregas anteriores se ha explicado la forma deregistrar un nombre de dominio y coacutemo contratar un servicio de alojamiento Web a la vez que lopreparamos para la instalacioacuten de WordPress configurando el dominio

Para una instalacioacuten automaacutetica con un clic revisa el siguiente artiacuteculo Coacutemo crear unblog en 5 minutos

En queacute directorio del hosting hay que alojar nuestro blog

Lo primero que hay que hacer es acudir al espacio de alojamiento de nuestro hosting y comprobar queahiacute se encuentra la carpeta public_html (ver figura 1) o la que determine tu proveedor de serviciospara tu espacio de almacenamiento

24

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 24: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

25

Como ejemplo para este tutorial suponemos que vamos a instalar WordPress para el dominioldquotumblesferacomrdquo Si este dominio fuese un dominio adicional (no el principal de nuestra cuenta)nos asegurariacuteamos tambieacuten de que la carpeta ldquotumblesferacomrdquo cuelga de la raiacutez del hostingIngresaremos en la opcioacuten ldquoAdministrador de archivosrdquo de CPanel (o de cualquier otra herramientaque nos proporcione el proveedor de servicios del hosting) y haremos clic en la carpeta ldquotumbles-feracomrdquo (o en laquopublic_htmlraquo si se trata del dominio principal) con el fin de asegurarnos de queestaacute vacia Si no es asiacute seleccionaremos la opcioacuten ldquoSeleccionar todordquo y ldquoEliminarrdquo para borrar todoslos archivos

Desde doacutende descargar WordPress

A continuacioacuten descarga en tu ordenador el paquete de software de la aplicacioacuten (la uacuteltima versioacuten)desde la paacutegina wordpresscomdownload Haz clic en el botoacuten ldquoDownload WordPress XXXrdquo (verfigura 2) En el momento de escribir estas liacuteneas la versioacuten maacutes reciente es la 473No te preocupes ahora del idioma de la aplicacioacuten Maacutes adelante podraacutes instalar la traduccioacutencorrespondiente

Lo que viene a continuacioacuten es un tutorial sencillo para explicar coacutemo se hace unainstalacioacuten manual de WordPress Para una informacioacuten maacutes completa te recomiendoleer Coacutemo se instala WordPress en un servidor WebTambieacuten te invito a leer dos artiacuteculos de corte avanzado La guiacutea definitiva para clonarWordPress y Coacutemo migrar un blog de Blogger a WordPress sin morir en el intento

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 25: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

26

Coacutemo se hace una instalacioacuten manual de WordPress

iexclEs hora de pasar a la accioacuten La magia de un panel de administracioacuten de archivos como CPanel nosva a permitir subir raacutepidamente el software sin preocuparnos de descomprimir el paquete descargadoni de modificar ninguacuten archivo como se muestra en la figura 3 situacuteate en la carpeta de tu blog si vasa trabajar con un dominio adicional (en nuestro ejemplo ldquotumblesferacomrdquo) o en laquopublic_htmlraquosi es el dominio principal Haz clic en ldquoCargarrdquo

Es muy importante que entiendas esta diferencia Si tienes un servidor dedicado en elque se pueden definir varios dominios adicionales la carpeta de la instalacioacuten seraacute ladel dominio que cuelga de laquohomeraquo Sin embargo si tu blog se encuentra alojado enun servidor compartido con un solo dominio situacuteate en la carpeta laquopublic_htmlraquo Estodetermina el lugar donde hay que realizar la instalacioacuten por lo que es vital que sigas estadirectriz

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 26: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

27

Subir el archivo zip con el software

Ahora selecciona el archivo zip con el paquete de software descargado de WordPressorg (no hacefalta que lo descomprimas antes de subir nada al servidor) haciendo clic en ldquoSeleccionar archivordquo(ver figura 4)

Una vez completada la transferencia del archivo zip haz clic en el enlace ldquoVolver ahelliprdquo tal y como semuestra en la figura 5

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 27: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

28

Descomprimir el archivo zip

Para descomprimir el archivo selecciona el archivo y haz clic en ldquoExtraerrdquo (ver figura 6)

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 28: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

29

Para indicar al administrador de archivos el sitio en el que se extraeraacuten los archivos tienes queescribirlo en la ventana abierta para ese propoacutesito Elige pues ldquotumblesferacomrdquo como destino (opublic_html si tu blog estaacute alojado en un servidor compartido con un uacutenico dominio principal) tal ycomo se muestra en la figura 7 y aprieta el botoacuten ldquoExtract filesrdquo Recuerda que ldquotumblesferacomrdquo (opublic_html tal como dijimos antes) es la carpeta destino de nuestra instalacioacuten y que se encontrabatotalmente vacia antes de empezar

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 29: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

30

Ahora sin embargo posee dos archivos el zip descargado de WordPressorg con los archivos y lacarpeta ldquowordpressrdquo con el resultado de extraer los ficheros de dicho zip (ver figura 8) Lo que vamosa realizar a continuacioacuten es mover el contenido de la carpeta ldquowordpressrdquo un nivel maacutes arriba

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 30: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

31

Mover los archivos a la raiacutez de la instalacioacuten

Para mover todos los archivos de la carpeta ldquowordpressrdquo a la raiz de tu dominio (una carpetao public_html) haz clic en ldquowordpressrdquo en la ventana de la figura 8 selecciona todos losficheros con la opcioacuten ldquoSeleccionar todordquo aprieta ldquoMover archivosrdquo escribe el destino ldquopub-lic_htmltumblesferacomrdquo y pulsa el botoacuten ldquoMove filesrdquo (ver figura 9) Recuerda que si tu blog estaacutealojado en un servidor compartido con un uacutenico dominio la carpeta de destino seraacute simplementeldquopublic_htmlrdquo Lo habitual en la mayoriacutea de los casos es que tu blog se encuentre alojado en unservidor compartido con un uacutenico dominio ya que es la solucioacuten maacutes adecuada para empezar (porcoste y facilidad de configuracioacuten)

La figura 10 muestra el contenido de la carpeta ldquopublic_htmltumblesferacomrdquo (la raiz de tudominio recuerda que puede ser solo ldquopublic_htmlrdquo si tu blog estaacute alojado en un servidor compartidocon un uacutenico dominio) una vez movidos los archivos desde la carpeta ldquowordpressrdquo y borradas tantoeacutesta uacuteltima como el zip con el paquete de software Estos dos elementos ya no son necesarios ydebes borrarlos por seguridad

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 31: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

32

Instalar

Tenemos todo preparado para llevar a cabo la instalacioacuten Escribe ldquohttpwwwtumblesferacomwp-admininstallphprdquo (o simplemente ldquohttptumblesferacom) en la barra de direcciones de tunavegador para ejecutar el programa de instalacioacuten y haz clic en el botoacutenrdquoCreate a configuration filerdquo(ver figura 11)

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 32: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

33

La figura 12 muestra la ventana en la que tienes que escribir los datos de la base de datos creadapreviamente Tienes que proporcionar el nombre de la base de datos su usuario y password EnldquoDatabase hostrdquo escribe ldquolocalhostrdquo y en ldquoTable prefixrdquo pon ldquowp_rdquo Para continuar haz clic en elbotoacuten ldquoSubmitrdquo

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 33: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

34

Proporcionar los datos baacutesicos

Si la ejecucioacuten del paso previo es satisfactorio veraacutes una pantalla como la que se observa en la figura13 Ahiacute debes facilitar el nombre del blog una direccioacuten de e-mail vaacutelida el nombre de usuario yuna password para entrar al panel de administracioacuten Es recomendable que no uses el nombre pordefecto (Admin) por seguridad ya que ese seraacute el primero que prueben los hackers -) Para instalaraprieta el botoacuten ldquoInstall WordPressrdquo

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 34: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

35

iexclInstalacioacuten finalizada

La figura 14 muestra la pantalla que significa la finalizacioacuten correcta de la instalacioacuten de WordPressHaz clic en el botoacuten ldquoLog inrdquo para entrar en el panel de administracioacuten

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 35: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

36

iexclY eso es todo ya puedes publicar tu primer post o ver el aspecto que tiene el blog con una plantillapor defecto (ver figura 15) tecleando el dominio de tu blog en la barra de direcciones del navegador

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 36: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

6 Coacutemo funciona WordPress

Este es un capiacutetulo maacutes (el 6ordm) de la Guiacutea del recieacuten llegado a WordPress en el que te ensentildeareacute coacutemofunciona WordPress El objetivo de esta serie es el aprendizaje de forma praacutectica y sencilla de lamejor plataforma de publicacioacuten de blogsGracias a las entregas anteriores ya sabes registrar un dominio contratar y configurar el hostinge instalar la aplicacioacuten Es hora de avanzar un poco y en este artiacuteculo aprenderaacutes los elementosfundamentales de la aplicacioacuten y su estructura general

Coacutemo funciona WordPress los archivos principales

En [el capiacutetulo anterior](httpwwwblogpocketcom20130805instalar-wordpress-guia-recien-llegadoldquo)se ha explicado el meacutetodo maacutes sencillo y directo con el fin de instalar WordPress Ese es un procesopara el que no se requiere ninguacuten conocimiento previo especial Sin embargo en esta entrega deLa guiacutea del recieacuten llegado a WordPress te voy a indicar la estructura baacutesica de la aplicacioacuten lascarpetas y archivos principales que la componen y los pasos que requiere una instalacioacuten manualmaacutes detallada

37

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 37: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

38

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 38: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

39

La imagen anterior corresponde a una infografiacutea que publiqueacute en Blogpocket dentro del postAprendela estructura baacutesica de carpetas de WordPressTodos esos archivos y carpetas se encuentran en la raiz de tu hosting y de ellos solo hay dos queno puedes borrar nunca la carpeta wp-content y el archivo wp-configphp El primero contiene tusplugins y los themes a los que dedicaremos sendos capiacutetulos venideros de esta guiacutea Tambieacuten veraacutesen esa carpeta por ejemplo las imaacutegenes que adjuntes a tus posts Esa carpeta representa en granparte la configuracioacuten de tu blog y por ello es esencialEl archivo wp-configphp es el archivo en el que fundamentalmente estaacuten los valores de conexioacuten ala base de datosLas carpetas wp-admin y wp-includes contienen el software para hacer funcionar a la aplicacioacuten y nose modifican nunca asiacute que siempre puedes sobreescribir sus elementos por ejemplo en el caso deactualizacioacuten de versiones

Observa la infografiacutea anterior y fiacutejate en sus archivos Familiariacutezate con las siguientescarpetaswp-admin es la carpeta que contiene los archivos relacionados con la administracioacuten dela aplicacioacutenwp-includes es la carpeta que contiene los archivos relacionados con el funcionamientode la aplicacioacutenwp-content es la carpeta que contiene todos los elementos relativos al contenido(archivos multimedia plantillas plugins etc)De esas tres carpetas la uacutenica que sufriraacute modificaciones una vez instalada la aplicacioacutenes wp-content porque almacenaraacute themes (plantillas) imaacutegenes subidas al servidor tuspropios plugins etc Te recomiendo que realices con frecuencia una copia de respaldode esa carpetaDel resto de archivos el uacutenico que contendraacute modificaciones una vez instalada laaplicacioacuten es ldquowp-configphprdquo (lo primero que deberaacutes hacer recieacuten descomprimido elarchivo zip de WordPress (ver capiacutetulo anterior laquoCoacutemo se hace una instalacioacuten manualde WordPressraquo) es renombrar ldquowp-config-samplephprdquo como ldquowp-configphprdquo) Esefichero se utiliza para personalizar tu instalacioacuten Entre los paraacutemetros importantes seencuentran el usuario y password de acceso a la base de datos como ya se vio en dichocapiacutetulo de instalacioacuten de WordPressPor lo tanto una vez que la aplicacioacuten se encuentre en funcionamiento y cada vez querealices modificaciones haz backup de ldquowp-contentrdquo y ldquowp-configphprdquo El resto decarpetas y archivos se pueden recuperar del fichero ldquowordpress-341ziprdquo

El archivo de configuracioacuten

El archivo wp-configphp sirve para definir una serie de valores necesarios para el funcionamientodel blog Si quieres instalar manualmente WordPress tras descomprimir el archivo en formatozip con el paquete de la aplicacioacuten y subir los ficheros al servidor debes introducir los siguientesvalores credenciales de la base de datos claves uacutenicas y prefijo de la base de datos Sigue los pasosespecificados a continuacioacuten para personalizar el archivo de configuracioacuten

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 39: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

40

1 El archivo de configuracioacuten por defecto se denomina wp-config-samplephp Lo primero quehay que hacer es renombrarlo a wp-configphp

2 Abre el archivo wp-configphp en un editor de coacutedigo (si utilizas un cliente de FTP lo maacutesseguro es que tambieacuten incluya un editor de ficheros) Al principio del archivo veraacutes una seccioacutenllamada ldquoMySQL settingsrdquo Ahiacute es donde hay que introducir el nombre de la base de datosel nombre del usuario y la contrasentildea de la base de datos Vuelve al capiacutetulo Configurar undominio si necesitas refrescar informacioacuten

3 (opcional) Busca ahora la seccioacuten ldquoAuthentication Unique Keys and Saltsrdquo Si rellenas estaseccioacuten con las claves uacutenicas aumentaraacutes la seguridad de tu blog Visita el servicio de generacioacutende claves uacutenicas de WordPress y reemplaza los valores por defecto por los que aparecen en esapaacutegina

4 (opcional) Busca finalmente la seccioacuten ldquoWordPress Database Table prefixrdquo y cambia elprefijo por defecto ldquowp_rdquo a otro con el fin de prevenir ataques automatizados a la base dedatos

Para incluir el usuario y la password de la base de datos del paso anterior en el archivoldquowp-configphprdquo ediacutetalo y sustituye los siguientes valores que fueron asignados cuandose creoacute la base de datosldquodatabase_name_hererdquo por el nombre de la base de datosldquousername_hererdquo por el nombre del usuario de la base de datosldquopassword_hererdquo por la contrasentildea de acceso a la base de datos

El archivo htaccess

El archivo htaccess no es propio de WordPress pero se emplea en la aplicacioacuten para hacer funcionara los permalinks Los enlaces permanentes son las URLs amigables de cada post algo que es muyimportante de cara al posicionamiento en buscadores de tu blog Sin permalinks los posts de un blogde WordPress tienen el siguiente estilo httpmidominiocomp=123 Y con permalinks gozan delsiguiente aspecto httpmidominiocompost-importanteEl archivo htaccess es un archivo invisible por defecto (dependiendo del sistema operativo) Nor-malmente se puede cambiar la opcioacuten para visualizar archivos invisibles o emplear un cliente deFTPPara maacutes informacioacuten acerca del archivo htaccess puedes acudir a la paacutegina siguiene httphtaccessbookcomEn Blogpocket iquestQueacute es htaccessNo hay que olvidar que WordPress es una aplicacioacuten Web que se ejecuta en un servidor respondi-endo las peticiones que realiza el usuario desde su navegador y devolviendo a eacuteste paacuteginas HTMLelaboradas en base a dichas peticiones El lenguaje utilizado por la aplicacioacuten es PHP lo que permiteprogramar accesos a la base de datos para guardar y recuperar posts comentarios etcLee ahora la Introduccioacuten a la terminologiacutea de WordPress

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 40: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

41

Los famosos 5 minutos de la instalacioacuten de WordPress

La instalacioacuten manual de WordPress se ha visto en el capiacutetulo anterior Pero la vamos a resumira continuacioacuten con objeto de que veas su relacioacuten con la estructura de carpetas y ficheros que seacaba de indicarEl proceso siguiente se conoce con el apelativo de ldquolos famosos 5 minutosrdquo

1 Descarga y extrae el paquete de WordPress si auacuten no lo has hecho2 Crea una base de datos para WordPress en tu servidor web asiacute como un usuario de MySQL

que tenga todos los privilegios para poder operar con ella3 Renombra el archivo wp-config-samplephp con el nombre wp-configphp4 Abre wp-configphp en tu editor de texto y completa los datos para tu base de datos5 Coloca los archivos de WordPress en la ubicacioacuten deseada en tu servidor web

bull Si quieres integrar WordPress en la raiz de tu dominio (ej httpmidominiocom) mueve osube los contenidos del directorio donde WordPress fue extraido al directorio raiz de tu servidorweb

bull Si quieres que la instalacioacuten tenga su propio subdirectorio en tu sitio web (ej httpmidominiocomblog) renombra el directorio wordpress al nombre que desees y mueacutevelo osuacutebelo a tu servidor web Como ejemplo si quieres tu instalacioacuten en un subdirectorio llamadoldquoblogrdquo deberaacutes renombrar el directorio ldquowordpressrdquo a ldquoblogrdquo y subirlo al directorio raiz de tuservidor web

1 Ejecuta el script de instalacioacuten de WordPress escribiendo wp-admininstallphp en tu naveg-ador web preferido

bull Si instalaste WordPress en el directorio raiz deberaacutes ir a httpmidominiocomwp-admininstallphp

bull Si instalaste WordPress en su propio subdirectorio llamado blog deberiacuteas visitar httpmidominiocomblogwp-admininstallphp

En Coacutemo instalar WordPress en un servidor Web encontraraacutes de forma detallada y completa los dosmeacutetodos para instalar la aplicacioacuten manual y automaacuteticamente

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 41: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

7 Queacute es el dashboard de WordPress ycoacutemo se publica contenido

Este es el capiacutetulo 7 de la Guiacutea del recieacuten llegado a WordPress en el que aprenderaacutes queacute es eldashboard de WordPress (escritorio o panel de control) y coacutemo publicar posts en tu blogCon esta guiacutea estaacutes adquiriendo los conocimientos fundamentales para construir un blog profesionaldesde cero

Queacute es el dashboard de WordPress

Si accedes al dashboard de WordPress escribiendo httpwwwmiblogcomwp-admin en la barrade direcciones del navegador y tras identificarte con tus credenciales veraacutes una pantallas similar a laque se muestra en la imagen inmediatamente superiorComo puedes observar el escritorio se divide baacutesicamente en tres partes Una columna a la izquierdacon todas las opciones disponibles (1) un cuerpo a su derecha que presenta informacioacuten detallada(2) y una barra de navegacioacuten arriba (4)

42

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 42: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

43

Ademaacutes es posible eliminar bloques (puedes dejar un escritorio maacutes limpio si lo prefieres) empleandolas opciones de pantalla a partir del menuacute que puedes activar haciendo clic en el botoacuten ldquoOpcionesde pantallardquo (3)Fiacutejate en la imagen que viene a continuacioacuten con todas las opciones de pantalla disponibles (5)Cada ventana del escritorio tiene sus propias opciones que puedes quitar y poner mediante estemecanismo

La barra de navegacioacuten

La barra de navegacioacuten citada anteriormente es muy uacutetil porque presenta un resumen de las opcionesmaacutes importantes Ademaacutes puedes antildeadir tus propias funciones lee el artiacuteculo Diacute hola al archivofunctionsphp de WordPress

Desde la barra de navegacioacuten puedes acceder a la paacutegina de actualizaciones del sistema (observa enla figura inmediatamente superior y observa el icono con el siacutembolo del reciclaje) A la paacutegina deactualizaciones tambieacuten se llega mediante la opcioacuten Escritorio gt Actualizaciones (6) Un nuacutemeritodentro de un ciacuterculo indica la cantidad de ellas que se encuentran pendientesEn la paacutegina de actualizaciones puedes realizar tanto las subidas de versioacuten del software de WordPresscomo las de plugins y themes

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 43: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

44

Coacutemo saber si tienes que realizar una actualizacioacuten del software

Es muy faacutecil porque solo debes acudir al apartado laquoEscritorio gt Actualizacionesraquo y alliacute se indicantodas las actualizaciones pendientes tanto del software base de WordPress como de los pluginsthemes y traducciones Haz clic en el botoacuten de actualizar correspondiente Para plugins y themespuedes emplear la opcioacuten masiva o laquoacciones en loteraquo seleccionando todos aquellos que deseesactualizarEn la esquina inferior derecha del dashboard de WordPress se muestra la versioacuten actual que tienesinstalada y si existe disponible otra nueva para descargar se indicaraacute con la palabra laquoGetraquo (Obteacuten)

Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin

En el caso de los plugins si tienes activos e inactivos (algo que no es recomendable) te sugieroque vayas al apartado laquoPlugins gt Plugins instaladosraquo y selecciones la opcioacuten laquoActivosraquo Ahiacute veraacutesindicados todos los plugins que debes actualizar Seleccioacutenalos y usa la opcioacuten de actualizacioacutenmasiva para subirlos de versioacuten automaacuteticamenteAmpliacutea la informacioacuten acerca de las instalaciones de WordPress leyendo el artiacuteculo Coacutemo hacer unaninstalacioacuten manual de WordPress y Coacutemo funciona WordPress

Si quieres evitar que WordPress actualice automaacuteticamente software plugins themes ytraducciones para estar maacutes tranquilo antildeade la siguiente instruccioacuten al archivo laquowp-configphpraquo laquodefine( lsquoAUTOMATIC_UPDATER_DISABLEDrsquo true )raquoYo te recomiendo que lo hagas asiacute esteacutes atento a los mensajes de actualizaciones pen-dientes y lleves a cabo eacutestas de forma manual tal y como se ha indicado anteriormenteSi solo quieres que se actualice automaacuteticamente el software de WordPress antildeade alaquowp-configphpraquo la sentencia laquodefine( lsquoWP_AUTO_UPDATE_CORErsquo true ) raquo Estoharaacute que no tengas que estar preocupado de las actualizaciones laquomenoresraquo (por ejemplode 473 a 474) Las actualizaciones laquomayoresraquo (por ej de 47 a 48) siempre seraacutenmanuales

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 44: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

45

Coacutemo publicar posts en WordPress

La imagen que ves justo encima de estaacute liacutenea contempla la pantalla con todas los posts o entradasde la base de datos de tu blog (7) Esta paacutegina te permitiraacute gestionar tus posts en bloque (Accionesen lote) o uno a unoEn primer lugar puedes ver todos los posts solo los publicados los que se encuentran en estadoldquoborradorrdquo o los que estaacuten en la papelera Con las ldquoacciones en loterdquo puedes por ejemplo eliminarde un plumazo un grupo de entradas Aunque eacutestas requeriraacuten una limpieza definitiva yendo a laldquopapelerardquo y borraacutendolos definitivamentePara actuar sobre un uacutenico post puedes situar el cursor encima de cualquiera de ellos y veraacutes conefecto ldquohoverrdquo debajo de su tiacutetulo un pequentildeo menuacute con cuatro opciones Editar Edicioacuten raacutepidaPapelera y Ver La edicioacuten raacutepida te presenta una versioacuten muy reducida del editor de entradas uacutetilsi solo quieres cambiar pequentildeas cosas

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 45: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

46

La figura que puedes ver inmediatamente arriba muestra la pantalla con el editor de entradas Observalas partes que lo componen En primer lugar un espacio para escribir el tiacutetulo (7) con una opcioacutenjusto debajo para editar el denominado slug o sufijo del permalink Luego tenemos la caja paraescribir el texto (9) con dos pestantildeas (8) que nos proporcionaraacute dos meacutetodos el editor visual (norequiere conocimientos de HTML) y el editor HTML para el que siacute se necesita saber algo del lenguajede creacioacuten de paacuteginas WebUna vez que hemos escrito el texto podemos programar su publicacioacuten guardarlo como borradorver una vista previa o publicarlo directamente Todo ello mediante los botones y desplegables queencontraremos en el bloque de la derecha (10)Tambieacuten puedes rellenar un breve resumen del contenido a publicar (11) ya que eso en algunosthemes es lo que veraacute el lector antes de entrar a leerlo Y finalmente puedes asignar a tu post lascategoriacuteas y etiquetas (12) correspondientesEn el siguiente videotutorial se explica el funcionamiento baacutesico del editor de entradas de WordPressCoacutemo se escribe el tiacutetulo el texto y el extracto de un post coacutemo se antildeade una imagen y coacutemo seasignan categoriacuteas y etiquetasVer tambieacuten Codex de WordPress Writing postsEl proacuteximo capiacutetulo de esta guiacutea de WordPress baacutesico estaraacute dedicado a las imaacutegenes y te ensentildeare-mos coacutemo antildeadirlas a tus posts y a gestionar tu libreriacutea de elmentos multimedia

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 46: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

8 Imaacutegenes y la libreriacutea de medios

Llegamos al capiacutetulo nuacutemero 8 de la Guiacutea del recieacuten llegado a WordPress (iexclsolo quedan 2 parafinalizar esta serie) en el que se explica coacutemo antildeadir imaacutegenes y gestionar la libreriacutea de elementosmultimedia en WordPressorg Con esta guiacutea estaacutes aprendiendo los conocimientos fundamentalespara construir un blog profesional desde cero

Gestioacuten de la libreriacutea de elementos multimedia de WordPress

Las imaacutegenes como elemento ilustrativo en los posts son esenciales y muy importantes en un blogporque entre otras cosas te ayudaraacuten a captar la atencioacuten de los lectores Subir imaacutegenes a tu blogde WordPress o crear una galeriacutea para incluirlas en un post es una tarea muy sencilla Sigue leyendoy aprenderaacutes a gestionar las imaacutegenes de tu blog

Sobre la importancia del uso de imaacutegenes para tu blog te invito a leer Por queacute debesusar imaacutegenes en un blog y coacutemo optimizarlas

Crear y configurar el directorio ldquouploadsrdquo

Lo primero que hay que hacer para poder subir imaacutegenes a tu blog es asegurarse de que existe undirectorio denominado ldquouploadsrdquo dentro de la carpeta ldquowp-contentrdquo de tu instalacioacuten de WordPressSi no existe creacutealo con permisos ldquo755rdquo Lee maacutes informacioacuten acerca del cambio de permisos en elCodex changing file permissions

47

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 47: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

48

A continuacioacuten acude a ldquoMedios gt Antildeadir nuevordquo y prueba a subir una imagen Arrastra el archivoo utiliza el botoacuten ldquoSelecciona archivosrdquo (1) Si no funciona cambia los permisos del directorioldquouploadsrdquo a ldquo775rdquo o a ldquo777rdquo

Subir nuevo medio

En WordPress un medio es cualquier archivo multimedia (imagen viacutedeo archivo etc) y la pan-talla para subir un nuevo medio permite arrastrar varios ficheros a la vez Lee el Codex para maacutesinformacioacuten acerca de la pantalla ldquoSubir nuevo mediordquo Media Add New Screen

Libreriacutea multimedia

Las imagenes subidas a tu blog puedes gestionarlas yendo a ldquoMedios gt Libreriacutea multimediardquo

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 48: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

49

WordPress permite adjuntar imaacutegenes (u otros elementos multimedia) a cualquier post o paacuteginaCada vez que subes un archivo desde el editor de posts (haciendo uso del botoacuten ldquoAntildeadir objetordquo)eacuteste queda asignado como archivo adjunto automaacuteticamente a ese post Tambieacuten existe la alternativade adjuntarlo manualmente desde la libreriacutea multimedia empleando el enlace ldquoAdjuntarrdquo que apareceal pasar el ratoacuten por la imagen en cuestioacuten Pero una vez que el archivo se adjunta ya no hay formade deshacer esa asignacioacuten Para desasignar una imagen de un post se puede utilizar uno de losmuchos plugins existentes como por ejemplo Unattach and Re-attach Media AttachmentsFiacutejate en la columna ldquoSubido ardquo de la pantalla de la libreriacutea multimedia (2) donde averiguaraacutes a queacutepost o paacutegina estaacute asignada una imagen determinadaLa pantalla de la libreriacutea multimedia es muy similar a la que permite gestionar posts paacuteginas ocategoriacuteas tambieacuten posee el menuacute para realizar acciones por lotes como por ejemplo borrar per-manentemente (3)Lee maacutes acerca de la pantalla de la libreriacutea multimedia en el Codex Media Library Screen

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 49: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

50

Editar imaacutegenes

A la pantalla de edicioacuten (ver figura inmediatamente superior) de los elementos multimedia se llegahaciendo clic en el enlace ldquoEditarrdquo que aparece al pasar el ratoacuten por cualquiera de los archivosmostrados en la pantalla de la libreriacutea multimediaEl editor de imaacutegenes se divide en 3 partes En la primera (4) de forma similar a la de posts ypaacuteginas los elementos multimedia se muestran con su ldquoTitulordquo y ldquoContenidordquo Haz clic en el botoacutenldquoEditar imagenrdquo para abrir la pantalla secundaria ldquoEditar multimediardquoEl bloque ldquoGuardarrdquo (5) sirve para ver la informacioacuten del archivo borrarlo y modificar los valoreshaciendo clic en el botoacuten ldquoActualizarrdquoEn el bloque (6) se pueden modificar los valores ldquoLeyendardquo ldquoDescripcioacutenrdquo y ldquoTexto alternativordquoque no son obligatorios pero que sirven a efectos de SEO

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 50: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

51

En la pantalla secundaria ldquoEditar multimediardquo encontraraacutes encima de la vista de la imagen botonespara ajustarla con acciones tiacutepicas como la rotacioacuten (7) Con el bloque (8) podraacutes modificar eltamantildeo de la imagen y cambiar tanto la relacioacuten de su aspecto como la seleccioacuten de recorte Hazclic en ldquoEscalar imagenrdquo para obtener maacutes opciones Y si necesitas maacutes informacioacuten haz clic en elenlace ldquoAyudardquoFinalmente el panel (9) te proporciona una herramienta para modificar los tamantildeos de la miniaturade la imagen

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 51: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

52

Insertar objeto

La pantalla ldquoInsertar objetordquo se utiliza para antildeadir un nuevo elemento multimedia a la libreriacutea ala vez que se asigna a un determinado post mientras estamos trabajando en el editor de postsTambieacuten sirve para crear galeriacuteas asignar la imagen destacada etc A esta pantalla se llega haciendoclic en el botoacuten ldquoAntildeadir objetordquo dentro del editor de postsEn todos los casos se puede elegir una o varias de las imaacutegenes de la libreriacutea (10) subir un nuevoarchivo o insertarlo desde una URLAdemaacutes de asignar una imagen a un post se puede crear una galeriacutea (una serie de imagenes que sevisualizaraacute en forma de rejilla) o determinar la imagen destacada (11)Muchos themes de WordPress emplean la que se denomina ldquoimagen destacadardquo En esas plantillasno es necesario que antildeadas ninguna imagen al contenido del post (habitualmente mediante el editorvisual o utilizando la instruccioacuten ldquoimgrdquo en HTML) porque automaacuteticamente se visualizaraacute la imagendestacada Lo uacutenico que debes realizar en ese caso es asignar haciendo uso de la pantalla ldquoInsertarobjetordquo un imagen destacada al post Pero un post en ese tipo de themes puede llevar imagendestacada y ademaacutes otras imaacutegenes antildeadidas mediante el editor visual o la instruccioacuten ldquoimgrdquo deHTML

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 52: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

53

Ajustes de medios

Cuando subes una imagen a WordPress se crean automaacuteticamente tres archivos con tamantildeos difer-entes en el directorio ldquouploadsrdquo junto al archivo en la proporcioacuten original Estos son lo siguientes

bull Tamantildeo miniatura 150 x 150 pixelsbull Tamantildeo medio 300 x 300 pixelsbull Tamantildeo grande 1024 x 1024 pixels

Por ejemplo si subes una imagen cuadrada (el mismo alto y ancho) dentro de un archivo denominadldquoimagenpngrdquo se crearaacuten los tres siguientes archivos

bull imagen-150x150pngimagen-300x300png

bull Image-1024x1024png

Pero si la imagen no es cuadrada los nombres de los archivos dependeraacuten de la proporcioacuten que poseael archivo originalEsos son los valores por defecto pero si quieres cambiarlos acude a la pantalla ldquoAjustes de mediosrdquoyendo a ldquoAjustes gt MediosrdquoAhiacute tambieacuten podraacutes desactivar la opcioacuten ldquoOrganizar mis archivos subidos en carpetas basadas en mesy antildeordquo si no quieres crear subcarpetas por mes y antildeo dentro del directorio ldquouploadsrdquo

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 53: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

9 Los themes de WordPress

Este es el capiacutetulo 9 (penuacuteltimo) de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los themesde WordPress a configurarlos e instalarlos Con esta guiacutea estaacutes adquiriendo los conocimientosfundamentales para construir un blog profesional desde cero

Queacute son los themes de WordPress

WordPressorg permite personalizar el aspecto de cada blog en base a la instalacioacuten de plantillas(ldquothemesrdquo en ingleacutes) Los themes se descargan de repositorios diversos (oficiales de pago o decualquier otro sitio) e incluso tuacute puedes desarrollarlos si conoces el lenguaje PHP y la gestioacuten debases de datos MySQLCuando instalas WordPress existe un theme por defecto que puedes utilizar sin ninguacuten problemapara que empieces a publicar posts desde el minuto 1

54

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 54: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

55

Apariencia

En la figura 1 se muestra la pantalla de ldquoApariencia gt Temasrdquo dentro del panel de administracioacutende WordPressorg Ese es el sitio para administrar los themes Observa las opciones disponibles enla columna lateral Temas Personalizar Widgets Menuacutes y Theme options Pero cuando haces clicen ldquoTemasrdquo es cuando ingresas en esta pantalla Fiacutejate tambieacuten que existen en la parte superiordos pestantildeas ldquoAdministrar temasrdquo e ldquoInstalar temasrdquo La pestantildea de administracioacuten de temas es laque se observa en la figura 1 y sirve entre otras cosas para activarlos (ponerlos en funcionamiento)Dentro del tema actual aparecen las mismas opciones que en la columna lateral Ahiacute puedes person-alizar el tema cambiando el tiacutetulo del sitio y los colores de los links por ejemploEn temas disponibles se muestran los que estaacuten instalados pero no estaacuten activos Haz clic en ldquoVistapreviardquo para ver coacutemo quedariacutea una vez activadoPara explorar e instalar nuevos themes haz clic en la pestantildea ldquoInstalar temasrdquo Si quieres habilitarcualquier theme que se encuentre en la lista de disponibles haz clic en ldquoActivarrdquo Eso desactivaraacute eltema actual y pondraacute en funcionamiento el nuevoEn la pestantildea de ldquoInstalar themesrdquo puedes usar la caja de buacutesqueda para encontrar themes filtrandopor palabras clave O ir seleccionando caracteriacutesticas para buscar un theme basaacutendote en unasdeterminadas Finalmente haz clic en el botoacuten ldquoBuscar temasrdquoCuando descargues el archivo zip haz clic en ldquoSubirrdquo para subirlo al servidor e instalarloLa instalacioacuten automaacutetica de themes seguacuten el proceso que acabamos de ver requiere que el direc-torio ldquowp-contentuploadsrdquo posea los permisos adecuados (leer acerca de los permisos del directoriouploads enImaacutegenes y gestioacuten de la libreriacutea de elementos multimedia de WordPress)La instalacioacuten manual implica subir los archivos de la plantilla a wp-contentthemes y activarlo seguacutenel meacutetodo visto anteriormente en ldquoApariencia gt Themesrdquo

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 55: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

56

La configuracioacuten de un theme se realiza utilizando las opciones indicadas antes de personalizarmenuacutes y theme options de la columna lateral izquierda del escritorio de WordPress Y con loswidgets claro estaacute (ver siguiente apartado)Aprende maacutes sobre la estructura interna de los themes y su jerarquiacutea Template Hierarchy

Widgets

Un widget es un pequentildeo programa que ampliacutea las funcionalidades de un theme Para que un widgetpueda instalarse en un theme eacuteste debe admitirlos y estar codificado para su usoLa figura 2 muestra la pantalla de widgets Una vez que se activa un theme que soporta widgetsingresa en esta pantalla para gestionarlos mediante la opcioacuten ldquoApariencia gt Widgetsrdquo Como ves enesa pantalla los widgets disponibles se encuentran a la izquierda y las aacutereas del theme que admitenwidgets a la derecha Para habilitar un widget arraacutestralo desde la izquierda a la columna de laderecha Una vez habilitado cada widget posee sus opciones de configuracioacuten Para ello abre elwidget pulsando en el pequentildeo triaacutengulo que aparece a la derecha de su nombre Cuando terminesde configurarlo haz clic en el botoacuten ldquoGuardarrdquoPara borrar un widget haz clic en el enlace ldquoBorrarrdquo que veras cuando lo abres o simplemente ar-raacutestralo hacia la izquierda para desactivarlo Si quieres desactivarlo pero mantener su configuracioacutenarraacutestralo hasta el aacuterea de widgets inactivosAprende maacutes sobre los widgets WordPress Widgets (Codex) y en Plugins etiquetados con ldquowidgetrdquoen el directorio oficial de plugins de WP

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 56: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

57

La potencia de los themes

Realmente un theme no sirve solo para establecer la apariencia de un blog Un theme es un conjuntode archivos una combinacioacuten de programas escritos en lenguaje PHP y hojas de estilo Y puedecontener otro tipo de elementos como javascripts imaacutegenes etcEso junto con los plugins convierte a WordPress en una extraordinaria maquinaria para construirtodo tipo de Webs desde el maacutes sencillo de los blogs hasta un complejo sitio de e-commerceDentro de los archivos php de un theme se utiliza el denominado Loop de WordPress el mecanismode programacioacuten que permite extraer posts de la base de datos y mostrarlos en el blog (o sitio puescomo ya hemos indicado con WordPress se puede implementar cualquier tipo de Web) Aprendemaacutes acerca del loop en El loop en accioacuten y en Category TemplatesSi te interesa desarrollar tu propio tema o aprender maacutes sobre la arquitectura de los themes ThemeDevelopment

Doacutende encontrar themes

En primer lugar investiga el directorio oficial de ThemesHay muchos sitios para encontrar themes pero es aconsejable no instalar cualquiera sino aqueacutel que tegarantice cierta seguridad y soporte teacutecnico En los gratuitos quizaacutes sea maacutes complicado encontrarloscon esos requerimientos lo que no te ocurriraacute si adquieres uno premium (de pago)Los mejores themes de pago los encontraraacutes en sitios como Theme Forest o Woo ThemesOtro sitio muy interesante es Studio Press que comercializa un sistema de themes (framework)denominado Genesis

Si quieres darle a tu blog un aspecto profesional con themes bien codificados con buenadocumentacioacuten y soporte teacutecnico lo mejor es que adquieras el framework Genesis deStudioPress En el siguiente artiacuteculo tienes un ejemplo de coacutemo se configura Coacutemoconfigurar un theme de Framework Genesis para WordPress

Coacutemo desarrollar tu propio theme

En los siguientes enlaces encontraraacutes la informacioacuten necesaria para aprender a desarrollar tu propiotheme

bull Developing Your First WordPress Themebull How to Customize a WordPress Theme A Comprehensive Guidebull How To Make Twenty Fourteen (Or Any Other WP Theme) Super

Para desarrollar tu propio theme te recomiendo Components un sistema basado en ltahref=ldquohttpunderscoresmerdquoUnderscorescharrdquo003Crelaxa que te permite crearthemes desde cero faacutecilmente Maacutes informacioacuten Introducing Components A Toolboxfor WordPress Theme Development

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 57: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

10 Los plugins de WordPress

Este es el uacuteltimo capiacutetulo de la Guiacutea del recieacuten llegado en el que aprenderaacutes queacute son los plugins deWordPress y como se instalan Esta guiacutea tiene el objetivo de proporcionar al lector los conocimientosbaacutesicos para construir un blog profesional desde cero

Queacute son los plugins de WordPress

Los plugins de WordPress quizaacutes sean la caracteriacutestica que ha motivado el eacutexito de esta plataformaUn plugin es un programa capaz de ampliar las funcionalidades de WordPress Al igual que losthemes existe un sinfiacuten de plugins para descargar y tuacute tambieacuten puedes desarrollarlos Los plugins secodifican en lenguaje PHP y pueden utilizar las funciones del software base de WordPress

La pantalla de plugins del dashboard

El escritorio de WordPress (o dashboard) posee una pantalla para gestionar los plugins (ver figura1) A ella se accede mediante la opcioacuten ldquoPlugins gt Plugins instaladosrdquo

58

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 58: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

59

De forma similar a la pantalla de themes existen una serie de opciones para seleccionar los pluginsactivos (instalados y funcionando) los inactivos (instalados pero sin funcionar) o solo aquellos de losque existe una actualizacioacuten disponible (tanto si estaacuten activos como si no)Debajo se encuentra el desplegable con las acciones en lote (activar desactivar actualizar y borrar)Para ello selecciona la opcioacuten en el desplegable y haz clic en el botoacuten ldquoAplicarrdquo Como siempre sideseas actuar sobre todos los plugins selecciona la casilla que aparece a la izquierda de la palabraldquoPluginrdquo Antildeade plugins nuevos haciendo clic en el botoacuten ldquoAntildeadir nuevordquo o desde el menuacute lateralcon la opcioacuten ldquoPlugins gt Antildeadir nuevordquo

Coacutemo se instala un plugin

Para instalar un plugin primero accede a la pantalla de ldquoAntildeadir nuevordquo (ver figura 2) Lo maacutes faacutecil essi conoces su nombre teclearlo en la caja de buacutesqueda para instalarlo directamente desde la ventanaque apareceriacutea a continuacioacuten Tambieacuten puedes buscar plugins a partir de la nube de etiquetaspopulares o haciendo clic en los enlaces ldquoPopularesrdquo ldquoDestacadosrdquo ldquoRecientesrdquo o ldquoFavoritosrdquo

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 59: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

60

En la pantalla con los resultados de buacutesqueda de plugins (ver figura 3) es posible arrancar la instalacioacutende cualquiera de ellos sin maacutes que hacer clic en ldquoInstalar ahorardquo Eso iniciaraacute el proceso de instalacioacutenautomaacutetica del plugin y al final solo tendraacutes que activarlo para ponerlo en funcionamientoPara la instalacioacuten automaacutetica de plugins es necesario poseer autorizacioacuten para utilizar FTP (usuario ypassword) Normalmente al hacer clic en ldquoInstalar ahorardquo lo primero que se pide son las credencialesde acceso por FTP al servidor Lo normal es que el servidor Web esteacute configurado para que se accedadirectamente sin pedir las credenciales FTP

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 60: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

61

Algo muy importante a la hora de elegir un plugin para instalar es fijarte en la informacioacuten que seofrece en el repositorio (ver figura 4) A ella se llega haciendo clic en ldquoDetallesrdquo enlace que aparecejunto al de ldquoInstalar ahorardquo en la pantalla correspondiente a la figura 3 Por ejemplo el plugin ofrececierta garantiacutea si se ha actualizado recientemente o si es compatible con la versioacuten maacutes reciente deWordPress El autor y el contador de descargas tambieacuten son datos a tener en cuenta

Instalacioacuten manual de plugins de WordPress

Si lo prefieres existe la posibilidad de instalar un plugin manualmente En primer lugar debesdescargarlo a tu ordenador El directorio oficial de plugins contiene 49603 en el momento de lauacuteltima actualizacioacuten de esta entrada Desde el directorio de plugins (o desde cualquier otro sitio)descarga el archivo zip Despueacutes suacutebelo empleando el enlace ldquoSubirrdquo (ver figuras 2 o 3)Tambieacuten puedes emplear un cliente cualquiera de FTP y subir los archivos del plugins (descomprim-iendo previamente el zip) a la carpeta ldquowp-contentpluginsrdquoRecuerda que siempre tras instalar un plugin (manual o automaacuteticamente) es necesario activarlopara ponerlo en funcionamiento Para ello acude a la paacutegina de plugins inactivos (ver figura 1) yhaz clic en ldquoActivarrdquo

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 61: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

62

Coacutemo desarrollo mis propios plugins

Si posees conocimientos teacutecnicos suficientes puedes desarrollar tus propios plugins Para ello solohay que emplear la API para plugins En los siguientes enlaces encontraraacutes la informacioacuten necesariapara aprender a desarrollar tus propios plugins

bull Writing a Pluginbull WordPress Essentials How To Create A WordPress Pluginbull How to Write a WordPress Plugin 12 Essential Guides and Resource

Lee tambieacuten

bull Escribiendo un pluginbull Add filterbull Hooks

Cuaacuteles son los plugins esenciales en cualquier instalacioacuten deWordPress

Baacutesicamente debes cubrir al menos las siguientes aacutereas de tu blog

bull Anti spam WordPress viene de serie con un plugin anti-spam Akismet

bull Seguridad Un aspecto fundamental de tu blog es la seguridad por lo que debes instalar unbuen plugin de seguridad Yo te recomiendo Wordfence Lee Las 10 medidas de seguridad enWordPress imprescindibles y Coacutemo configurar Wordfence el plugin de seguridad de WordPress

bull Rendimiento Los plugins recomendables para establecer un sistema de almacenamiento encacheacute son W3 Total Cache y WP Rocket (de pago) Tambieacuten tambieacuten es recomendableusar un CDN como CloudFlare Lee 10 consejos para optimizar el rendimiento de tu blogCoacutemo configurar WP Rocket y poner WordPress en un cohete e Instrucciones para configurarWP Rocket con CloudFlare Una introduccioacuten a CloudFlare la encontraraacutes en Velocidad yseguridad de tu blog coacutemo mejorar con CloudFlare

bull Backup Para evitar las consecuencias de un desastre lo mejor es realizar copias de respaldoregularmente El plugin maacutes recomendable por su sencillez es Updraft Plus Pero lo mejor esque tu hosting te proporcione copias de seguridad diarias Lee maacutes sobre la importancia derealizar un backup en Coacutemo hacer un backup de WordPress la guiacutea definitiva

Para aprende a realizar un mantenimiento de WordPress como es debido lee Manten-imiento de WordPress la guiacutea definitiva para cuidar tu blog

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]
Page 62: Cómo iniciar un blog con WordPress · PDF file¿Cuáles son los pasos para construir y poner en ... Cómo saber si tienes que realizar una actualización del ... saber qué es un

63

Lista de plugins de WordPress imprescindibles [+ BONUS]

Accede ahora a nuestra propia Los 50 mejores plugins de WordPress para aprender maacutes acerca delos mejores plugins para instalarY si quieres descargar un bonus PDF con la lista de plugins que se utilizan en Blogpocket entra enel post SiteGround el mejor Hosting para WordPress y queacute hacer despueacutes de abrir una cuentaCon la Guiacutea del recieacuten llegado a WordPress hemos repasado las funciones principales de unaplataforma de blogging con la que puedes crear desde un blog personal a un complejo sitioprofesional Ahora te toca profundizar y sacarle el maacuteximo provecho Sigue leyendo Blogpocketporque seguiremos ofrecieacutendote la mejor informacioacuten acerca de WordPressY eso es todo Te recuerdo el siguiente enlace con 11 lecciones para aprender WordPress (e infografiacuteacon datos 2013) y este otro con 11 lecciones para poner a tono tus muacutesculos blogueros

  • Queacute es WordPress
    • iquestQueacute es la Guiacutea del recieacuten llegado para empezar en WordPress
    • iquestQueacute es WordPress
    • iquestPor queacute WordPress es el mejor sistema de publicacioacuten de blogs
    • iquestPor queacute un blog
    • iquestQueacute necesito para montar un blog profesional desde cero
      • Coacutemo registrar un dominio
        • iquestQueacute es un dominio y queacute es un servidor de nombres
        • Alojamiento y dominio iquesten el mismo proveedor de servicios
        • Coacutemo elegir bien un nombre de dominio
        • Doacutende registrar un dominio
        • Coacutemo registrar un dominio
        • Coacutemo configurar los servidores de nombres
          • Coacutemo contratar un alojamiento Web
            • iquestCuaacuteles son los pasos para construir y poner en marcha mi blog
            • iquestDoacutende contratar un alojamiento Web
            • iquestQueacute tipo de alojamiento Web es mejor para mi blog
            • iquestQueacute son Cpanel y Plesk
            • iquestPuedo instalar WordPress localmente en mi ordenador de escritorio o portaacutetil
            • Aprender maacutes
              • Coacutemo configurar un dominio
                • Requisitos para configurar un dominio
                • Coacutemo obtengo los valores concretos de los servidores de nombre
                • Crear la base de datos
                • Crear el usuario de acceso a la base de datos
                • Asociar base de datos y usuario
                  • Coacutemo se hace una instalacioacuten manual de WordPress
                    • En queacute directorio del hosting hay que alojar nuestro blog
                    • Desde doacutende descargar WordPress
                    • Coacutemo se hace una instalacioacuten manual de WordPress
                      • Coacutemo funciona WordPress
                        • Coacutemo funciona WordPress los archivos principales
                        • Los famosos 5 minutos de la instalacioacuten de WordPress
                          • Queacute es el dashboard de WordPress y coacutemo se publica contenido
                            • Queacute es el dashboard de WordPress
                            • La barra de navegacioacuten
                            • Coacutemo saber si tienes que realizar una actualizacioacuten del software
                            • Coacutemo saber si tienes que realizar una actualizacioacuten de un plugin
                            • Coacutemo publicar posts en WordPress
                              • Imaacutegenes y la libreriacutea de medios
                                • Gestioacuten de la libreriacutea de elementos multimedia de WordPress
                                • Crear y configurar el directorio ``uploads
                                • Subir nuevo medio
                                • Libreriacutea multimedia
                                • Editar imaacutegenes
                                • Insertar objeto
                                • Ajustes de medios
                                  • Los themes de WordPress
                                    • Queacute son los themes de WordPress
                                    • Apariencia
                                    • Widgets
                                    • La potencia de los themes
                                    • Doacutende encontrar themes
                                    • Coacutemo desarrollar tu propio theme
                                      • Los plugins de WordPress
                                        • Queacute son los plugins de WordPress
                                        • La pantalla de plugins del dashboard
                                        • Coacutemo se instala un plugin
                                        • Instalacioacuten manual de plugins de WordPress
                                        • Coacutemo desarrollo mis propios plugins
                                        • Cuaacuteles son los plugins esenciales en cualquier instalacioacuten de WordPress
                                        • Lista de plugins de WordPress imprescindibles [+ BONUS]