{"id":233740,"date":"2023-02-21T18:44:00","date_gmt":"2023-02-21T15:44:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233740"},"modified":"2023-02-21T18:44:34","modified_gmt":"2023-02-21T15:44:34","slug":"tutorial-de-temas-de-wordpress-para-principiantes-parte-0-5-configuracion-del-desarrollo-local-de-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-temas-de-wordpress-para-principiantes-parte-0-5-configuracion-del-desarrollo-local-de-wordpress\/","title":{"rendered":"Tutorial de temas de WordPress para principiantes \u2013 Parte 0.5: Configuraci\u00f3n del desarrollo local de WordPress"},"content":{"rendered":"\n<p>Esta lecci\u00f3n explicar\u00e1 r\u00e1pidamente c\u00f3mo configurar un entorno de desarrollo local e instalar WordPress en \u00e9l, para que podamos comenzar a desarrollar nuestro tema. Es para usted que nunca ha configurado un entorno de desarrollo ni ha instalado WordPress localmente con fines de prueba o desarrollo. Si ya tienes todo listo, salta a la <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">parte 1<\/a>.<\/p>\n<p>Configurar una pila de desarrollo web es crucial y m\u00e1s simple de lo que piensa. En breve; es un programa que instala un servidor web (generalmente Apache) y una base de datos (generalmente MySQL) en su computadora para que su computadora pueda servir sitios web. Es mucho m\u00e1s r\u00e1pido y sencillo desarrollar y probar su c\u00f3digo &quot;localmente&quot; en su computadora que cargarlo constantemente a trav\u00e9s de FTP a un dominio o servidor.<\/p>\n<p>Editar: \u00a1He creado una gu\u00eda actualizada y m\u00e1s detallada sobre <a href=\"https:\/\/wordpress.mediadoma.com\/es\/guia-completa-para-instalar-un-servidor-web-y-wordpress-en-localhost\/\" title=\"c\u00f3mo configurar un WordPress local aqu\u00ed\">c\u00f3mo configurar un WordPress local aqu\u00ed<\/a>! <\/p>\n<h2>Establecer un entorno de desarrollo local<\/h2>\n<p>Hay varios programas gratuitos que le permiten configurar su computadora como un servidor web. Los m\u00e1s comunes son <a href=\"http:\/\/www.wampserver.com\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WampServer<\/a> para Windows y <a href=\"https:\/\/www.apachefriends.org\/index.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">XAMPP<\/a> o <a href=\"https:\/\/www.mamp.info\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MAMP<\/a> para Mac IOS. Para sistemas Windows de 64 bits, aseg\u00farese de instalar la versi\u00f3n de 64 bits de WampServer. En cuanto a IOS, recomiendo XAMPP, pero tenga en cuenta que lo m\u00e1s probable es que necesite realizar algunos pasos adicionales para cambiar los permisos de la carpeta de desarrollo (que es necesaria para que WordPress instale complementos y m\u00e1s).<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e7ad896.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e7ad896.jpg\" alt=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 0.5: Configuraci\u00f3n del desarrollo local de WordPress\"><\/a><\/p>\n<p>Descargue el software (enlaces arriba) y ejecute el instalador. No necesita proporcionar ning\u00fan detalle, deber\u00eda instalar de forma predeterminada el servidor web Apache y la base de datos MySQL y deber\u00eda funcionar bien sin ning\u00fan cambio. Una vez hecho esto, abra el programa. Por lo general, iniciar\u00e1 el lanzamiento de un servidor Apache y SQL cuando inicie el programa; de lo contrario, deber\u00eda haber un enlace para &quot;Iniciar todos los servicios&quot;.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e880aff.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e880aff.png\" alt=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 0.5: Configuraci\u00f3n del desarrollo local de WordPress\"><\/a><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e94b231.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4e94b231.png\" alt=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 0.5: Configuraci\u00f3n del desarrollo local de WordPress\"><\/a><\/p>\n<p>Mientras se ejecuta su programa, deber\u00eda poder ir a su navegador, escribir <code>localhost<\/code>y ver la p\u00e1gina de bienvenida de ese programa. Tenga en cuenta que necesita que este programa se ejecute en segundo plano, ejecutando todos los servicios, mientras desarrolla.<\/p>\n<p>En WampServer puede hacer clic en el icono de la barra de tareas y elegir &quot;Iniciar todos los servicios&quot; en el men\u00fa desplegable. En XAMPP el programa tiene un bot\u00f3n para ello en su interfaz principal.<\/p>\n<p>El programa le proporcionar\u00e1 una carpeta dedicada donde puede colocar sus archivos de desarrollo web. Para WampServer, el directorio predeterminado es la subcarpeta <code>www<\/code>dentro del directorio de instalaci\u00f3n del programa; <code>C:wamp64www<\/code>por ejemplo Para XAMPP en IOS, encontrar\u00e1 un acceso directo a la carpeta <code>htdocs<\/code>dentro de <code>Programs &gt; XAMPP &gt; htdocs<\/code>. Esta carpeta es donde puede colocar cualquier archivo php o web y acceder a ellos a trav\u00e9s de su navegador y tambi\u00e9n es donde colocar\u00e1 todos los archivos de WordPress.<\/p>\n<h2>Instalaci\u00f3n de WordPress<\/h2>\n<p>\u00a1Instalar WordPress es realmente f\u00e1cil! Vaya a <a href=\"https:\/\/wordpress.org\/download\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">la p\u00e1gina de descarga de WordPress.org<\/a> y haga clic en el bot\u00f3n azul grande para descargar. Obtendr\u00e1s un archivo zip con la versi\u00f3n actual de WordPress, en ingl\u00e9s.<\/p>\n<p>Le recomiendo que cree una subcarpeta en su carpeta de desarrollo local para WordPress (en caso de que desee realizar varios proyectos de desarrollo web o varios WordPress). A los efectos de este tutorial, cre\u00e9 una subcarpeta llamada <code>wordpress<\/code>, por lo que mi ruta es <code>C:wamp64wwwwordpress<\/code>(para acceder a esta carpeta, tendr\u00eda que ir a <code>localhost\/wordpress<\/code>mi navegador).<\/p>\n<p>1 Extraiga el contenido zip de su WordPress descargado en el lugar deseado en su entorno de desarrollo.<\/p>\n<p>En segundo lugar, deber\u00e1 crear una base de datos en su SQL local, para que WordPress pueda instalar todo lo que contiene. Por lo general, puede usar PHPMyAdmin (se instala de manera predeterminada con WampServer y XAMPP). Para acceder a PHPMyAdmin, navegue hasta <code>localhost\/phpmyadmin<\/code>en su navegador. Deber\u00eda ver una p\u00e1gina de inicio de sesi\u00f3n. Por defecto el usuario es <code>root<\/code>y la contrase\u00f1a est\u00e1 vac\u00eda.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4ea2b633.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152245-61e4d4ea2b633.png\" alt=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 0.5: Configuraci\u00f3n del desarrollo local de WordPress\"><\/a><\/p>\n<p>Dependiendo de la versi\u00f3n de PHPMyAdmin que haya instalado, deber\u00eda encontrar f\u00e1cilmente algunos enlaces para instalar una nueva base de datos; por ejemplo, &quot;Nuevo&quot; en la parte superior de la barra lateral izquierda. Decida un nombre de base de datos para su instalaci\u00f3n de WordPress (le recomiendo que use el mismo nombre que su carpeta; por ejemplo, <code>wordpress<\/code>o algo un poco m\u00e1s revelador). En cuanto al tipo de intercalaci\u00f3n (el men\u00fa desplegable), recomiendo usar \u00bb <code>utf8_general_ci<\/code>&quot; (tendr\u00e1 que desplazarse un poco hacia abajo para encontrarlo). Presiona OK, y puedes cerrar la pesta\u00f1a PHPMyAdmin. WordPress se encargar\u00e1 del resto por ti.<\/p>\n<p>2 Inicie sesi\u00f3n en su base de datos con PHPMyAdmin y cree una nueva base de datos con el nombre de base de datos elegido y utf8 como tipo de intercalaci\u00f3n.<\/p>\n<p>El paso final es ejecutar el instalador de WordPress que hace el resto por ti.<\/p>\n<p>3 En su navegador, navegue hasta <code>localhost\/wordpress<\/code>(o donde haya extra\u00eddo WordPress). El instalador de WordPress deber\u00eda aparecer y guiarlo a trav\u00e9s de la instalaci\u00f3n de WordPress.<\/p>\n<p>La gu\u00eda de instalaci\u00f3n le pedir\u00e1 que ingrese el nombre de su base de datos (ingrese el que cre\u00f3 anteriormente), su nombre de usuario y contrase\u00f1a de SQL (por defecto, &quot;ra\u00edz&quot; y contrase\u00f1a vac\u00eda). Para todo lo dem\u00e1s, puede dejarlo como predeterminado o configurar las variables deseadas, como el nombre de su sitio, y definir sus credenciales de inicio de sesi\u00f3n.<\/p>\n<p>Cuando termine la gu\u00eda de instalaci\u00f3n de WordPress, \u00a1ahora deber\u00eda tener un WordPress completo instalado localmente! Visitar <code>localhost\/wordpress<\/code>deber\u00eda darle su p\u00e1gina principal y visitar <code>localhost\/wordpress\/wp-admin<\/code>deber\u00eda darle su panel de administraci\u00f3n.<\/p>\n<p>\u00a1Ya est\u00e1 listo para comenzar a desarrollar su tema de WordPress! Vaya directamente a la <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Parte 1: Introducci\u00f3n<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El paso 0.5 del tutorial de temas de WordPress para principiantes cubre c\u00f3mo configurar un entorno de desarrollo local con WAMP o XAMPP e instalar WordPress.<\/p>\n","protected":false},"author":1,"featured_media":223973,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[924,892,892,716,716,831,914,1110,914,831,924,840,840,861,861],"tags":[1172],"class_list":["post-233740","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asignaturas","category-codigo","category-desarrollador","category-guia-para-principiantes","category-otro","category-n-a","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/233740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=233740"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/233740\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/223973"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=233740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=233740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=233740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}