Construcción en paz: una introducción al desarrollo local de WordPress

Compró su dominio y aseguró su alojamiento. Estás en el medio de la nueva página inicial, pero no puedes deshacerte de la sensación de que te persiguen. Esto se debe a que su sitio está en vivo, así que quién sabe quién podría mirar por encima del hombro … en WPMU Dev, muchos de nuestros miembros usan medios locales para una variedad de tareas, incluida la construcción de un nuevo sitio desde cero, revisiones importantes a los sitios existentes y El desarrollo de complementos. Pero para aquellos que aún no se aventuran en el desarrollo local o buscan una mejora, le ofrecemos esta guía. Aquí hay un vistazo a lo que cubriremos:
¿Qué es un entorno local?
¿Cómo funcionan los entornos locales?
Una perspectiva de los dos tipos principales de entorno local: pilas de servidores y máquinas virtuales.
Cómo configurar un entorno local usando Local by Flywheel.
Cómo migrar un sitio desarrollado localmente para alojamiento en vivo.
Así que pasemos a esto y comencemos desde el principio … ¿Qué es un entorno local? Los entornos locales vienen en una variedad de formas y tamaños, sin embargo, todos tienen el mismo propósito para permitirle desarrollar sitios o complementos de WordPress en un espacio seguro. El usuario habitual de WordPress comienza su proceso de construcción de sitios comprando un dominio y luego eligiendo un servicio de alojamiento que luego se conecta y comience a crear su sitio.
Sin embargo, esto significa que al construir su sitio, está en vivo en la red y Google es libre de comenzar a indexar procedimientos. Lo último que desea es que alguien detenga su sitio cuando esté en el proceso de construcción. Además, cuando todavía está en construcción, su sitio es particularmente vulnerable a los ataques cibernéticos. El desarrollo en un entorno local lo exime de estas preocupaciones, porque obtienes las mismas características y funcionalidad de WordPress, pero todo está bien asegurado en tu propia computadora. No hay servidores ni nubes involucrados, no hay posibilidad para que alguien que no esté en su computadora obtenga acceso y no haya costo adicional. ¡Puede desarrollar el sitio gratis y lejos de la felicidad de los ojos totalmente indiscretos!
Dev no sabe que puede mostrar a sus amigos el sitio anfitrión localmente sin salir de la casa. Hay algunas otras formas de lograr la confidencialidad cuando construye un sitio, como temas y complementos en la construcción y la puesta en escena de medios, porque todavía implican alojar su sitio en algún lugar de la red, no hay silencio como un entorno local. . ¿Cómo funciona un entorno local? WordPress consta de tres elementos básicos: PHP, SQL y JavaScript y, a su vez, se pueden alojar en un software que acepta estos elementos.

El primer método está en una pila de servidor. El uso de pilas de servidores para las pilas de desarrollo local de los servidores locales toma la forma de un servidor NGINX o Apache, junto con una base de datos (generalmente en forma de MySQL o MariadB) y una plataforma para administrar todo, como PhPMyAdmin. Pero, ¿qué es un servidor, te escuché preguntar! Bueno, es esencialmente un lugar para almacenar todo el contenido que forma un sitio web (datos de aplicaciones, texto, imágenes, etc.), y una vez que alguien solicita acceso visitando la URL, el servidor entrega los productos. Todos los sitios deben almacenarse en un servidor, o este es uno local, como se incluye con las pilas de software mencionadas anteriormente, o asegurada por un proveedor de host. Si su sitio está en vivo y paga una suscripción de alojamiento, todavía está alojada Un servidor, solo en la computadora de otra persona.
La demanda y la respuesta HTTP envían la información entre el servidor y el navegador. Puede parecer complicado en esta etapa, pero afortunadamente, puede descargar todo lo que necesita en un paquete pequeño y atento. Dos de las pilas de servidores más populares son MAMP y XAMPP. MAMP es, desde un punto de vista técnico, para usar en Mac (de todos modos, puede ejecutarlo en Windows: lo hice en el pasado) y XAMPP se puede usar en Windows, Mac y Linux. Si bien el uso de WordPress cuando se aloja en una pila de Apache Server es una experiencia bastante simple y agradable, el proceso de instalación y configuración para XAMPP/MAMP no es tan simple.
Debe instalar la descarga desde el sitio web de XAMPP o desde el sitio web de MAMP, así como descargar e instalar WordPress manualmente (que implica un movimiento manual del disco duro), configure la base de datos y luego conecte a su sitio de WordPress. Una vez que tenga el servidor en funcionamiento, cree una cuenta de WordPress y luego inicie sesión para llegar al tablero. Haga todo esto a través de su navegador para que tenga el mismo aspecto y sensación que en un sitio en vivo. Pero no se preocupe: si todo esto suena un poco desalentador, le complacerá descubrir que existe una opción más fácil. Usando las máquinas virtuales para el desarrollo local, la otra rama del entorno de desarrollo local (y la mayoría argumenta, lo más fácil) La forma de autos virtuales. Si no está familiarizado con los automóviles virtuales, un automóvil virtual es una partición creada en su computadora que funciona como una computadora separada. Viene con su propio sistema operativo y generalmente se accede en una ventana como un programa de computadora normal, pero se separa del resto de su software. Esto hace un lugar en cuestión para realizar cualquier experimento arriesgado, porque lo que sea que haga está aislado del resto de la computadora; Lo que significa que no puede dañar su sistema operativo principal.

La máquina virtual es solo un lugar para alojar su sitio web en nuestro caso. No tendrá que tener ninguna interacción con el sistema operativo por separado, ya que administra sus sitios a través del tablero del entorno local. Una opción de entorno local popular que usa autos virtuales es local por volante. La razón por la que es una gran opción es hacer todo por usted detrás de escena. Lo instala como cualquier otro programa y lo reciben con un tablero simple que le permite administrar sus sitios. Puede agregar más sitios en solo unos pocos clics, mientras que con MAMP/XAMPP necesita crear una carpeta de WordPress separada y una base de datos para cada sitio y administrarlos por separado. De lo que he aprendido hasta ahora, está claro que un entorno como local como local Será una opción más fácil para los nuevos en el desarrollo local. Sin embargo, las pilas de servidor podrían ser la ruta de elección para los desarrolladores avanzados que desean más funcionalidades para construir un sitio y una opción segura, fuera de línea, una opción fantástica. De acuerdo, suficiente su bocina local … descubramos lo fácil que es usar. Aquí hay una guía simple: la instalación y el uso local por el volante primero, deberá acceder al sitio web local y descargar el software.
Elija su plataforma y siga las instrucciones simples. Es muy fácil de instalar (es lo mismo que cualquier otro programa que descargue desde Internet), por lo que me abstendré de enseñarle cómo chupar los huevos. Después de haber instalado y abierto el programa, recibirá esta pantalla:
Ahora estamos listos para crear nuestro primer sitio. Luego debe dar un nombre a su sitio. Una de las mejores cosas de las premisas es que puede crear cuántos sitios necesita y todos son muy fáciles de acceder y cambiar entre ellos, así que intente mantener los nombres prácticos. tiene una interfaz muy simple y es muy rápido de poner en funcionamiento. El dominio se pobla automáticamente cuando llama al sitio y no necesita cambiar la ruta del sitio en esta etapa. Cuando se trata de elegir el entorno, puede seleccionar su favorito, a menos que tenga una razón particular para querer usar otro tipo de base de datos o versión PHP.
Si solo desea configurar y comenzar a construir, puede seleccionar su pantalla favorita y pasar a su próxima pantalla. Luego debe ingresar un nombre de usuario y contraseña (puede usar lo mismo en todos sus sitios de prueba) e ingresar una dirección de correo electrónico.
Es importante usar una dirección de correo electrónico válida si alguna vez tiene que restablecer su contraseña. ¡Un último clic en “Continuar” y estará listo! Se necesitan unos minutos para configurar todo e instalar WordPress, pero como puede ver, en términos de entornos de alojamiento locales, este es uno de los más fáciles de usar.

Puede ver todos los detalles de su sitio utilizando las pestañas aquí. Los dos botones principales que necesita están en la parte superior izquierda de la pantalla: “Admin” y “Visualización del sitio”. Haga clic en Admin para iniciar sesión en WordPress.

Debe ingresar los detalles de conexión que creó cuando configuró su sitio en el tablero local. Una vez que haya autenticado, puede usar WordPress como lo haría con cualquier otro método de alojamiento. Pero eso no es todo, buenas personas si todo lo que desea es un espacio hermoso y tranquilo para desarrollar su sitio, la guía anterior debe hacer el trabajo. Debido a que todo su sitio de WordPress está instalado en su propia computadora, significa que incluso puede construir su Sitio sin Internet, que es ideal para esos largos viajes de tren. Sin embargo, localmente ofrece una serie de otras funciones. Algunos de estos son más adecuados para usuarios avanzados y hay algunos que pueden ser útiles para los nuevos en entornos locales. A continuación le daré una breve presentación general de algunos de mis aspectos favoritos en el local. Deje que alguien eche un vistazo … uno de los principales beneficios del desarrollo a nivel local es que nadie podrá ver su trabajo a mitad de completado. Aunque esto generalmente es ventajoso si desea crear un sitio nuevo o realizar cambios a gran escala en uno tranquilo, significa que si tiene problemas o simplemente desea un segundo par de ojos, no puede simplemente enviar la URL del sitio a su amigo o colega y pregunta su consejo. Local tiene una herramienta útil que le permite crear un enlace en vivo temporal a su sitio y es tan simple como un clic del mouse. Este es un pequeño suplemento fabuloso de Ngrok y es completamente gratuito de usar.

Simplemente haga clic en la activación y se creará un enlace temporal.

¡Copie el enlace y envíe! Puede enviar este enlace a cualquier persona que desee ver su sitio en su estado actual. El enlace dejará de funcionar cuando salga de las instalaciones o puede deshabilitarlo manualmente con el botón al lado. Si desea acceder nuevamente al sitio, deberá reactivar Live Link, lo que significará que se creará un nuevo enlace. Esto está a la mano si necesita la opinión de alguien, pero no desea arriesgarse a que regrese en el futuro, revisando el enlace. Construye su sitio local por una razón, ¡es bueno querer un poco de privacidad! Si no está roto, no lo repare si tiende a usar el mismo conjunto de complementos al construir sus sitios (nuestros complementos gratuitos son un excelente punto de partida) o tiene el mismo tema o menú y la configuración de la página, puede guardar Un sitio como un “plan” y puede usarlo como base para futuros sitios. Si la misma configuración del sitio funciona para usted, entonces está absolutamente bien y, afortunadamente, facilita localmente la reutilización de la misma plantilla. Todo lo que tiene que hacer es hacer clic derecho en el sitio que desea usar y hacer clic en “Guardar como Plan”.

Incluso puede guardar más bocetos, uno para cada estilo o tipo de sitio que cree. Ahora, cuando cree un nuevo sitio, tendrá la opción de comenzar desde su plan en lugar de cero. A la mano, ¿verdad? Sus archivos, a su manera, editar los archivos de su sitio de WordPress no siempre es lo más fácil (especialmente para principiantes). Si su sitio está en vivo y alojado externamente, implicará el uso de un complemento, como el administrador de archivos o un cliente SFTP con una conexión SSH. Estas plataformas le permiten acceder a los archivos de WordPress, que se almacenan en el servidor host, para que pueda cambiarlos. Sin embargo, los diferentes proveedores de alojamiento permiten diferentes niveles de acceso a sus archivos, cuando se desarrolla localmente, tiene acceso completo y control completo. Con Local, es muy fácil acceder a estos archivos. Se almacenan en su computadora, por lo que no tiene que iniciar ninguna conexión para obtener acceso. Si es un desarrollador calificado, puede continuar utilizando una conexión SSH y comandos WP-CLI para editar sus archivos y hacer cambios en su sitio, sin embargo, cuando trabaja en un sitio local, puede hacer clic en un botón pequeño para obtener directamente. Acceda a sus archivos simplemente haga clic en la pequeña flecha y podrá acceder a sus archivos de WordPress.

Utilizo Windows para que mis archivos de WordPress aparezcan directamente en una ventana de Explorer. Simplemente haga clic en la flecha pequeña y podrá acceder a sus archivos de WordPress. Esta es una forma realmente útil de conocer la apariencia de la carpeta de WordPress y familiarizarse con algunos de los elementos clave de un sitio de WordPress. Desde aquí, puede hacer cambios en las hojas de estilo, puede crear un tema infantil o incluso puede aventurarse en algunos de los archivos más complejos. La belleza es que si cambias algo que crea un problema, eres libre de renunciar a ese sitio y comenzar uno nuevo. Le permite experimentar sin tener que preocuparse por el daño irreversible en un sitio en vivo. Aprenda sus acrónimos Un entorno local también puede ser un lugar maravilloso para familiarizarse con el uso de WP-CLI a través de una conexión SSH. WP -CLI significa interfaz de línea de comandos de WordPress y es una forma de completar las tareas escribiendo comandos, similar a cómo puede usar el símbolo del sistema incorporado. Las conexiones SSH (shell segura) generalmente se inician entre varias computadoras, crea una conexión segura en una red no garantizada. Es posible comunicarse solo con la computadora virtual dentro de su propia computadora, sin embargo, aún necesita emitir pedidos a través de esta conexión. Nuestro artículo que muestra cómo acelerar su desarrollo de WordPress usando WP-CLI es un excelente punto de partida si es nuevo en esta área. Puede acceder fácilmente a la interfaz haciendo clic con el botón derecho en su sitio y seleccionando “Abrir shell del sitio”

El inicio de la conexión SSH es simple; después de todo, todo el sitio está en su propia computadora. Entonces puedes experimentar con diferentes comandos. Escribí “Usuario de WP” que muestra una lista de controles centrados en cambiar los permisos y la configuración del usuario. Puede hacer muchos tipos de cambios administrativos a través de la interfaz. Puede encontrar una lista de comandos WP-CLI en el sitio web de WordPress. Los desarrolladores a menudo utilizan estos comandos para hacer cambios rápidos en un sitio de WordPress: un entorno local es un lugar maravilloso para comprenderlos. Cómo migrar de una instalación local de WordPress a un servidor en vivo ahora, su sitio no será demasiado bueno para cualquiera que esté en disco duro (¡a menos que prefiera conservarlo!). Entonces, el siguiente paso es la transición de una instalación local a un servidor en vivo. Hay algunas formas diferentes de hacer esto:

Método manual: vea esto en el desglose de profundidad de WordPress Mover de local a un servidor en vivo a través del par.

Método de complemento: también tenemos nuestra propia guía para la migración de un sitio local a un sitio en vivo utilizando el complemento duplicado, o si es uno de nuestros maravillosos miembros, puede usar nuestro complemento Shipper Pro;)

Por supuesto, necesitará un lugar para alojar su sitio en vivo. Es aconsejable investigar los diferentes tipos de alojamiento e incluso puede comparar algunos planes de alojamiento diferentes antes de que su sitio esté listo para lanzar. Después de todo, ha hecho todo este trabajo, ¡así que debe elegir su proveedor de alojamiento! Conozco una empresa que hace una gran alojamiento, debes consultarlo. De acuerdo, somos, wpmu de, pero te prometo que nuestro alojamiento es superior. Si nos permite el privilegio de alojar su sitio web (lo cuidaremos, lo juro). ¡También simplificé la migración de un sitio existente! También puede migrar fácilmente su sitio existente utilizando nuestra herramienta de administración de sitios de WordPress-the Hub. Todo lo que necesita es el nombre de usuario y la contraseña SFTP de su sitio existente. Por lo general, puede encontrar estas credenciales a través del panel de control del host. Algunos hosts crearán automáticamente un usuario SFTP para usted, mientras que otros (como alojar WPMU Dev), le permitirán crear uno. Por ejemplo, así es como los usuarios de WPMU de DE pueden crear sus propias credenciales SFTP. Después de haber localizado sus credenciales, su sitio se puede migrar y lanzar en unos pocos pasos.

Migración en unos pocos clics simples: ¡el cielo! No fingamos que la migración siempre es un paseo por el parque. Muchas migraciones se desarrollan sin problemas, pero algunas vienen con mucho (perdona el juego de palabras). Si tiene problemas cuando migra a nuestros servidores, tiene la paz de tener muchos expertos en WordPress disponibles. Estoy a la mano 24/7, listo para resolver cualquier problema encontrado. Si elige ir con otro proveedor de alojamiento, le recomendamos migrar con nuestro complemento de remitente. Oct 2020: ¡Hemos probado todos los mejores anfitriones de WordPress! Aprende a comparar. Entonces, ¿ves los resultados lo que sigue? Su sitio ha crecido ahora que lo ha ayudado a desarrollarse desde un simple “Hello World” hasta (con suerte) un sitio atractivo y funcional. Ahora puede usar WordPress “como de costumbre” a través de su servicio de alojamiento y puede actualizar el sitio cuando sea necesario. El entorno local que ha utilizado siempre se puede llamar si desea probar algún cambio importante o si desea un espacio seguro para jugar mientras extiende su conocimiento de WordPress. ¿Utiliza entornos locales o alguno de los instrumentos mencionados en este artículo? ¿O tal vez eres nuevo en todo el trabajo y quieres comenzar? ¡Déjanos un comentario abajo!