Instala WordPress en tu ordenador Mac y trastea sin riesgos
¿Qué es trabajar de forma local con WordPress?
En esencia tener en tu propio ordenador la posibilidad de probar con WordPress todo lo que consideres, sin necesidad de pagar un alojamiento web, ni de estropear tu sitio en producción (online), si lo tuvieras.
Vamos que es totalmente gratis y para ello vas a usar una aplicación que también lo es, MAMP, la cual sirve para Mac pero también Windows.
Normalmente, los desarrolladores web y quienes hacen tutoriales con WordPress, trabajan de este modo.
Índice
- Inconvenientes si trabajas de forma local
- Alternativa a trabajar de forma local
- Qué cosas te puede interesar hacer de forma local
- Qué te conviene saber, si decides subir tu sitio a un alojamiento web
- Tutorial para trabajar de forma local con MAMP
– Descarga e instala MAMP
– Abre la aplicación de MAMP
Paso 1. Inicia servidores
Paso 2. Open WebStart page: crea nueva base de datos, antes de instalar WordPress
Paso 3. Descarga WordPress, descomprime y guarda contenido en carpeta concreta de MAMP
Paso 4. Preferences: selecciona carpeta concreta de MAMP
– Otras opciones de MAMP - Videotutorial
- Opinión
Inconvenientes si trabajas de forma local
A veces te llevas la sorpresa de tu vida, al comprobar que hay plugins que no funcionan correctamente, por ejemplo:
- Jetpack, opta por capar algunos módulos mientras que otros sí que van bien
- NextGEN Gallery, es aun peor porque sección donde lo hayas implementado, directamente no te carga esa página
A pesar de que me puse en contacto con sus autores y dijeron que sí cargaba, siento decir que es mentira. Personalmente, recomiendo el uso de la galería nativa de WordPress, combinada con el plugin Responsive Lightbox
A priori esos han sido los plugins más problemáticos de forma local, y en el caso de Jetpack es una pena porque tiene muchos módulos interesantes (y otros tantos de relleno).
Dicho esto, no te desanimes. Prueba a trastear con WordPress, porque es todo un mundo de posibilidades, ahora al alcance de tu mano totalmente gratis.
Alternativa a trabajar de forma local
Si estos inconvenientes te suponen un problema, hay sitios que ofrecen alojamiento web de prueba, totalmente gratuito. Sólo puedes ver tú la web. Al momento de publicarla para que la vean los demás, ya tendrías que pagar. Uno de esos sitios es:
- CDmon, el cual te permite renovar cada mes, dicha licencia gratuita. Te mandarán un mensaje al email para recordártelo
A partir de aquí, eres libre de hacer lo que quieras. Pero debes saber que existe esta alternativa. Si bien, trabajar de forma local sirve para muchas otras cosas, como vas a comprobar y una de las más importantes, es que no tienes límite de espacio, como sí ocurre en esta alternativa.
Qué cosas te puede interesar hacer de forma local
- Sistema WordPress, conoce este CMS de primera mano, sin necesidad de hacer gasto alguno en alojamiento web
Cuando te decidas por un alojamiento web, yo uso Strato, para empezar tiene buenos precios y facilidad de uso (los fines de semana no atienden aun así tienen un sistema de faq/ayuda que puede solucionarte algún problema) - Prueba una nueva versión del sistema WordPress y mira cómo se comporta
Para lo que siempre es recomendable esperar actualizaciones de plugins o temas - Plugins, prueba nuevos o instala nuevas versiones de los existentes
De este modo puedes prever si surge conflicto con otros - Tema/Plantilla, cambia la que tienes o instala nueva versión de la existente
Recomendable si no posees un tema hijo, para comprobar si desaparece tu configuración del panel de control que posea tu tema (a veces desaparece y otras no, depende del autor del tema. Los cambios por CSS desaparecerían) - Funciones PHP, prueba para hacer ciertas cosas que no necesiten de plugins
Para los poco duchos en la materia (como yo), es una forma segura de no romper el sitio en producción (online) - Códigos CSS, prueba a cambiar colores, tipografías, disposición elementos, etc
Desde la versión 4.7 de WordPress, ya viene integrado un ‘CSS adicional’ desde el apartado: Apariencia > Personalizar
De esta manera tu trabajo online permanece seguro, no es sacrificado por cualquiera de tus travesuras de forma local.
Qué te conviene saber, si decides subir tu sitio a un alojamiento web
El gestor de contenido WordPress, funciona con el lenguaje de programación PHP y gestiona las bases de datos con MySQL.
¿Esto que quiere decir? Pues que cuando tengas que comprar un alojamiento web, WordPress te pide una serie de requisitos recomendados:
- PHP versión 7 o superior
- MySQL versión 5.6 o superior (o MariaDB versión 10.0 o superior)
- Soporte HTTPS
Así mismo, recomiendan Apache o Nginx como el servidor más robusto y con más características para ejecutar WordPress, pero cualquier servidor que soporte PHP y MySQL servirá.
Nota: Si te encuentras en un entorno heredado en el que sólo hay versiones anteriores de PHP o MySQL, WordPress también funciona con PHP 5.2.4+ y MySQL 5.0+, pero estas versiones han llegado al final oficial de su vida y, como tal, pueden exponer tu sitio a vulnerabilidades de seguridad.
¿Por qué te cuento todo esto? Porque el programa que vamos a ver, MAMP (versión gratis), trabaja con otras versiones que podríamos decir son requisito mínimo (sin vulnerabilidades):
- PHP versión 5.6.27 o 7.0.12
- MySQL versión 5.6.33
De hecho, muchos alojamientos web aún tienen estas versiones de PHP (5.6.27) y MySQL, sin problema alguno. E incluso protocolo HTTP donde funciona correctamente WordPress. Sin embargo, cabe reseñar que ciertamente la versión 7 de PHP mejora la velocidad de carga del CMS.
Y dicho esto, lo cual me parecía importante, te muestro el tutorial y consiguiente video explicativo.
Tutorial para trabajar de forma local con MAMP
La aplicación que vamos a utilizar, se llama MAMP, y trabajaba en principio con Mac pero hoy día también lo hace con Windows.
En este caso, explicaré la versión para Mac, gracias al tutorial que hizo en su día ‘AyudaWP‘ aunque el video no ayudaba mucho ni sabíamos con que herramientas editar.
Descarga e instala MAMP
Vete a la página de descarga (Mac OS X) y procede a la instalación.
Una vez terminada ésta, mira una carpeta llamada MAMP en la carpeta de Aplicaciones de tu Mac (más tarde tendrás que pasar por allí). Igualmente un icono de la aplicación se instalará en tu Launchpad. El de color gris, es el que manejaremos (versión gratuita).
Abre la aplicación de MAMP
Clic sobre el icono de color gris, y se abre una ventana que muestra 3 opciones (de derecha a izquierda):
- Iniciar servidores
- Open WebStart page
- Preferences
Paso 1. Inicia servidores
Siempre que trabajes de forma local, es necesario iniciar servidores. Esta ventana debe permanecer activa. Si te molesta, minimízala. Al iniciar los servidores, ya se crea de forma automática a su vez, los servidores Apache y MySQL (base de datos).
Una vez activada, te abre automáticamente otra ventana en tu navegador web (en realidad, se trata de la segunda opción de esta aplicación, Open WebStart page).
Paso 2. Open WebStart page: crea nueva base de datos, antes de instalar WordPress
Esta nueva ventana que se abre en tu navegador, Open WebStart page, si te fijas en la URL verás que está alojada en localhost:8888, el servidor por defecto de MAMP. De este modo, no interfiere con el Apache instalado de serie en Mac OS X.
Dicho lo cual, esta ventana te muestra 4 aspectos a considerar (por ahora, sólo vas a trastear con MySQL):
- My Website
Desde aquí accedes fácilmente a la web, a la cual hayas redireccionado (Preferences) desde la aplicación MAMP - PHP
Qué versión estás usando. Como verás más adelante, puedes elegir dos opciones 5.6.27 o 7.0.12 - MySQL
Desde aquí tendrás que crear una nueva base de datos, para este ejemplo, usaré:WordPressV– Cotejamiento – Crear (3 pasos sencillos)
Actualización 14-02-2017. En la versión 4.1.1 de MAMP ha desaparecido el link de acceso a MySQL.
Te doy 2 opciones para arreglarlo:
– Opción 1: Deberas introducir esta URL en tu navegador web para acceder:
http://localhost:8888/phpMyAdmin/
– Opción 2: Hacer ciertos pasos para que aparezca el enlace en la página ‘Open WebStart page’ de nuevo.
a) Tienes que cambiar la versión de PHP. Quitar la que se pone por defecto y poner la 7.0.15
b) Para ello, abres la aplicación de MAMP (no hay necesidad de iniciar servidores).
c) Vas a la rueda dentada donde pone ‘Preferences’: Pestaña ‘PHP’: Y eliges la opción: 7.0.15
Verás como automáticamente te aparece el link de nuevo, en la página que se abre (Open WebStart page).
Por lo visto es algo que los autores tienen pendiente de arreglar en una próxima versión de MAMP. Pero si ves que te pasa algo parecido en una próxima versión, usa la opción 1, y te dejas de rollos, jeje.
- MAMP Version
Si hay una nueva versión de esta aplicación, desde aquí puedes acceder a su descarga
¿Qué estás haciendo, al crear la nueva base de datos (MySQL)? Prepararte para la instalación de WordPress.
Paso 3. Descarga WordPress, descomprime y guarda contenido en carpeta concreta de MAMP
Descarga WordPress, descomprímelo en el escritorio de tu Mac y mueve el contenido completo de la carpeta wordpress a Aplicaciones > MAMP > htdocs > WebV.
¿Qué es WebV? Una carpeta que he creado yo, para que no interfiera con otras carpetas de otras webs que miro de forma local. Necesitas modificar unas líneas del archivo wp-config-sample.php
¿Dónde encuentras este archivo? Aplicaciones > MAMP > htdocs > WebV > wp-config-sample.php
Mira el ejemplo en esta captura, para ver la ruta exacta.
Para ayudarte a abrir este archivo y modificar la información, te recomiendo estas herramientas para Mac:
- TextWrangler o TextEdit* (Mac)
*: TextEdit > Formato > Convertir a texto sin formato
Al trabajar de forma local, hay una serie de datos por defecto, de los cuales sólo el primero será el que modificaremos con el nombre que le hemos otorgado a la base de datos: WordPressV . Los otros dos, nombre de usuario y contraseña, pondremos: root
/** El nombre de tu base de datos de WordPress */
define('DB_NAME', 'WordPressV');
/** Tu nombre de usuario de MySQL */
define('DB_USER', 'root');
/** Tu contraseña de MySQL */
define('DB_PASSWORD', 'root');
/** Host de MySQL (es muy probable que no necesites cambiarlo) */
define('DB_HOST', 'localhost');
/** Codificación de caracteres para la base de datos. */
define('DB_CHARSET', 'utf8');
/** Cotejamiento de la base de datos. No lo modifiques si tienes dudas. */
define('DB_COLLATE', '');
Después guardas el archivo como wp-config.php en la misma carpeta: Aplicaciones > MAMP > htdocs > WebV > wp-config.php
Paso 4. Preferences: selecciona carpeta concreta de MAMP
Desde aquí, indicas a MAMP donde se encuentra exactamente la carpeta donde has introducido todo el contenido de wordpress (una vez descomprimido). Es decir, la carpeta que he creado expresamente de ejemplo para este tutorial: WebV
¿Cómo encuentras la ruta? Ve a la aplicación de MAMP y clic sobre la opción: Preferences > Web Server > Document Root. Verás 2 iconos. La ‘carpeta’, te permite cambiar la ubicación, por ejemplo para elegir una carpeta diferente (es decir, una web diferente). La ‘flecha’, muestra la carpeta raíz del documento en el Finder: Aplicaciones > MAMP > htdocs > WebV.
De esta manera, cuando ya este bien enlazado, al acceder a My Website (en la ventana que se abre al hacer clic sobre: Open WebStart page), estás propiciando la instalación de WordPress igual que se hace en un servidor en Internet. La diferencia es que en vez de dirigirte a tuweb.com lo haces a localhost:8888 y ahí empiezas la famosa instalación en 3 pasos.
De esta manera ya tienes WordPress, funcionando de forma local para trastear todo lo que quieras y conocer de primera mano este fantástico CMS.
Otras opciones de MAMP
Cuando lanzas la aplicación (doble clic sobre el icono MAMP) puedes configurar otras opciones desde:
Preferences
- Start/Stop
Empezar servidores (o no), abrir WebStart page, parar servidores (al salir de MAMP), poner tu link favorito de apertura - Ports
Por norma general no hay necesidad de cambiar puertos, pero puedes hacerlo para los servidores Apache, Nginx, y MySQL - PHP
Esta opción sí te interesa, para ver como se comporta tu sitio (velocidad de carga) con una versión u otra: 5.6.27 o 7.0.12 - Web Server
Ésta es la opción que hemos visto antes para ubicar directamente la carpeta creada por mí, la cual servía de ejemplo para este tutorial - MySQL
Aquí sólo es información de la versión que nos facilita la versión gratuita de MAMP: 5.6.33
Videotutorial
- WordPress: cómo trabajar de forma local en Mac (con MAMP)
Trabajar de forma local con WordPress, es gratis. Te permite comprobar comportamiento de nuevas versiones del sistema WordPress, temas, plugins, funciones, CSS. Vamos a trabajar con la aplicación MAMP.
Opinión
‘Las cosas claras y el chocolate espeso’, hace 2 años no tenía ni idea de todo esto que te acabo de contar. De hecho, hice otro artículo, mucho más extenso que éste, mezclando otras dos cosas y me quedo demasiado denso, algo que espero poder subsanar con el tiempo.
En aquella época lo deje todo apuntado por escrito pero no hice vídeo, porque ‘todo me sonaba a chino’. A pesar de que en los comentarios una persona me lo pedía.
No sé porqué habiendo gente más experimentada en la materia que yo, no hace vídeo. Y si lo hace, te pide que te suscribas por “x” dinero y bla bla bla.
Si hace 2 años hubiera encontrado la información tal y cómo la ves aquí, me hubiera ahorrado muchos quebraderos de cabeza. Y es que considero que saber esto, es algo básico para que te ilusiones con este gestor de contenidos (CMS).
Dicho esto, si quieres invitarme a un Cola Cao, te lo agradeceré. Hará posible que me trabaje más artículos de este tipo.
Por ejemplo, trabajar de servidor remoto (online) a local. Algo que ya explique en el pasado, junto con más cosas. Pero aquel artículo me quedo muy pesado y ahora soy más organizado. Y además ofrezco vídeo, para tu mejor comprensión.
Fuente imágenes
Ver apartado relacionado en mi Pinterest.
Soy diseñador web con WordPress. También hago uso del diseño gráfico (edición imágenes) e implementación de vídeos (puedo editar pero no grabar). Te ayudo a descubrir/potenciar la identidad de tu marca, otorgando distinción a tu sitio web. Hago buen uso del diseño visual y emocional. Estoy disponible para darte: servicio, formación, consultoría.