{"id":11032,"date":"2020-07-08T21:44:42","date_gmt":"2020-07-08T19:44:42","guid":{"rendered":"https:\/\/blog.hostinger.io\/mx-tutoriales\/?p=11032"},"modified":"2023-10-17T17:20:33","modified_gmt":"2023-10-17T15:20:33","slug":"como-usar-xampp-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/como-usar-xampp-wordpress","title":{"rendered":"\u00bfC\u00f3mo usar XAMPP para configurar un sitio local de WordPress (en 3 pasos)?"},"content":{"rendered":"<p>Configurar un entorno alojado localmente es un paso crucial en cualquier proyecto de desarrollo web, y puedes hacerlo con XAMPP en <a href=\"\/mx\/tutoriales\/que-es-wordpress\">WordPress<\/a>. Hacer esto te permite probar con seguridad las caracter&iacute;sticas y funcionalidades de tu sitio, en un sitio completamente privado.<\/p><p>En este art&iacute;culo exploraremos c&oacute;mo usar <a href=\"https:\/\/www.apachefriends.org\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">XAMPP<\/a> para configurar un servidor web local y as&iacute; poder desarrollar y probar tu sitio de WordPress. Esto implica tres pasos:<\/p><ol class=\"wp-block-list\">\n<li>Instalar XAMPP.<\/li>\n\n\n\n<li>Ejecutar XAMPP y configurar tu entorno.<\/li>\n\n\n\n<li>Descargar y ejecutar WordPress.<\/li>\n<\/ol><p>Tambi&eacute;n discutiremos algunas de las mejores pr&aacute;cticas para experimentar con programaci&oacute;n y probar WordPress usando XAMPP. Finalmente, cubriremos c&oacute;mo usar XAMPP con una <a href=\"\/mx\/tutoriales\/todo-lo-que-necesitas-saber-para-activar-y-utilizar-wordpress-multisite\/\" target=\"_blank\" rel=\"noreferrer noopener\">instalaci&oacute;n multisitio<\/a> de WordPress. &iexcl;Empecemos!<\/p><p class=\"has-text-align-center\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-ES.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Descarga la hoja de trucos de WordPress definitiva<\/a><\/p><h2 class=\"wp-block-heading\" id=\"h-para-que-podrias-usar-un-sitio-local-de-wordpress\">&iquest;Para qu&eacute; podr&iacute;as usar un sitio local de WordPress?<\/h2><p>Un sitio de WordPress alojado localmente es uno al que solo pueden acceder personas en tu red (es decir, no hay componentes activos). Como tal, este tipo de sitio puede servir como un entorno seguro, en el que se pueden probar nuevas caracter&iacute;sticas y m&eacute;todos de soluci&oacute;n de problemas.<\/p><p>Los sitios web locales son perfectos para realizar los siguientes tipos de tareas:<\/p><ul class=\"wp-block-list\">\n<li><strong>Creaci&oacute;n de nuevos temas y plugins<\/strong>: al usar un sitio local, no necesitas preocuparte por ninguno de los problemas que puedas encontrar al desarrollar un sitio de WordPress en vivo.<\/li>\n\n\n\n<li><strong>Pruebas del sitio web<\/strong>: puedes crear una copia de un sitio web en vivo, que luego se puede utilizar con fines de prueba.<\/li>\n\n\n\n<li><strong>Depuraci&oacute;n y soluci&oacute;n de problemas del sitio<\/strong>: trabajar en segundo plano tu sitio en vivo para resolver errores u otros problemas podr&iacute;a generar problemas m&aacute;s grandes (y, potencialmente, un tiempo de inactividad costoso). Al crear un sitio local de WordPress, puedes probar varias soluciones y restaurar f&aacute;cilmente versiones anteriores de tu en caso de que cometer alg&uacute;n error.<\/li>\n<\/ul><p>Por estas razones, la creaci&oacute;n de un sitio de WordPress alojado localmente es muy recomendable para casi cualquier proyecto de desarrollo. Pero primero necesitar&aacute;s una herramienta que haga que el proceso de configuraci&oacute;n de un sitio alojado localmente sea r&aacute;pido y f&aacute;cil.<\/p><h2 class=\"wp-block-heading\" id=\"h-una-introduccion-a-xampp\">Una introducci&oacute;n a XAMPP<\/h2><p>Se necesitan algunos ingredientes cruciales si deseas instalar WordPress localmente. Estos consisten en un software de servidor web (como <a href=\"https:\/\/httpd.apache.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Apache<\/a>), lenguajes de programaci&oacute;n, como<a href=\"https:\/\/www.perl.org\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Perl<\/a> y <a href=\"http:\/\/www.php.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">PHP<\/a>, y el software de administraci&oacute;n de bases de datos (<a href=\"https:\/\/dev.mysql.com\/doc\/refman\/8.0\/en\/what-is-mysql.html\" target=\"_blank\" rel=\"noreferrer noopener\">MySQL<\/a>). Sin embargo, instalar cada uno de estos elementos por separado lleva mucho tiempo y es dif&iacute;cil.<\/p><p><a href=\"https:\/\/www.apachefriends.org\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">XAMPP<\/a> (un acr&oacute;nimo de cross (x) -platform, Apache, MySQL, PHP y Perl) te permite instalar todos estos elementos de forma r&aacute;pida y f&aacute;cil. Luego puedes usar XAMPP para configurar el entorno requerido para ejecutar WordPress en una m&aacute;quina local. All&iacute;, podr&aacute;s probar plugins, experimentar con temas y l&iacute;neas de c&oacute;digo, y llevar a cabo otras actividades de desarrollo de forma segura.<\/p><p>XAMPP es un software gratuito y de c&oacute;digo abierto, respaldado por una <a href=\"https:\/\/www.apachefriends.org\/community.html\" target=\"_blank\" rel=\"noreferrer noopener\">comunidad de soporte<\/a> considerable. Tambi&eacute;n es extremadamente ligero, y todos los elementos necesarios para configurar un servidor web local est&aacute;n contenidos en un &uacute;nico archivo extra&iacute;ble. Adem&aacute;s, aprender a usar XAMPP es relativamente sencillo, como veremos a continuaci&oacute;n.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-usar-xampp-para-configurar-un-sitio-local-de-wordpress-en-3-pasos\">&iquest;C&oacute;mo usar XAMPP para configurar un sitio local de WordPress (en 3 pasos)?<\/h2><p>En los siguientes pasos, te mostraremos c&oacute;mo usar XAMPP e instalar WordPress de forma local. Para este tutorial, cubriremos los pasos para la versi&oacute;n para Mac del software. Sin embargo, XAMPP tambi&eacute;n se puede configurar y ejecutar con relativa facilidad en dispositivos <a href=\"https:\/\/www.apachefriends.org\/faq_windows.html\" target=\"_blank\" rel=\"noreferrer noopener\">Windows<\/a> y <a href=\"https:\/\/www.apachefriends.org\/faq_linux.html\" target=\"_blank\" rel=\"noreferrer noopener\">Linux<\/a>, utilizando un proceso similar.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-1-instala-xampp\">Paso 1: instala XAMPP<\/h3><p>En primer lugar, deber&aacute;s ir al <a href=\"https:\/\/www.apachefriends.org\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">sitio web de Apache Friends<\/a> y seleccionar el enlace de descarga correspondiente en la p&aacute;gina de inicio:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"990\" height=\"423\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Mac-Download-button-990x423-1.jpg\" alt=\"Bot&oacute;n de descarga de XAMPP Mac\" class=\"wp-image-11034\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Mac-Download-button-990x423-1.jpg 990w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Mac-Download-button-990x423-1-300x128.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Mac-Download-button-990x423-1-150x64.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Mac-Download-button-990x423-1-768x328.jpg 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure><\/div><p>Luego, arrastra XAMPP a tu carpeta de <strong>Aplicaciones<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"990\" height=\"401\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-drag-to-Applications-Folder-990x401-1.jpg\" alt=\"XAMPP arrastrar a la carpeta de aplicaciones\" class=\"wp-image-11035\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-drag-to-Applications-Folder-990x401-1.jpg 990w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-drag-to-Applications-Folder-990x401-1-300x122.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-drag-to-Applications-Folder-990x401-1-150x61.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-drag-to-Applications-Folder-990x401-1-768x311.jpg 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure><\/div><p>Una vez que se complete la secuencia de carga inicial, XAMPP se instalar&aacute; en tu sistema. Esta parte del proceso de configuraci&oacute;n no requiere mucho de tu parte.<\/p><p>Debemos mencionar que si est&aacute;s ejecutando XAMPP en Windows, y otro programa en tu m&aacute;quina est&aacute; utilizando los puertos 80 o 443, puede que te encuentres con un error de puerto. Por ejemplo, el programa del Servicio de publicaci&oacute;n World Wide Web com&uacute;nmente usa el puerto 80 y puede causar un conflicto con XAMPP.<\/p><p>Para resolver esto, deber&aacute;s detener la ejecuci&oacute;n de ese servicio haciendo lo siguiente:<\/p><ol class=\"wp-block-list\">\n<li>Ve al men&uacute;<strong> Inicio<\/strong> de Windows y escribe <strong>services.msc.<\/strong><\/li>\n\n\n\n<li>En la ventana <strong>Servicios<\/strong>, busca el Servicio de publicaci&oacute;n World Wide Web.<\/li>\n\n\n\n<li>Haz clic derecho sobre &eacute;l y selecciona el bot&oacute;n <strong>Detener<\/strong>.<\/li>\n\n\n\n<li>Reinicia XAMPP. El error del puerto se resolver&aacute; si el servicio de publicaci&oacute;n World Wide Web era el que lo ocasionaba.<\/li>\n<\/ol><p>Si esto no resuelve el problema, puede que sea el firewall de Windows el que lo est&eacute; causando. Para forzar el desbloqueo de tus puertos, deber&aacute;s configurar una nueva regla de firewall:<\/p><ol class=\"wp-block-list\">\n<li>Abre <strong>Windows Firewall<\/strong> y navega a <strong>Configuraci&oacute;n avanzada<\/strong>.<\/li>\n\n\n\n<li>Ve a <strong>Entrante &gt; Nueva regla<\/strong>.<\/li>\n\n\n\n<li>Ve a <strong>Puerto &gt; TCP<\/strong>. Tendr&aacute;s que escribir <strong>80,443<\/strong> en el campo llamado <strong>Puertos espec&iacute;ficos<\/strong>, luego haz clic en <strong>Siguiente<\/strong>.<\/li>\n\n\n\n<li>Selecciona <strong>Permitir la conexi&oacute;n<\/strong>, luego haz clic en <strong>Siguiente<\/strong><\/li>\n\n\n\n<li>Aseg&uacute;rate de que todas las opciones listadas est&eacute;n marcadas y contin&uacute;a a la p&aacute;gina siguiente.<\/li>\n\n\n\n<li>En el campo <strong>Nombre<\/strong>, escribe un nombre que puedas recordar (como <strong>host1<\/strong>) y selecciona <strong>Finalizar<\/strong>.<\/li>\n\n\n\n<li>Ahora deber&aacute;s repetir los pasos 1 a 6, cambiando el nombre nuevamente (es decir, a <strong>host2<\/strong>) para borrar el puerto.<\/li>\n\n\n\n<li>Reinicia tu computadora. Los puertos 80 y 443 ahora deben desbloquearse y abrirse localmente.<\/li>\n<\/ol><p>Una vez que XAMPP se instale, estar&aacute; listo para comenzar a ejecutarse.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-2-ejecuta-xampp-y-configura-tu-entorno\">Paso 2: ejecuta XAMPP y configura tu entorno<\/h3><p>Ahora, abre la aplicaci&oacute;n XAMPP y presiona el bot&oacute;n <strong>Start.<\/strong> Deber&iacute;as ver una luz verde en la esquina superior derecha de la pantalla:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"428\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Start-Button-Screenshot-1320x552-1.jpg\" alt=\"Captura de pantalla del bot&oacute;n de inicio XAMPP\" class=\"wp-image-11036\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Start-Button-Screenshot-1320x552-1.jpg 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Start-Button-Screenshot-1320x552-1-300x125.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Start-Button-Screenshot-1320x552-1-150x63.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Start-Button-Screenshot-1320x552-1-768x321.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>A continuaci&oacute;n, navega a&nbsp;la pesta&ntilde;a <strong>Servicios<\/strong>. Deber&aacute;s asegurarte de que el estado de los servicios de stack de Apache y MySQL se est&eacute;n ejecutando (es decir, que tengan una luz verde). Esto asegurar&aacute; que la administraci&oacute;n de tu base de datos y los elementos de software del servidor est&eacute;n en su lugar para u entorno local. Por ahora, puedes ignorar ProFTPD (que es un servidor de Protocolo de transferencia de archivos configurable).<\/p><p>Si MySQL o Apache no se est&aacute;n ejecutando (si muestran una luz roja), simplemente selecci&oacute;nalos y presiona <strong>Start<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"990\" height=\"407\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Services-Menu-990x407-1.jpg\" alt=\"Men&uacute; de servicios XAMPP\" class=\"wp-image-11037\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Services-Menu-990x407-1.jpg 990w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Services-Menu-990x407-1-300x123.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Services-Menu-990x407-1-150x62.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Services-Menu-990x407-1-768x316.jpg 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure><\/div><p>Luego, cambia a la pesta&ntilde;a <strong>Network<\/strong>. Aqu&iacute;, puedes definir las reglas de reenv&iacute;o de puertos entre tu m&aacute;quina host y tu stack. Selecciona la opci&oacute;n localhost en la que deseas trabajar y luego presiona el bot&oacute;n <strong>Habilitar<\/strong>. En este ejemplo, usaremos <strong>localhost:8080:<\/strong><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"990\" height=\"400\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Network-Tab-Screenshot-990x400-1.jpg\" alt=\"Captura de pantalla de la pesta&ntilde;a de red XAMPP\" class=\"wp-image-11038\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Network-Tab-Screenshot-990x400-1.jpg 990w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Network-Tab-Screenshot-990x400-1-300x121.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Network-Tab-Screenshot-990x400-1-150x61.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Network-Tab-Screenshot-990x400-1-768x310.jpg 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure><\/div><p>Ahora podr&aacute;s acceder a tu host local y comenzar a usar XAMPP como entorno de servidor. Para hacer esto, abre tu navegador web preferido y escribe tu nombre de host local (que en nuestro caso ser&iacute;a <strong>localhost:8080<\/strong>). Esto abrir&aacute; el tablero de XAMPP. Una vez all&iacute;, selecciona el bot&oacute;n <strong>phpMyAdmin<\/strong> en la esquina superior derecha de la p&aacute;gina:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"990\" height=\"498\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Dashboard-phpMyAdmin-Button-990x498-1.jpg\" alt=\"Panel de control XAMPP Bot&oacute;n phpMyAdmin\" class=\"wp-image-11039\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Dashboard-phpMyAdmin-Button-990x498-1.jpg 990w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Dashboard-phpMyAdmin-Button-990x498-1-300x151.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Dashboard-phpMyAdmin-Button-990x498-1-150x75.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/XAMPP-Dashboard-phpMyAdmin-Button-990x498-1-768x386.jpg 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure><\/div><p>Luego deber&aacute;s crear una base de datos para la instalaci&oacute;n de WordPress. Para hacer esto, selecciona la pesta&ntilde;a <strong>Base de datos<\/strong>, escribe un nombre para la base de datos (en nuestro caso, simplemente usaremos <strong>WordPress<\/strong>), aseg&uacute;rate de que el pr&oacute;ximo men&uacute; desplegable est&eacute; configurado en <strong>Collation<\/strong> y luego presiona <strong>Create<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"990\" height=\"204\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/phpMyAdmin-Database-Tab-990x204-1.jpg\" alt=\"Ficha Base de datos phpMyAdmin\" class=\"wp-image-11040\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/phpMyAdmin-Database-Tab-990x204-1.jpg 990w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/phpMyAdmin-Database-Tab-990x204-1-300x62.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/phpMyAdmin-Database-Tab-990x204-1-150x31.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/phpMyAdmin-Database-Tab-990x204-1-768x158.jpg 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure><\/div><p>Despu&eacute;s de eso, estar&aacute;s listo para aprender c&oacute;mo instalar WordPress en XAMPP.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-3-descarga-y-ejecuta-wordpress\">Paso 3: descarga y ejecuta WordPress<\/h3><p>En este punto, deber&aacute;s ir a WordPress.org y <a href=\"https:\/\/es.wordpress.org\/download\/\" target=\"_blank\" rel=\"noreferrer noopener\">descargar la &uacute;ltima versi&oacute;n<\/a> de WordPress:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"990\" height=\"497\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/WordPress.org-Download-WordPress-page-990x497-1.jpg\" alt=\"WordPress.org Descargar la p&aacute;gina de WordPress\" class=\"wp-image-11041\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/WordPress.org-Download-WordPress-page-990x497-1.jpg 990w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/WordPress.org-Download-WordPress-page-990x497-1-300x151.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/WordPress.org-Download-WordPress-page-990x497-1-150x75.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/WordPress.org-Download-WordPress-page-990x497-1-768x386.jpg 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure><\/div><p>Abre la carpeta de WordPress en tu m&aacute;quina y ubica el archivo <strong>wp-sample-config.php<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"990\" height=\"434\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/The-wp-config-sample.php-file-990x434-1.jpg\" alt=\"El archivo wp-config-sample.php\" class=\"wp-image-11042\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/The-wp-config-sample.php-file-990x434-1.jpg 990w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/The-wp-config-sample.php-file-990x434-1-300x132.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/The-wp-config-sample.php-file-990x434-1-150x66.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/The-wp-config-sample.php-file-990x434-1-768x337.jpg 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure><\/div><p>Abre este archivo en tu editor de texto preferido (como TextEdit). Deber&aacute;s ubicar esta l&iacute;nea de texto:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">define('DB_NAME', 'database_name_here');<\/pre><p>Reemplaza <em>database_name_here<\/em> con el nombre que hayas dado a tu base de datos en el &uacute;ltimo paso. Luego, busca estas dos l&iacute;neas:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">define('DB_USER', 'username_here');\ndefine('DB_PASSWORD', 'password_here');<\/pre><p>Deber&aacute;s reemplazar <em>username_here<\/em> con <em>root<\/em> y elimina <em>password_here<\/em> por completo. El texto resultante deber&iacute;a verse as&iacute;:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"990\" height=\"232\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/wp-sample-config-file-990x232-1.jpg\" alt=\"archivo wp-sample-config\" class=\"wp-image-11043\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/wp-sample-config-file-990x232-1.jpg 990w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/wp-sample-config-file-990x232-1-300x70.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/wp-sample-config-file-990x232-1-150x35.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/wp-sample-config-file-990x232-1-768x180.jpg 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure><\/div><p>Una vez hayas hecho eso, guarda el archivo como <strong>wp-config.php<\/strong>. Deber&aacute;s asegurarte de que est&eacute; ubicado en la subcarpeta <strong>htdocs<\/strong> dentro de la carpeta XAMPP. Tambi&eacute;n deber&aacute;s pegar la carpeta de instalaci&oacute;n de WordPress en <strong>htdocs<\/strong>.<\/p><p>Finalmente, navega a <em>http:\/\/localhost\/wp\/<\/em> en tu navegador. Una vez all&iacute;, sigue el procedimiento de instalaci&oacute;n est&aacute;ndar de WordPress. Cuando todo est&eacute; listo, &iexcl;tendr&aacute;s un sitio de WordPress alojado localmente listo para funcionar!<\/p><h2 class=\"wp-block-heading\" id=\"h-como-configurar-wordpress-multisite-en-xampp\">&iquest;C&oacute;mo configurar WordPress Multisite en XAMPP?<\/h2><p>Ahora que sabes c&oacute;mo usar XAMPP para la instalaci&oacute;n de un sitio WordPress, es posible que desees usarlo para crear una red multisitio. Esto te permite crear una red de sitios web que se administran desde una sola instalaci&oacute;n de WordPress. <\/p><p>Hay muchas aplicaciones para una instalaci&oacute;n multisitio. Por ejemplo, presenta una forma &uacute;til de probar c&oacute;mo funcionar&aacute;n tus temas y\/o plugins recientemente desarrollados en una variedad de sitios.<\/p><p>Para comenzar, deber&aacute;s abrir nuevamente tu archivo <strong>wp-config.php<\/strong> en un editor de texto. Luego, deber&aacute;s agregar las siguientes l&iacute;neas de c&oacute;digo en la parte inferior, justo encima de la l&iacute;nea * That&rsquo;s all, stop editing! Happy blogging. *:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">define('WP_DEBUG', false);\ndefine('WP_ALLOW_MULTISITE', true);<\/pre><p>Despu&eacute;s de asegurarte de que Apache y MySQL todav&iacute;a se est&aacute;n ejecutando en XAMPP, inicia sesi&oacute;n en tu sitio localhost. Luego, ve a <strong>Herramientas &gt; Configuraci&oacute;n de red<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"990\" height=\"389\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/WordPress-Tools-Network-Setup-Option-990x389-1.jpg\" alt=\"Opci&oacute;n de configuraci&oacute;n de red de herramientas de WordPress\" class=\"wp-image-11044\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/WordPress-Tools-Network-Setup-Option-990x389-1.jpg 990w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/WordPress-Tools-Network-Setup-Option-990x389-1-300x118.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/WordPress-Tools-Network-Setup-Option-990x389-1-150x59.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2020\/07\/WordPress-Tools-Network-Setup-Option-990x389-1-768x302.jpg 768w\" sizes=\"(max-width: 990px) 100vw, 990px\" \/><\/figure><\/div><p>Una vez que hayas ingresado un t&iacute;tulo de red, selecciona <strong>Instalar<\/strong>. Se te pedir&aacute; que edites tus archivos <strong>wp-config.php<\/strong> y .htaccess.<\/p><p>Abre tu archivo <strong>wp-config.php<\/strong> una vez m&aacute;s. Deber&aacute;s agregar el siguiente c&oacute;digo debajo de las l&iacute;neas que agregaste anteriormente:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">define('MULTISITE', true);\ndefine('SUBDOMAIN_INSTALL', false);\ndefine('DOMAIN_CURRENT_SITE', 'localhost');\ndefine('PATH_CURRENT_SITE', '\/');\ndefine('SITE_ID_CURRENT_SITE', 1);\ndefine('BLOG_ID_CURRENT_SITE', 1);<\/pre><p>A continuaci&oacute;n, deber&aacute;s abrir (o crear) tu archivo <a href=\"\/mx\/tutoriales\/que-es-el-archivo-htaccess\">.htaccess<\/a> en el mismo directorio que tu archivo <strong>wp-config.php<\/strong>. Luego, reemplaza todas las l&iacute;neas existentes en ese archivo con el siguiente fragmento:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"># BEGIN WordPress\nRewriteEngine On\nRewriteBase \/\nRewriteRule ^index\\.php$ - [L]\n\n# add a trailing slash to \/wp-admin\nRewriteRule ^([_0-9a-zA-Z-]+\/)?wp-admin$ $1wp-admin\/ [R=301,L]\n\nRewriteCond %{REQUEST_FILENAME} -f [OR]\nRewriteCond %{REQUEST_FILENAME} -d\nRewriteRule ^ - [L]\nRewriteRule ^([_0-9a-zA-Z-]+\/)?(wp-(content|admin|includes).*) $2 [L]\nRewriteRule ^([_0-9a-zA-Z-]+\/)?(.*\\.php)$ $2 [L]\nRewriteRule . index.php [L]\n\n# END WordPress<\/pre><p>Guarda el archivo y ci&eacute;rralo. Ahora, deber&iacute;as poder acceder a sitios individuales en tu tablero cuando inicies sesi&oacute;n en tu instalaci&oacute;n local de WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-que-puedes-hacer-con-tu-instalacion-local-de-wordpress\">&iquest;Qu&eacute; puedes hacer con tu instalaci&oacute;n local de WordPress?<\/h2><p>Una vez que sepas c&oacute;mo usar XAMPP y tengas un sitio local de WordPress para experimentar, lo que hagas a continuaci&oacute;n depender&aacute; en gran medida del tipo de proyecto de desarrollo en el que te embarques. Para comenzar, WordPress.org ofrece una excelente gu&iacute;a para principiantes sobre c&oacute;mo <a href=\"https:\/\/codex.wordpress.org\/Test_Driving_WordPress\" target=\"_blank\" rel=\"noreferrer noopener\">probar WordPress<\/a>.<\/p><p>Si est&aacute;s interesado en el desarrollo de temas, puedes consultar nuestra gu&iacute;a sobre <a href=\"\/mx\/tutoriales\/crear-tema-wordpress-responsive-usando-html5\/\">c&oacute;mo desarrollar un tema de WordPress<\/a> o visitar sitios como <a href=\"https:\/\/themeshaper.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Theme Shaper<\/a>. Usando tu entorno local, puedes editar tus archivos de manera segura para experimentar con nuevos temas y su funcionalidad asociada.<\/p><p>Si deseas aprender a usar XAMPP y WordPress juntos para probar tu conocimiento de programaci&oacute;n y obtener m&aacute;s experiencia en PHP, tambi&eacute;n hay una serie de gu&iacute;as &uacute;tiles para eso. <a href=\"https:\/\/www.bitdegree.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">BitDegree<\/a> y <a href=\"https:\/\/www.codecademy.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Code Academy<\/a> ofrecen una excelente variedad de tutoriales que cubren los fundamentos de PHP, HTML, y mucho m&aacute;s.<\/p><p>Mientras usas tu instalaci&oacute;n local de WordPress para el desarrollo, tambi&eacute;n querr&aacute;s tener recursos a la mano para solucionar problemas y perfeccionar tus habilidades. <a href=\"https:\/\/stackexchange.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Stack Exchange<\/a> es un gran foro en l&iacute;nea donde puedes hacer preguntas a la comunidad de desarrollo de WordPress, as&iacute; como obtener informaci&oacute;n invaluable. <\/p><p>Finalmente, es probable que desees visitar con frecuencia el <a href=\"https:\/\/es.wordpress.org\/support\/forums\/\" target=\"_blank\" rel=\"noreferrer noopener\">foro de soporte de WordPress.org<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>Como hemos visto, XAMPP es una soluci&oacute;n potente y vers&aacute;til para configurar un servidor web local. Presenta una manera perfecta de crear un entorno para la programaci&oacute;n b&aacute;sica de WordPress, experimentar con configuraciones multisitio, ajustar temas y mucho m&aacute;s. <\/p><p>Aunque no es la &uacute;nica herramienta que puedes usar. Una gran alternativa es configurar WordPress usando Docker.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/mx\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/mx-tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><p>&iquest;Tienes alguna pregunta sobre c&oacute;mo usar XAMPP o tu nuevo sitio local de WordPress? &iexcl;H&aacute;znoslo saber en la secci&oacute;n de comentarios!<\/p><p>\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Aprende t&eacute;cnicas avanzadas de WordPress<\/h4>\n                    <p><a href=\"\/mx\/tutoriales\/que-es-xmlrpc-php-wordpress-por-que-desactivarlo\/\">Qu&eacute; es Xmlrpc.php<\/a><\/p><p><a href=\"\/mx\/tutoriales\/wp-config-php\">Qu&eacute; es wp-config.php<\/a><\/p><p><a href=\"\/mx\/tutoriales\/convertirte-desarrollador-wordpress\">C&oacute;mo convertirte en desarrollador de WordPress<\/a><\/p><p><a href=\"\/mx\/tutoriales\/como-buscar-y-reemplazar-en-base-de-datos-wordpress\/\">C&oacute;mo realizar una b&uacute;squeda y reemplazo en WordPress<\/a><\/p><p><a href=\"\/mx\/tutoriales\/anadir-css-personalizado-wordpress\">C&oacute;mo a&ntilde;adir CSS personalizado a WordPress<\/a><\/p><p><a href=\"\/mx\/tutoriales\/mejorar-velocidad-wordpress\">C&oacute;mo acelerar un sitio web de WordPress<\/a><\/p><p><a href=\"\/mx\/tutoriales\/que-son-hooks-wordpress\">Hooks de WordPress<\/a><\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Configurar un entorno alojado localmente es un paso crucial en cualquier proyecto de desarrollo web, y puedes hacerlo con XAMPP en WordPress. Hacer esto te permite probar con seguridad las caracter&iacute;sticas y funcionalidades de tu sitio, en un sitio completamente privado. En este art&iacute;culo exploraremos c&oacute;mo usar XAMPP para configurar un servidor web local y [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/mx\/tutoriales\/como-usar-xampp-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":138,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"C\u00f3mo usar XAMPP para Configurar un Sitio local WordPress %page%","rank_math_description":"Te explicamos c\u00f3mo usar XAMPP para crear tu propio sitio local de WordPress. Podr\u00e1s desarrollar c\u00f3digos, plugins, temas y mucho m\u00e1s.","rank_math_focus_keyword":"xampp wordpress","footnotes":""},"categories":[4747,14348],"tags":[13652],"class_list":["post-11032","post","type-post","status-publish","format-standard","hentry","category-wordpress","category-experto","tag-xampp-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-use-xampp-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-usar-xampp-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-install-wordpress-di-xampp","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-use-xampp-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-use-xampp-wordpress\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-use-xampp-wordpress\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-usar-xampp-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-usar-xampp-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-usar-xampp-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-use-xampp-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-use-xampp-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-use-xampp-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-use-xampp-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/11032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/comments?post=11032"}],"version-history":[{"count":11,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/11032\/revisions"}],"predecessor-version":[{"id":36004,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/11032\/revisions\/36004"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media?parent=11032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/categories?post=11032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/tags?post=11032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}