{"id":6022,"date":"2018-02-21T05:36:57","date_gmt":"2018-02-21T05:36:57","guid":{"rendered":"http:\/\/betaweblog.education\/?p=5912"},"modified":"2018-02-21T05:36:57","modified_gmt":"2018-02-21T05:36:57","slug":"crear-un-recuadro-para-cada-categoria-en-wordpress","status":"publish","type":"post","link":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2018\/02\/21\/crear-un-recuadro-para-cada-categoria-en-wordpress\/","title":{"rendered":"Crear un recuadro para cada categor\u00eda en WordPress"},"content":{"rendered":"<p>Estaba necesitando mostrar una grilla donde se linkeara a los posts de una categor\u00eda en particular, en WordPress.<\/p>\n<p>Buscando en la web, encontr\u00e9 el plugin WP <strong>Ultimate Post Grid, que permite:<\/strong><\/p>\n<ol>\n<li>Crear una gilla<\/li>\n<li>Elegir qu\u00e9 tipo de contenido tendr\u00e1 la grilla (en mi caso &#8220;Categor\u00edas&#8221;)<\/li>\n<li>Insertar la grilla en una p\u00e1gina<\/li>\n<li>Personalizar el CSS de la grilla<\/li>\n<\/ol>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5913\" src=\"\/betaweblog\/wp-content\/uploads\/2018\/02\/grilla-de-novedades-por-categor\u00eda.png\" alt=\"grilla de novedades por categor\u00eda\" width=\"266\" height=\"248\" \/><\/p>\n<p>Para personalizar el CSS, tuve que explorar los nombres y estilos de cada recuadro, logrando identificar un elemento personalizable por cada categor\u00eda:<\/p>\n<p style=\"padding-left: 30px;\">.wpupg-post-7 {<br \/>\nbackground: URL(&#8220;imagendefondo.jpg&#8221;);<br \/>\nbackground-color: black;<br \/>\nheight: 250px;<br \/>\nwidth: 100px;<br \/>\ncolor: white;<br \/>\nfont-size: 200%;<br \/>\nbackground-position:0 25px;<br \/>\nbackground-repeat:no-repeat;<br \/>\n}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Estaba necesitando mostrar una grilla donde se linkeara a los posts de una categor\u00eda en particular, en WordPress. Buscando en la web, encontr\u00e9 el plugin WP Ultimate Post Grid, que permite: Crear una gilla Elegir qu\u00e9 tipo de contenido tendr\u00e1 la grilla (en mi caso &#8220;Categor\u00edas&#8221;) Insertar la grilla en una p\u00e1gina Personalizar el CSS &hellip; <a href=\"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2018\/02\/21\/crear-un-recuadro-para-cada-categoria-en-wordpress\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> &#8220;Crear un recuadro para cada categor\u00eda en WordPress&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-6022","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/comments?post=6022"}],"version-history":[{"count":0,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6022\/revisions"}],"wp:attachment":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/media?parent=6022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/categories?post=6022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/tags?post=6022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}