{"id":3722,"date":"2011-09-14T21:32:16","date_gmt":"2011-09-14T19:32:16","guid":{"rendered":"https:\/\/tulipemedia.com\/?p=345"},"modified":"2025-05-28T15:19:54","modified_gmt":"2025-05-28T13:19:54","slug":"tutorial-y-guia-sobre-formatos-de-publicacion-de-wordpress","status":"publish","type":"post","link":"https:\/\/tulipemedia.com\/es\/tutoriel-et-guide-sur-les-post-formats-de-wordpress\/","title":{"rendered":"Tutorial y gu\u00eda sobre formatos de publicaciones de WordPress"},"content":{"rendered":"<blockquote><p>EL <strong>formatos de publicaci\u00f3n personalizados<\/strong> de <strong>WordPress<\/strong> le permite transformar un blog cl\u00e1sico de WordPress en una plataforma de publicaci\u00f3n realmente divertida. \u00a1Vamos a ver c\u00f3mo funciona!<\/p><\/blockquote>\n<p><!--more--><\/p>\n<h2>Definici\u00f3n de formatos de publicaci\u00f3n<\/h2>\n<h3>Formatos de publicaci\u00f3n: kesako?<\/h3>\n<p>EL <strong>formatos de publicaci\u00f3n<\/strong> de <strong>WordPress<\/strong> constituyen una nueva caracter\u00edstica introducida tras el lanzamiento de la versi\u00f3n 3 del CMS de blogs m\u00e1s famoso del mundo. Esta es una funci\u00f3n que le permite <strong>subdividir los art\u00edculos en varios tipos<\/strong>, para presentarlos de forma diferente en tu blog seg\u00fan sean.<\/p>\n<p>Con formatos de publicaci\u00f3n personalizados, puedes hacer que tu blog sea interactivo, animado y diverso tanto en contenido como en forma. Aqu\u00ed est\u00e1 la lista de formatos de art\u00edculos proporcionados actualmente por WordPress:<\/p>\n<ul>\n<li>Predeterminado: elemento normal.<\/li>\n<li>aparte: art\u00edculo r\u00e1pido.<\/li>\n<li>gato: di\u00e1logo.<\/li>\n<li>galer\u00eda (galer\u00eda): galer\u00eda de fotos.<\/li>\n<li>enlace: uno o m\u00e1s enlaces externos.<\/li>\n<li>imagen: imagen sencilla.<\/li>\n<li>cita<\/li>\n<li>estado: Un estado como en Facebook o Twitter, por ejemplo.<\/li>\n<li>video<\/li>\n<li>audio<\/li>\n<\/ul>\n<p>Inspirada en Tumblr, proveedor de blogs interactivos y divertidos, esta funcionalidad permite dinamizar un blog o revista tradicional d\u00e1ndole la posibilidad de mostrar el contenido de forma diferente seg\u00fan el tipo de tema tratado. EL <a href=\"http:\/\/themes.digitonik.com\/tumbleten\/\" target=\"_blank\" rel=\"noopener\">Tema de la ca\u00edda diez<\/a> por ejemplo (ver imagen de la izquierda) muestra muy expl\u00edcitamente lo que es posible con los formatos de publicaci\u00f3n.<\/p>\n<p>De hecho, el lado divertido aqu\u00ed es proporcionar un \u00edcono espec\u00edfico para cada tipo de contenido, as\u00ed como diferentes elementos del art\u00edculo. Por ejemplo, puedes optar por mostrar s\u00f3lo un enlace, s\u00f3lo un t\u00edtulo, o s\u00f3lo el contenido del art\u00edculo sin t\u00edtulo, o incluso un v\u00eddeo o una galer\u00eda de fotos.<\/p>\n<p>En t\u00e9rminos de fidelizaci\u00f3n, supone un paso adelante para mejorar el atractivo de un blog, ya sea corporativo, de entretenimiento, personal o period\u00edstico. Este tipo de funcionalidad permite reunir en un solo blog estados estilo Twitter, art\u00edculos o editoriales detallados, v\u00eddeos, etc.<\/p>\n<h3>Diferencia entre formatos de publicaci\u00f3n y tipos de publicaciones personalizadas<\/h3>\n<p>Mucha gente no comprende la distinci\u00f3n entre tipos de publicaciones personalizadas y formatos de publicaciones, dos funciones que a priori est\u00e1n duplicadas. En verdad, los tipos de publicaciones personalizadas crean nuevos tipos de contenido que no son art\u00edculos. De hecho, los art\u00edculos por un lado y las p\u00e1ginas por el otro, por ejemplo, son dos tipos diferentes de contenido. Entonces, al crear un tipo de publicaci\u00f3n personalizada, est\u00e1s creando un nuevo tipo de contenido. Podr\u00edan ser, por ejemplo, rese\u00f1as de pel\u00edculas, fichas t\u00e9cnicas, productos, pasantes, etc.<\/p>\n<p>Por el contrario, los formatos de publicaciones son tipos de publicaciones (por lo tanto, tipos de art\u00edculos): tienen la particularidad de ser est\u00e1ndar y, por lo tanto, menos personalizables (en otras palabras, la lista de formatos de publicaciones proporcionada anteriormente es tal como est\u00e1, no se puede modificar a priori), y se muestran como publicaciones en todas partes del blog.<\/p>\n<h2>Instale formatos de publicaci\u00f3n en su blog de WordPress<\/h2>\n<p>La instalaci\u00f3n de formatos de publicaci\u00f3n en su blog requiere seguir los siguientes pasos. Estos no constituyen un repositorio y existen varios m\u00e9todos de implementaci\u00f3n.<\/p>\n<h3>Habilitar formatos de publicaci\u00f3n personalizados<\/h3>\n<p>Para activar formatos de publicaci\u00f3n personalizados en su tema de WordPress, vaya al archivo funciones.php de su tema para agregar las l\u00edneas a continuaci\u00f3n. Puede eliminar formatos de publicaci\u00f3n que no desee utilizar.<\/p>\n<p><em>agregar_tema_soporte(<\/em><br \/>\n<em>&#039;post-formatos&#039;, matriz (<\/em><br \/>\n<em>&#039;aparte&#039;,<\/em><br \/>\n<em>&#039;gato&#039;,<\/em><br \/>\n<em>&#039;galer\u00eda&#039;,<\/em><br \/>\n<em>&#039;imagen&#039;,<\/em><br \/>\n<em>&#039;enlace&#039;,<\/em><br \/>\n<em>&#039;cita&#039;,<\/em><br \/>\n<em>&#039;estado&#039;,<\/em><br \/>\n<em>&#039;video&#039;,<\/em><br \/>\n<em>&#039;audio&#039;<\/em><br \/>\n<em>)<\/em><br \/>\n<em>);<\/em><\/p>\n<p>Ahora deber\u00eda ver el peque\u00f1o cuadro relacionado con los formatos de art\u00edculos en su administrador de WordPress, m\u00e1s precisamente a la derecha del formulario de publicaci\u00f3n de su publicaci\u00f3n:<\/p>\n<p>Ahora que los formatos de publicaci\u00f3n est\u00e1n activados, esto no significa que ver\u00e1s una diferencia en tu blog. De hecho, incluso seleccionando, por ejemplo, &quot;Chat&quot; para uno de sus art\u00edculos, no se mostrar\u00e1 en forma de chat antes de que haya modificado el c\u00f3digo de su archivo de art\u00edculo y, de paso, su archivo CSS.<\/p>\n<p>De hecho, la funci\u00f3n add_theme_support instala las funciones b\u00e1sicas de los formatos de publicaci\u00f3n personalizados, pero depende de usted hacer que su tema sea compatible. \u00a1Pero no te preocupes, te mostrar\u00e9 c\u00f3mo hacerlo!<\/p>\n<h3>has_post_format() VS get_template_part<\/h3>\n<p>Hay dos opciones disponibles para hacer que los archivos de su tema sean compatibles con los formatos de publicaci\u00f3n. La primera es una soluci\u00f3n sencilla para entender el principio si est\u00e1s empezando y no te sientes muy c\u00f3modo con el c\u00f3digo PHP, la segunda es la soluci\u00f3n m\u00e1s limpia.<\/p>\n<h4>La funci\u00f3n has_post_format()<\/h4>\n<p>WordPress ha proporcionado esta funci\u00f3n para implementar d\u00f3nde aparecen sus publicaciones y personalizar lo que desea mostrar para cada formato de publicaci\u00f3n. Este m\u00e9todo solo se recomienda si solo tienes unos pocos formatos de art\u00edculos y quieres acelerar el trabajo :)<\/p>\n<p>loop.php y single.php<\/p>\n<p><em>if (has_post_format(&#039;aparte&#039;)) {<\/em><br \/>\n<em>\/\/mostrar c\u00f3digo para publicaciones r\u00e1pidas<\/em><br \/>\n<em>} elseif (has_post_format(&#039;chat&#039;)) {<\/em><br \/>\n<em>\/\/muestra el c\u00f3digo relacionado con los art\u00edculos del chat<\/em><br \/>\n<em>} elseif (has_post_format(&#039;gallery&#039;)) { \/\/muestra el c\u00f3digo relacionado con la galer\u00eda de fotos de la publicaci\u00f3n<\/em><br \/>\n<em>} else { \/\/muestra el c\u00f3digo est\u00e1ndar de tu tema para mostrar tus art\u00edculos<\/em><br \/>\n<em>}<\/em><\/p>\n<p><strong>Tenga en cuenta: este c\u00f3digo a\u00fan debe usarse en todos los casos en el archivo single.php, incluso si elige el m\u00e9todo a continuaci\u00f3n.<\/strong><\/p>\n<h4>La funci\u00f3n get_template_part()<\/h4>\n<p>En un archivo tem\u00e1tico bien abastecido y lleno de estructuras condicionales, el m\u00e9todo citado anteriormente no es muy met\u00f3dico. As\u00ed que vamos a dividir el c\u00f3digo para que quede lo m\u00e1s claro posible.<\/p>\n<p>bucle.php<\/p>\n<p><em>si (have_posts()):<\/em><br \/>\n<em>mientras (have_posts()): the_post();<\/em><br \/>\n<em>si(!get_post_format()) {<\/em><br \/>\n<em>get_template_part(&#039;formato&#039;, &#039;est\u00e1ndar&#039;);<\/em><br \/>\n<em>} dem\u00e1s {<\/em><br \/>\n<em>get_template_part(&#039;formato&#039;, get_post_format());<\/em><br \/>\n<em>}<\/em><br \/>\n<em>final mientras;<\/em><\/p>\n<p>En otras palabras: si el art\u00edculo actualmente en el bucle no presenta un formato de art\u00edculo particular, inicie el tema est\u00e1ndar; en caso contrario, inicie el tema relacionado con el formato de publicaci\u00f3n.<\/p>\n<p>Por tanto, con este c\u00f3digo necesitamos crear los archivos est\u00e1ndar y espec\u00edficos. Para ello, nada podr\u00eda ser m\u00e1s sencillo, basta con crear un archivo format-standard.php que contenga el bucle est\u00e1ndar, luego un archivo format-video.php que contendr\u00e1 el c\u00f3digo relativo a la visualizaci\u00f3n de los art\u00edculos de v\u00eddeo, y luego un archivo format -archivo aside.php que contendr\u00eda el c\u00f3digo relativo a la visualizaci\u00f3n de art\u00edculos \u201cal paso\u201d, etc\u2026<\/p>\n<h3>La funci\u00f3n post_class()<\/h3>\n<p>Particularmente interesante, esta funci\u00f3n le permitir\u00e1 implementar una clase en formato art\u00edculo, para luego personalizarla mediante el archivo CSS. Ampliemos el formato lateral, por ejemplo:<\/p>\n<p><em>if (has_post_format(&#039;aparte&#039;)) {<\/em><br \/>\n<em>&lt;div id=&quot;&nbsp;&raquo;post-NO NUMERIC NOISE KEY&quot; 1001&nbsp;&raquo; no numeric noise key 1000&gt;<\/em><br \/>\n<em>&lt;?php the_content();?&gt;<\/em><br \/>\n<em>&lt;\/div&gt;<\/em><br \/>\n<em>} else { \/\/muestra el c\u00f3digo est\u00e1ndar de tu tema para mostrar tus art\u00edculos<\/em><br \/>\n<em>}<\/em><\/p>\n<p>La funci\u00f3n post_class() afiliar\u00e1 la clase <strong>.formato aparte<\/strong> a tu publicaci\u00f3n \u201cde pasada\u201d, por ejemplo.<\/p>\n<h3>Personalice el estilo de los formatos de art\u00edculos mediante un archivo CSS<\/h3>\n<p>Como acabamos de ver arriba, el formato aparte se caracteriza por la clase .format-aside. \u00a1As\u00ed que todo lo que tienes que hacer es dise\u00f1ar este formato en el archivo CSS! Ejemplo :<\/p>\n<p><em>.format-aside h2 {tama\u00f1o de fuente: 2em}<\/em><br \/>\n<em>.formato aparte {<\/em><br \/>\n<em>fondo: URL (imagenes\/aside.png) -118px 14px;<\/em><br \/>\n<em>-webkit-border-radio: 10px;<\/em><br \/>\n<em>-moz-border-radio: 10px;<\/em><br \/>\n<em>radio del borde: 10px;<\/em><br \/>\n<em>relleno: 15px 20px 5px;<\/em><br \/>\n<em>posici\u00f3n: relativa; }<\/em><\/p>\n<p>A trav\u00e9s de este c\u00f3digo, le indicamos a las publicaciones de tipo \u201cde passant\u201d que muestren un fondo de pantalla espec\u00edfico, un tama\u00f1o de t\u00edtulo espec\u00edfico y un borde redondeado, suficiente para resaltar est\u00e9ticamente este tipo de contenido. \u00a1Puedes dejar volar tu imaginaci\u00f3n y agregar todo tipo de estilos, luego generalizar el procedimiento a todos los formatos de publicaci\u00f3n!<\/p>\n<h3>Ejemplo de resumen<\/h3>\n<p>Aqu\u00ed hay un c\u00f3digo resumido llave en mano para poner las ideas en pr\u00e1ctica:<\/p>\n<p>En el archivo loop.php (o index.php) donde se muestra el contenido:<\/p>\n<p><em>si (have_posts()):<\/em><br \/>\n<em>mientras (have_posts()): the_post();<\/em><br \/>\n<em>if(!get_post_format()) { get_template_part(&#039;formato&#039;, &#039;est\u00e1ndar&#039;);<\/em><br \/>\n<em>} else { get_template_part(&#039;formato&#039;, get_post_format());<\/em><br \/>\n<em>}<\/em><br \/>\n<em>final mientras;<\/em><br \/>\n<em>terminara si;<\/em><\/p>\n<p>formato-est\u00e1ndar.php:<\/p>\n<p><em>El contenido predeterminado de su tema para mostrar sus art\u00edculos.<\/em><\/p>\n<p>formato-aparte.php:<\/p>\n<p><em>&lt;div id=&quot;&nbsp;&raquo;post-NO NUMERIC NOISE KEY&quot; 1001&nbsp;&raquo; no numeric noise key 1000&gt;<\/em><br \/>\n<em>&lt;?php the_content();?&gt;<\/em><br \/>\n<em>&lt;\/div&gt;<\/em><\/p>\n<h2>Excluir ciertos formatos de publicaciones de los canales RSS<\/h2>\n<p>\u00datil a la hora de publicar determinados formatos de art\u00edculos breves o art\u00edculos relacionados con momentos de humor (pienso en particular en estados, apartes, chat, etc.) <a href=\"http:\/\/www.josscrowcroft.com\/2011\/code\/wordpress-exclude-post-formats-aside-status-from-rss-feeds\/\" target=\"_blank\" rel=\"noopener\">esta caracter\u00edstica descubierta aqu\u00ed<\/a> le permitir\u00e1 no \u201ccontaminar\u201d su feed RSS con contenidos alternativos. De hecho, si tiene muchos lectores que siguen su feed RSS, corren el riesgo de quedar desconcertados r\u00e1pidamente por la afluencia de noticias procedentes de formatos de publicaciones.<\/p>\n<p>Reemplace &quot;post-format-status&quot; o &quot;aside&quot; con los formatos de publicaci\u00f3n que desea excluir.<\/p>\n<p>funciones.php:<\/p>\n<p><em>\/\/ Ejecutar ciertos formatos de publicaci\u00f3n desde canales RSS:<\/em><br \/>\n<em>funci\u00f3n excluir_post_formats_from_feeds (&amp;$wp_query) {<\/em><\/p>\n<p><em>\/\/ Si consulta de feed:<\/em><br \/>\n<em>si ($wp_query-&gt;is_feed()) {<\/em><\/p>\n<p><em>\/\/ Matriz de formatos de publicaci\u00f3n para excluir, por slug,<\/em><br \/>\n<em>\/\/ ejemplo: \u201cpost-formato-{formato}\u201d<\/em><br \/>\n<em>$post_formats_to_exclude = matriz(<\/em><br \/>\n<em>&#039;estado-post-formato&#039;,<\/em><br \/>\n<em>&#039;post-formato-aparte&#039;<\/em><br \/>\n<em>);<\/em><\/p>\n<p><em>\/\/ Consulta adicional para hackear el objeto $wp_query:<\/em><br \/>\n<em>$extra_tax_query = matriz(<\/em><br \/>\n<em>&#039;taxonom\u00eda&#039; =&gt; &#039;post_format&#039;,<\/em><br \/>\n<em>&#039;campo&#039; =&gt; &#039;babosa&#039;,<\/em><br \/>\n<em>&#039;t\u00e9rminos&#039; =&gt; $post_formats_to_exclude,<\/em><br \/>\n<em>&#039;operador&#039; =&gt; &#039;NO EN&#039;<\/em><br \/>\n<em>);<\/em><\/p>\n<p><em>$tax_query = $wp_query-&gt;get( &#039;tax_query&#039; );<\/em><br \/>\n<em>si (is_array($tax_query)) {<\/em><br \/>\n<em>$tax_query = $tax_query + $extra_tax_query;<\/em><br \/>\n<em>} dem\u00e1s {<\/em><br \/>\n<em>$tax_query = matriz( $extra_tax_query );<\/em><br \/>\n<em>}<\/em><br \/>\n<em>$wp_query-&gt;set(&#039;tax_query&#039;, $tax_query);<\/em><br \/>\n<em>}<\/em><br \/>\n<em>}<\/em><\/p>","protected":false},"excerpt":{"rendered":"<p>C\u00f3mo transformar un tema de Wordpress en un blog realmente divertido estilo Tumblr usando formatos de publicaci\u00f3n personalizados: formatos de publicaci\u00f3n personalizados. \u00a1Sigue la gu\u00eda y aprende c\u00f3mo activarlos, instalarlos y usarlos en tu tema!<\/p>","protected":false},"author":17,"featured_media":2386,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[5],"tags":[166],"class_list":["post-3722","post","type-post","status-publish","format-chat","has-post-thumbnail","hentry","category-wordpress","tag-tutoriels-wordpress","post_format-post-format-chat"],"_links":{"self":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts\/3722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/comments?post=3722"}],"version-history":[{"count":2,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts\/3722\/revisions"}],"predecessor-version":[{"id":4199,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts\/3722\/revisions\/4199"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/media\/2386"}],"wp:attachment":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/media?parent=3722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/categories?post=3722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/tags?post=3722"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}