
Preparar el entorno de trabajo para WordPress local
Desarrollar en WordPress puede hacerse en un servidor de pruebas o incluso en alguna página web que nos ofrezca algún free tier
Pero sin duda, lo mejor sigue siendo desarrollar en local
Prólogo
WordPress es el presente de internet, tanto por hechos (representa el 70% de los sites existentes en internet) como por comodidad de uso (su interfaz de usuario es intuitiva y usable por usuarios no-desarrolladores)
La pregunta es si seguirá siéndolo en el futuro o no, y a juzgar por su apuesta por React
parece que también lo será
Mientras que su desarrollo con React
se beneficia de un entorno moderno de programación, su desarrollo con php
necesita de entornos modernos de programación como Timber
o Sage
(entre otros) para no tener la sensación de vivir en el pasado
Pero en cualquier caso, desarrolles como desarrolles, tener un WordPress en local te representará una ventaja sí o sí
Aquí veremos una instalación con Windows de Laragon y DBeaver
Vamos allá
Laragon
Para instalar WordPress en local tenemos multitud de servicios, pero para Windows uno de los mejores es Laragon
por
- Simplicidad, y
- Rapidez
Lo primero es descargarlo de la página web en laragon.org, lo instalas y aprietas el botón de Start All
Una vez allí, empiezas la instalación de WP con Menu -> Quick app -> WordPress
, te pedirá un nombre del proyecto, yo le he puesto kuworking, y al cabo de unos segundos me dice que ha generado la base de datos con el mismo nombre y la dirección http://kuworking.test
(quizá te pida permiso Windows para poder hacerlo)
Vamos a la dirección y 🤯🤯 ya está! ya tenemos la interfaz de WordPress para proceder con la instalación
En menos de 1 minuto y ya tenemos WP en local
Sólo nos queda seguir la configuración ya dentro de WordPress, escoger idioma, usuario ... y aterrizar al dashboard
de WordPress
DBeaver
DBeaver
lo encuentras en dbeaver.io
Este programa nos permitirá ver la base de datos de WordPress
Como alternativa, con Laragon podemos instalar el phpMyAdmin
con Menu -> Quick add -> phpMyAdmin
, el gestor de bases de datos que nos encontraremos en la gran mayoría de hostings, y con el que también podemos acceder (desde http://localhost/phpmyadmin/
y con el usuario root
y sin password) a las bases de datos de WP
Una vez instalado DBeaver
tenemos que configurar la base de datos que hemos creado automáticamente con Laragon
Esto lo hacemos con el botón New Database Connection
donde seleccionaremos el icono que corresponde a una base de datos MySQL
y el botón Next
Allí rellenamos las casillas:
- En
Serverhost
tendremos ellocalhost
- En el
port
tendremos el valor3306
- En el campo
Username
el nombre deroot
Y listos, podemos testear la conexión (Laragon tiene que estar abierto y funcionando con el Start All
activado) y ya podemos terminar la configuración
Con DBeaver también podrás configurar las bases de datos de tus WordPress en remoto, con lo que podrás copiar bases de datos sin esfuerzo
En el árbol de la izquierda podrás ver las bases de datos que tienes en tu Laragon, y si te pones dentro de la que has creado antes (aquí kuworking
) podrás ver todas las tablas que corresponden a WordPress, por ejemplo la wp_posts
o la wp_users
(tienes que clicar dos veces)
Allí te aparecerá la ventana con la configuración de esa tabla, y si quieres ver los valores, arriba tienes la pestaña Properties
(donde estabas) y la pestaña Data
donde podrás ver todas las entradas de esa tabla
En el caso de nuestro WP local, sólo tendremos un usuario en wp_users
y 3 entradas en wp_posts
, y ya ves que podrás modificar el contenido de los posts directamente desde el mismo programa
Modificar el contenido de los posts desde ese programa agiliza mucho el tener (por ejemplo) que cambiar en bulk
Sin esto, la alternativa es ir uno por uno, algo totalmente impracticable si tienes digamos que más de 300 entradas
Configurando WordPress
Ya lo tenemos todo preparado, con el dashboard de WP funcionando en http://kuworking.test/wp-admin/
En mi caso me dice que tengo una actualización de WordPress, por lo tanto lo primero que hago es actualizarlo
Después, me voy a la pestaña Plugins
y veo que tengo instalados (no activados) el Akismet Anti-Spam
y el Hello Dolly
, los borro ambos
Cuál es el siguiente paso?
Crear contenido
Esto lo podemos hacer desde el DashBoard donde tenemos la pestaña Posts
y vemos un primer post Hello world!
Lo podemos editar y WP nos lleva a su editor Gutenberg
, con este editor podremos confeccionar todos nuestros posts, páginas y cualquier otro tipo de contenido que queramos definir
Hay software que te permite escribir en su editor y "postear" directamente a WordPress, y también hay plugins que te permiten escribir en markdown
, es cuestión de explorar y sobre todo de decidir cómo quieres organizar tu contenido
Instalar themes
Nos vamos a la pestaña Appearance
desde donde tendremos acceso a todos los themes publicados en la "tienda" de WordPress, y donde vemos que el que tenemos instalado y activo es el Twenty Twenty
También hay themes que no están disponibles en la tienda sino que tendrás que bajarte de la página en cuestión y cargarlos desde este misma interfaz (y lo mismo pasa con los plugins)
Entonces aquí podremos optar por
- Escoger algún theme gratuito
- Generar nuestro propio theme desde cero
- Modificar algún theme que nos guste haciendo un
Child Theme
- Adoptar algún framework de themes y trabajar con themes de ese framework
Hagas lo que hagas, una vez tengas el theme instalado y activado podrás configurarlo con el menú Customize
(a nivel de usuario se entiende)
Por configurar se entiende el cambiar colores, títulos, encabezados, a nivel de contenido y de estética
La norma general es que llegará un punto donde estés cambiando tanto el theme original que valdrá la pena crearte un child theme
, que no es más que una copia del theme que se actualiza como el theme original excepto aquellos archivos que nosotros hemos sustituido
Y evidentemente, si al final sustituimos la mayor parte de los archivos, ese child theme se convertirá en un theme independiente
En cualquier caso, el espíritu de estas funcionalidades es el de facilitarte la vida sobre todo permitiendo el interaccionar con WP sin necesidad de tocar código
Instalar plugins
Vamos a la pestaña Plugins
y allí podremos buscar e instalar todo lo que queramos (también subiendo el archivo del plugin nosotros mismos)
Ejemplos de los plugins más habituales serían los que se ocupan de
- SEO
- Google Analytics
- Listas de correo
- BackUp
En local posiblemente tengan poca utilidad práctica, pero el objetivo aquí es el de reproducir un entorno WordPress como el que tendrías en remoto
Aquí tienes una lista de 7 plugins más que populares
- Yoast para SEO
- SEMrush para ayudarte en tu copy para SEO
- Google Analytics for WordPress para acceder a Analytics de una forma más directa
- Contact Form 7 para tus formularios
- Updraft Plus para backups
- WP Super Cache para generar un cache de tu web y conseguir mayores velocidades
- MailChimp for WordPress para gestionar tus listas de correo
🙋♂️