hand Inicio

SERVICIOS

Salir

nochedía

Preparar el entorno de trabajo para WordPress local

1000 palabras
4 minutos
July 21, 2020

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á

  1. Prólogo
  2. Laragon
  3. DBeaver
  4. Configurando WordPress

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

laragon

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 el localhost
  • En el port tendremos el valor 3306
  • En el campo Username el nombre de root

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)

dbeaver

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

🙋‍♂️

Qué tal el curso?
👌 Bien 🙌🙌
👍 Bien, pero algunas cosas podrían explicarse mejor 😬
🤷‍♂️ Da por sentadas demasiadas cosas 😒
🤷‍♂️ A ver, hay poca chicha 😬
🤷‍♂️ Los ejemplos no son muy claros 🙇‍♂️
🤷‍♂️ No se entiende, está mal escrito 👎
✍️ Hay errores, revísalo en cuanto puedas 🙏

Más entradas

Privacidad
by kuworking.com
[ 2020 >> kuworking ]