{"id":66,"date":"2025-04-18T10:21:59","date_gmt":"2025-04-18T14:21:59","guid":{"rendered":"https:\/\/juredev.com\/blog\/?p=66"},"modified":"2025-04-18T19:02:21","modified_gmt":"2025-04-18T23:02:21","slug":"nuevo-look-en-el-blog-descubre-la-mecanica-detras-de-mi-tema-minimalista-en-wordpress","status":"publish","type":"post","link":"https:\/\/juredev.com\/blog\/2025\/04\/nuevo-look-en-el-blog-descubre-la-mecanica-detras-de-mi-tema-minimalista-en-wordpress\/","title":{"rendered":"Nuevo look en el blog! Descubre la mec\u00e1nica detr\u00e1s de mi tema minimalista en WordPress"},"content":{"rendered":"\n<p>\u00a1<a href=\"https:\/\/juredev.com\/blog\/\">El blog de Jure<\/a> tiene cara nueva! Desde ayer, mi sitio luce un dise\u00f1o renovado, m\u00e1s oscuro y fiel a un estilo minimalista que pone el contenido en el centro de todo. En este art\u00edculo, te invito a un recorrido detr\u00e1s de escena para explorar c\u00f3mo cre\u00e9 este tema en WordPress desde cero, por qu\u00e9 apost\u00e9 por la simplicidad y qu\u00e9 hay en la parte trasera de todo este cambio. Si te gusta el dise\u00f1o limpio y funcional, \u00a1sigue leyendo!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfPor qu\u00e9 un dise\u00f1o minimalista?<\/strong><\/h2>\n\n\n\n<p>En un mundo donde la informaci\u00f3n nos abruma, la simplicidad es un superpoder. Un dise\u00f1o minimalista elimina distracciones, prioriza la legibilidad y garantiza que el contenido brille por s\u00ed mismo. Mi objetivo era claro: ofrecer una experiencia de lectura c\u00f3moda, r\u00e1pida y accesible, sin importar si visitas el blog desde tu celular, tableta o computadora.<\/p>\n\n\n\n<p>Este tema refleja esa filosof\u00eda. Con menos ruido visual, colores suaves y una navegaci\u00f3n intuitiva, el contenido es el verdadero protagonista. Adem\u00e1s, quer\u00eda un dise\u00f1o que cargara r\u00e1pido y que no dependiera de actualizaciones de terceros, d\u00e1ndome total control sobre cada detalle.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Parte Trasera: C\u00f3mo constru\u00ed el tema en WordPress<\/strong><\/h2>\n\n\n\n<p>En lugar de usar un tema prefabricado o un constructor visual complejo, decid\u00ed crear un tema tradicional de WordPress desde cero, usando HTML, CSS y PHP. Este enfoque me dio libertad para dise\u00f1ar exactamente lo que quer\u00eda: un sitio ligero, funcional y 100 % adaptado a mis necesidades minimalistas.<\/p>\n\n\n\n<p>El proceso comenz\u00f3 con una estructura b\u00e1sica que luego divid\u00ed en las plantillas esenciales de WordPress. Aqu\u00ed te explico las piezas clave:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>jureminimalblog\/\n\u251c\u2500\u2500 style.css           (Hoja de estilos principal con informaci\u00f3n del tema)\n\u251c\u2500\u2500 index.php           (Plantilla para la p\u00e1gina principal\/archivo de posts)\n\u251c\u2500\u2500 single.php          (Plantilla para entradas individuales)\n\u251c\u2500\u2500 category.php        (Plantilla para archivos de categor\u00edas)\n\u251c\u2500\u2500 tag.php             (Plantilla para archivos de etiquetas)\n\u251c\u2500\u2500 header.php          (Plantilla para el encabezado del sitio)\n\u251c\u2500\u2500 footer.php          (Plantilla para el pie de p\u00e1gina del sitio)\n\u2514\u2500\u2500 functions.php       (Funciones y config. del tema, como registro de men\u00fas)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>style.css<\/strong>: El alma visual del tema. Aqu\u00ed defin\u00ed los estilos, colores (usando variables CSS para cambios r\u00e1pidos) y la responsividad, asegurando que el dise\u00f1o se vea impecable en cualquier dispositivo. Cada elemento, desde los t\u00edtulos hasta los comentarios, sigue la est\u00e9tica minimalista.<\/li>\n\n\n\n<li><strong>index.php<\/strong>: La p\u00e1gina principal, donde se listan los t\u00edtulos de los art\u00edculos con su fecha de publicaci\u00f3n. Cada t\u00edtulo enlaza a la entrada completa, y a\u00f1ad\u00ed paginaci\u00f3n para navegar f\u00e1cilmente entre las listas de posts.<\/li>\n\n\n\n<li><strong>single.php<\/strong>: La plantilla que muestra el contenido completo de cada art\u00edculo, incluyendo el t\u00edtulo, la fecha, el texto, los comentarios y un formulario para dejar nuevas respuestas. Tambi\u00e9n incorpor\u00e9 enlaces para ir al art\u00edculo anterior o siguiente, facilitando la navegaci\u00f3n.<\/li>\n\n\n\n<li><strong>category.php<\/strong> y <strong>tag.php<\/strong>: Estas plantillas organizan los art\u00edculos por categor\u00edas o etiquetas. Si haces clic en una categor\u00eda o etiqueta, ver\u00e1s una p\u00e1gina dedicada, distinta de la p\u00e1gina principal, para explorar contenido relacionado.<\/li>\n\n\n\n<li><strong>header.php<\/strong>: Es la cabecera del sitio. Incluye el t\u00edtulo del blog, una breve descripci\u00f3n (visible solo en la p\u00e1gina principal) y un men\u00fa de navegaci\u00f3n din\u00e1mico que puedo gestionar desde el panel de WordPress sin tocar c\u00f3digo.<\/li>\n\n\n\n<li><strong>footer.php<\/strong>: El pie de p\u00e1gina, con un aviso de copyright que se actualiza autom\u00e1ticamente con el a\u00f1o y el nombre del blog.<\/li>\n\n\n\n<li><strong>functions.php<\/strong>: Este archivo incluye funciones personalizadas, como el registro del men\u00fa din\u00e1mico y otras caracter\u00edsticas espec\u00edficas del tema.<\/li>\n<\/ul>\n\n\n\n<p>Con este enfoque, el c\u00f3digo es limpio, eficiente y f\u00e1cil de entender. Al evitar frameworks pesados o constructores visuales, logr\u00e9 un tema ligero que carga r\u00e1pido y es sencillo de mantener. Lo coloqu\u00e9 en un repositorio si te interesa echarle un ojo <a href=\"https:\/\/github.com\/jure-ve\/jureminimalblog\">jureminimalblog<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Simplicidad y flexibilidad<\/strong><\/h2>\n\n\n\n<p>Lo que m\u00e1s me gusta de este tema es su simplicidad. Al basarme en la estructura est\u00e1ndar de WordPress y funciones nativas, el c\u00f3digo es accesible para cualquiera con conocimientos b\u00e1sicos de desarrollo web. Si alguien quisiera usar este tema como base para su propio blog, podr\u00eda personalizar las plantillas o el CSS sin toparse con las limitaciones de temas m\u00e1s complejos.<\/p>\n\n\n\n<p>Esta simplicidad tambi\u00e9n hace que el tema sea s\u00faper adaptable. Cambiar colores, ajustar el dise\u00f1o o a\u00f1adir nuevas funciones es pan comido, lo que lo convierte en una base s\u00f3lida para futuros proyectos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Un agradecimiento especial<\/strong><\/h2>\n\n\n\n<p>Crear este tema fue un proceso iterativo lleno de aprendizajes. No lo hice solo: cont\u00e9 con una gu\u00eda experta que me ayud\u00f3 a resolver retos t\u00e9cnicos (como asegurarme de que mis estilos CSS tuvieran prioridad sobre los del navegador) y a pulir cada detalle. Ese apoyo marc\u00f3 la diferencia, y estoy muy agradecido por ello. Gracias Jim.<\/p>\n\n\n\n<p>Espero que disfrutes el nuevo look del blog tanto como yo disfrut\u00e9 crearlo. Este dise\u00f1o no solo refleja mi amor por la simplicidad, sino tambi\u00e9n mi pasi\u00f3n por construir cosas desde cero. Si tienes comentarios, preguntas o quieres compartir tu experiencia con WordPress.<\/p>\n\n\n\n<p>\u00a1Gracias por leer y seguimos codificando!<br><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a1El blog de Jure tiene cara nueva! Desde ayer, mi sitio luce un dise\u00f1o renovado, m\u00e1s oscuro y fiel a un estilo minimalista que pone el contenido en el centro de todo. En este art\u00edculo, te invito a un recorrido detr\u00e1s de escena para explorar c\u00f3mo cre\u00e9 este tema en WordPress desde cero, por qu\u00e9 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[19],"class_list":["post-66","post","type-post","status-publish","format-standard","hentry","category-nota","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/juredev.com\/blog\/wp-json\/wp\/v2\/posts\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juredev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/juredev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/juredev.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juredev.com\/blog\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":0,"href":"https:\/\/juredev.com\/blog\/wp-json\/wp\/v2\/posts\/66\/revisions"}],"wp:attachment":[{"href":"https:\/\/juredev.com\/blog\/wp-json\/wp\/v2\/media?parent=66"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/juredev.com\/blog\/wp-json\/wp\/v2\/categories?post=66"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/juredev.com\/blog\/wp-json\/wp\/v2\/tags?post=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}