{"id":233544,"date":"2023-02-17T12:30:00","date_gmt":"2023-02-17T09:30:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233544"},"modified":"2023-02-26T18:29:25","modified_gmt":"2023-02-26T15:29:25","slug":"tutorial-de-temas-de-wordpress-para-principiantes","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-temas-de-wordpress-para-principiantes\/","title":{"rendered":"Tutorial de temas de WordPress para principiantes"},"content":{"rendered":"<p>Esta es una serie de tutoriales que cubre los conceptos b\u00e1sicos del desarrollo de un tema de WordPress desde cero. Es para ti que has incursionado un poco en cambiar otros temas, deseando saber lo suficiente para crear el tuyo propio, o intentaste crear tu propio tema desde cero, pero te cost\u00f3 entender los conceptos b\u00e1sicos de lo que necesita un tema. A trav\u00e9s de 12 lecciones, este tutorial tiene como objetivo guiarlo a trav\u00e9s del desarrollo de su propio tema de WordPress, mientras aprende pr\u00e1cticas comunes y los conceptos b\u00e1sicos sobre c\u00f3mo funciona WordPress. El objetivo de este tutorial no es terminar con un tema atractivo y listo para usar o vender, sino brindarle la base s\u00f3lida necesaria para construirlo y ampliarlo.<\/p>\n<p>Le recomiendo que escriba todo usted mismo en lugar de copiar y pegar el c\u00f3digo. \u00a1Esa es la mejor manera de aprender (no te preocupes, no estamos hablando de miles de l\u00edneas aqu\u00ed)! Las lecciones est\u00e1n configuradas para que aprenda lo que hace cada bit de c\u00f3digo, paso a paso, para que pueda modificarlo y agregarlo en el camino, para que pueda hacer que sea como usted quiere que sea o se vea como. Al final de cada lecci\u00f3n, incluir\u00e9 un enlace a las p\u00e1ginas de documentaci\u00f3n para cada m\u00e9todo utilizado, generalmente a <a href=\"https:\/\/codex.wordpress.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress Codex<\/a>.<\/p>\n<p>Este tutorial no cubrir\u00e1 ning\u00fan estilo (CSS), sin embargo, explica c\u00f3mo puede agregar sus hojas de estilo a su tema y explica c\u00f3mo decirle a WordPress que agregue din\u00e1micamente clases \u00fatiles en su HTML. Te animo a dise\u00f1ar tu tema por ti mismo a medida que lo sigues.<\/p>\n<h2>requisitos previos<\/h2>\n<p>Este tutorial es para ti que:<\/p>\n<ul>\n<li>Conoce los conceptos b\u00e1sicos de HTML y CSS<\/li>\n<li>Conoce un poco de PHP. No necesitas ser un experto, pero debes saber lo b\u00e1sico.<\/li>\n<li>Est\u00e1n familiarizados con el uso de WordPress<\/li>\n<li>\u00a1Querer aprender!<\/li>\n<\/ul>\n<p>Lo que necesitar\u00e1s para seguir este tutorial es:<\/p>\n<ul>\n<li>Una configuraci\u00f3n de desarrollo local. Puede desarrollar mediante la transferencia a trav\u00e9s de FTP a un dominio, pero se recomienda configurar uno localmente. (Obviamente) tambi\u00e9n necesitar\u00eda tener WordPress instalado en su sitio de desarrollo. Explico brevemente <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-0-5-setting-up-local-wordpress-development\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">c\u00f3mo hacer esto en la Parte 0<\/a>.<\/li>\n<li>Un buen editor de texto. Puede usar cualquier editor, como el Bloc de notas y similares, pero se recomienda usar un software espec\u00edfico para la codificaci\u00f3n (es m\u00e1s f\u00e1cil de leer, encontrar y escribir c\u00f3digo). Personalmente uso <a href=\"https:\/\/www.sublimetext.com\/3\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sublime Text 3<\/a>.<\/li>\n<\/ul>\n<h2>Tabla de contenido del tutorial<\/h2>\n<p>A continuaci\u00f3n hay enlaces directos a las 12 lecciones de este tutorial; sin embargo, al final de cada lecci\u00f3n encontrar\u00e1 enlaces de navegaci\u00f3n a la lecci\u00f3n siguiente o anterior, por lo que no necesita volver aqu\u00ed.<\/p>\n<p>Sin m\u00e1s pre\u00e1mbulos, \u00a1 <strong>comencemos<\/strong>! Si ya tiene una configuraci\u00f3n de desarrollo de WordPress local, 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<ul>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-temas-de-wordpress-para-principiantes-parte-0-5-configuracion-del-desarrollo-local-de-wordpress\/\" title=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 0.5: Configuraci\u00f3n del desarrollo local de WordPress\">Tutorial de temas de WordPress para principiantes \u2013 Parte 0.5: Configuraci\u00f3n del desarrollo local de WordPress<\/a><\/p>\n<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<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-temas-de-wordpress-para-principiantes-parte-1-introduccion\/\" title=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 1: Introducci\u00f3n\">Tutorial de temas de WordPress para principiantes \u2013 Parte 1: Introducci\u00f3n<\/a><\/p>\n<p>En esta lecci\u00f3n, comenzar\u00e1 a aprender c\u00f3mo WordPress carga contenido seg\u00fan la p\u00e1gina en la que se encuentre y la jerarqu\u00eda de los archivos de plantilla de tema. Tambi\u00e9n aprender\u00e1 lo que se necesita para un tema v\u00e1lido. Y al final finalmente crearemos nuestro tema y lo activaremos.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-temas-de-wordpress-para-principiantes-parte-2-plantillas\/\" title=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 2: Plantillas\">Tutorial de temas de WordPress para principiantes \u2013 Parte 2: Plantillas<\/a><\/p>\n<p>Esta lecci\u00f3n le ense\u00f1ar\u00e1 c\u00f3mo estructurar las plantillas de construcci\u00f3n principales en un tema de WordPress. Comenzaremos creando las plantillas m\u00e1s importantes.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-temas-de-wordpress-para-principiantes-parte-3-contenido-dinamico\/\" title=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 3: Contenido din\u00e1mico\">Tutorial de temas de WordPress para principiantes \u2013 Parte 3: Contenido din\u00e1mico<\/a><\/p>\n<p>En esta lecci\u00f3n del tutorial de temas de WordPress para principiantes, aprenderemos sobre los ganchos en WordPress y agregaremos algunos ganchos en nuestro tema que se requieren para que un tema funcione correctamente con WordPress y los complementos. Tambi\u00e9n comenzaremos a acceder a contenido din\u00e1mico de WordPress en nuestro encabezado, como obtener autom\u00e1ticamente el t\u00edtulo de la p\u00e1gina actual.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-temas-de-wordpress-para-principiantes-parte-4-el-post-loop\/\" title=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 4: El Post Loop\">Tutorial de temas de WordPress para principiantes \u2013 Parte 4: El Post Loop<\/a><\/p>\n<p>En esta lecci\u00f3n del tutorial del tema de WordPress para principiantes, entraremos en detalles sobre el &quot;bucle de publicaci\u00f3n&quot; en WordPress; qu\u00e9 es, c\u00f3mo se ve, por qu\u00e9 lo usamos y c\u00f3mo acceder a las publicaciones. Luego, implementaremos el bucle en nuestro tema.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-tema-de-wordpress-para-principiantes-parte-5-acceder-a-la-informacion-de-la-publicacion\/\" title=\"Tutorial de tema de WordPress para principiantes \u2013 Parte 5: Acceder a la informaci\u00f3n de la publicaci\u00f3n\">Tutorial de tema de WordPress para principiantes \u2013 Parte 5: Acceder a la informaci\u00f3n de la publicaci\u00f3n<\/a><\/p>\n<p>Esta lecci\u00f3n del tutorial del tema de WordPress para principiantes tratar\u00e1 sobre c\u00f3mo podemos acceder y generar informaci\u00f3n como su enlace, t\u00edtulo y m\u00e1s de cada publicaci\u00f3n cuando se encuentra dentro del ciclo de publicaci\u00f3n. Hacemos esto con etiquetas de plantilla. En el proceso, tambi\u00e9n agregaremos las plantillas de vista \u00fanica a nuestro tema.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-tema-de-wordpress-para-principiantes-parte-6-funciones-de-un-tema-php\/\" title=\"Tutorial de tema de WordPress para principiantes \u2013 Parte 6: Funciones de un tema.php\">Tutorial de tema de WordPress para principiantes \u2013 Parte 6: Funciones de un tema.php<\/a><\/p>\n<p>Hoy aprenderemos d\u00f3nde y c\u00f3mo agregar c\u00f3digo fuera de las plantillas en nuestro tema. Hacemos esto agregando el archivo functions.php del tema. En el camino, tambi\u00e9n aprenderemos c\u00f3mo agregar sus hojas de estilo y scripts de la manera adecuada.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-temas-de-wordpress-para-principiantes-parte-7-configuracion-del-tema-e-imagenes-destacadas\/\" title=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 7: Configuraci\u00f3n del tema e im\u00e1genes destacadas\">Tutorial de temas de WordPress para principiantes \u2013 Parte 7: Configuraci\u00f3n del tema e im\u00e1genes destacadas<\/a><\/p>\n<p>Esta lecci\u00f3n contin\u00faa agregando el c\u00f3digo b\u00e1sico requerido para configurar un tema de WordPress. Aprendemos a agregar soportes de temas y filtrar el t\u00edtulo de la portada.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-del-tema-de-wordpress-para-principiantes-parte-8-traduccion\/\" title=\"Tutorial del tema de WordPress para principiantes \u2013 Parte 8: Traducci\u00f3n\">Tutorial del tema de WordPress para principiantes \u2013 Parte 8: Traducci\u00f3n<\/a><\/p>\n<p>Aprendemos c\u00f3mo funciona la traducci\u00f3n (o i18n) en WordPress y c\u00f3mo hacer que los textos sean traducibles. Tambi\u00e9n incluye una gu\u00eda sobre el uso de PoEdit para generar archivos .po.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-temas-de-wordpress-para-principiantes-parte-9-menus-y-areas-de-widgets\/\" title=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 9: Men\u00fas y \u00e1reas de widgets\">Tutorial de temas de WordPress para principiantes \u2013 Parte 9: Men\u00fas y \u00e1reas de widgets<\/a><\/p>\n<p>Esta lecci\u00f3n cubre c\u00f3mo agregar dos funciones principales de WordPress a nuestro tema; men\u00fas y \u00e1reas de widgets. Aprendemos c\u00f3mo registrar una ubicaci\u00f3n para el men\u00fa de navegaci\u00f3n principal de un sitio y generar el men\u00fa en nuestras plantillas, adem\u00e1s de permitir agregar widgets en nuestra barra lateral y \u00e1rea de pie de p\u00e1gina.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-temas-de-wordpress-para-principiantes-parte-10-agregar-mas-plantillas\/\" title=\"Tutorial de temas de WordPress para principiantes \u2013 Parte 10: Agregar m\u00e1s plantillas\">Tutorial de temas de WordPress para principiantes \u2013 Parte 10: Agregar m\u00e1s plantillas<\/a><\/p>\n<p>En esta lecci\u00f3n del tutorial de temas de WordPress para principiantes, profundizaremos m\u00e1s en las plantillas. Aprenderemos sobre las partes de la plantilla y las implementaremos para su reutilizaci\u00f3n. Y agregaremos m\u00e1s plantillas predeterminadas de WordPress a nuestro tema.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-tema-de-wordpress-para-principiantes-parte-11-plantillas-de-pagina-personalizadas\/\" title=\"Tutorial de tema de WordPress para principiantes \u2013 Parte 11: Plantillas de p\u00e1gina personalizadas\">Tutorial de tema de WordPress para principiantes \u2013 Parte 11: Plantillas de p\u00e1gina personalizadas<\/a><\/p>\n<p>En esta lecci\u00f3n del tutorial de temas de WordPress para principiantes, aprendemos sobre las plantillas de p\u00e1gina, qu\u00e9 son, c\u00f3mo crearlas y las mejores pr\u00e1cticas. Haremos una plantilla de ancho completo como ejemplo. En el camino, tambi\u00e9n agregamos una clase al cuerpo preguntando si la p\u00e1gina est\u00e1 usando una plantilla de p\u00e1gina espec\u00edfica.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-tema-de-wordpress-para-principiantes-parte-12-consulta-de-publicacion-personalizada\/\" title=\"Tutorial de tema de WordPress para principiantes \u2013 Parte 12: Consulta de publicaci\u00f3n personalizada\">Tutorial de tema de WordPress para principiantes \u2013 Parte 12: Consulta de publicaci\u00f3n personalizada<\/a><\/p>\n<p>En esta lecci\u00f3n final, aprenderemos c\u00f3mo escribir su propia consulta de publicaciones y recorrerlas sin interrumpir el ciclo principal en la plantilla. Haremos una parte de plantilla para publicaciones individuales que muestre publicaciones relacionadas en la misma categor\u00eda.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/es\/tutorial-de-tema-de-wordpress-para-principiantes-conclusion-y-proximos-pasos\/\" title=\"Tutorial del tema de WordPress para principiantes: conclusi\u00f3n y pr\u00f3ximos pasos\">Tutorial del tema de WordPress para principiantes: conclusi\u00f3n y pr\u00f3ximos pasos<\/a><\/p>\n<p>Concluimos este tutorial de tema de WordPress para principiantes haciendo un resumen r\u00e1pido de lo que hemos aprendido. Y analice qu\u00e9 puede hacer a continuaci\u00f3n y c\u00f3mo mejorar como desarrollador de temas de WordPress.<\/p>\n<\/li>\n<\/ul>\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>Una serie de tutoriales de 12 lecciones que cubren los conceptos b\u00e1sicos del desarrollo de un tema de WordPress desde cero. \u00a1Perfecto para principiantes que quieren convertirse en desarrolladores de temas!<\/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,1110,800,800,924,840,840,861,861],"tags":[1172],"class_list":["post-233544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asignaturas","category-codigo","category-n-a","category-php-2","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/233544","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=233544"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/233544\/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=233544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=233544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=233544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}