{"id":136,"date":"2007-10-28T02:25:39","date_gmt":"2007-10-28T00:25:39","guid":{"rendered":"http:\/\/www.enezeta.com\/zapateces\/?p=136"},"modified":"2007-11-03T20:03:48","modified_gmt":"2007-11-03T18:03:48","slug":"como-anadir-botones-de-meneamefresqui-en-wordpress-231","status":"publish","type":"post","link":"https:\/\/www.enezeta.com\/zapateces\/2007\/como-anadir-botones-de-meneamefresqui-en-wordpress-231\/","title":{"rendered":"C\u00f3mo a\u00f1adir botones de men\u00e9ame\/fresqui en WordPress 2.3.1"},"content":{"rendered":"<p>Al cambiar el dise\u00f1o del blog quer\u00eda aprovechar para a\u00f1adir nuevas funcionalidades, entre las que estaba el poder enviar directamente los posts a webs como men\u00e9ame, fresqui, etc.<\/p>\n<p>Me puse a investigar y los plugins que hab\u00eda no funcionaban con normalidad.  Sal\u00edan caracteres extra\u00f1os, no se ve\u00edan las im\u00e1genes&#8230; as\u00ed que despu\u00e9s de unas horas buscando y no encontrando nada, decid\u00ed ponerme a rascar c\u00f3digo.  Cosa complicada porque mis nociones de php son nulas.  Por suerte s\u00ed que ten\u00eda ciertas nociones de c\u00f3mo funcionaba el c\u00f3digo de WordPress as\u00ed que me cost\u00f3 poco crear el c\u00f3digo mediante el m\u00e9todo de ensayo-error.<\/p>\n<p>Para los impacientes, aqu\u00ed van las l\u00edneas de c\u00f3digo que han de ir insertadas en el loop de la plantilla index.php.  Si teneis ganas de saber c\u00f3mo funciona seguid leyendo.  Si directamente no necesitas que te lo expliquen haz uso de \u00e9l como te convenga.  <strong>Simplemente me gustar\u00eda que se me reconociera la autor\u00eda y un link de agradecimiento tampoco estar\u00eda mal<\/strong> \ud83d\ude09<!--more--><\/p>\n<p><code>&lt;img src=&quot;&lt;?php bloginfo('template_directory'); ?&gt;\/images\/menefante.gif&quot; align=&quot;top&quot; alt=&quot;Men\u00e9ame&quot; \/&gt;<br \/>\n&lt;a href=&quot;http:\/\/meneame.net\/submit.php?url=&lt;?php the_permalink() ?&gt;&quot; title=&quot;Enviar a men\u00e9ame &lt;?php the_title(); ?&gt;&quot;&gt;Enviar a men\u00e9ame&lt;\/a&gt;<\/code><\/p>\n<p>Y ahora para los que quieran entender c\u00f3mo funciona, el tost\u00f3n.<\/p>\n<p>En la p\u00e1gina index.php de nuestro tema de WordPress hay un fragmento denominado \u00abloop\u00bb que es el que muestra todas las publicaciones de la p\u00e1gina principal.  Lo interesante del loop es que si haces una modificaci\u00f3n, se muestra en todas las entradas de la portada, con el considerable ahorro de tiempo.  Dicho de otro modo: si queremos a\u00f1adir una caracter\u00edstica en todas las entradas que se muestran en la portada, hemos de hacerlo en el loop, como es en el caso que nos ata\u00f1e.<\/p>\n<p>Para eso nos vamos a la p\u00e1gina index.php de nuestro tema y localizamos la zona en la que queremos que se muestren los botones.  Por lo general deber\u00eda ser justo despu\u00e9s de mostrar la entrada y antes de los iconos de los comentarios, etc.  Buceando en el c\u00f3digo podremos encontrarlo con relativa facilidad.<\/p>\n<p>WordPress maneja unas cuantas etiquetas en php para substituir conceptos como el t\u00edtulo del blog, los enlaces a las entradas, los enlaces a comentarios, etc.  Lo que he hecho en este c\u00f3digo ha sido b\u00e1sicamente poner un enlace a los iconitos y luego un enlace para enviar la noticia, pero como los enlaces de las entradas son diferentes en cada una, me he servido de las etiquetas php que maneja WordPress.<\/p>\n<p>Me fij\u00e9 que las direcciones para enviar noticias a estas webs siempre tienen una parte igual seguida del enlace a la noticia en cuesti\u00f3n, as\u00ed que si por ejemplo en men\u00e9ame la direcci\u00f3n fija es<br \/>\n<code>http:\/\/meneame.net\/submit.php?url=<\/code> luego ten\u00eda que poner el enlace de la noticia.  Este enlace se corresponde con la etiqueta php de WordPress llamada<br \/>\n<code>< ?php the_permalink() ?><\/code><\/p>\n<p>Juntamos los dos fragmentos de c\u00f3digos y nos queda un enlace que nos sirve para todas las noticias que queramos enviar a men\u00e9ame.<\/p>\n<p><code>http:\/\/meneame.net\/submit.php?url=< ?php the_permalink() ?><\/code><\/p>\n<p>Para la imagen hacemos lo mismo.  Ponemos la imagen en la carpeta \u00abimages\u00bb de nuestro tema de WordPress y en el enlace substituimos el directorio base por la etiqueta php de WordPress correspondiente.<\/p>\n<p>Tenemos que un enlace habitual para una imagen ser\u00eda <\/p>\n<p><code>&lt;img src=&quot;\/images\/menefante.gif&quot; align=&quot;top&quot; alt=&quot;Men\u00e9ame&quot; \/&gt;<\/code><\/p>\n<p>Pero hemos de decirle que el directorio base es el de nuestro tema, as\u00ed que ponemos su etiqueta justo antes de la primera barra que indica el directorio.<\/p>\n<p><code>&lt;img src=&quot;&lt;?php bloginfo('template_directory'); ?\/&gt;\/images\/menefante.gif&quot; align=&quot;top&quot; alt=&quot;Men\u00e9ame&quot; \/&gt;<\/code><\/p>\n<p>Y listos.  El c\u00f3digo final despu\u00e9s de ajustarlo un poco para que salga como en mi blog es el primero de todos que os he puesto.  Como veis es una combinaci\u00f3n de html y php.<\/p>\n<p>Espero que os sea de ayuda.<\/p>\n<p><strong>Adenda<\/strong><\/p>\n<p>He visto con orgullo que hay gente que ya ha adoptado o modificado el c\u00f3digo para su provecho.  Eso me alegra puesto que para eso lo comparto con todos.  Pod\u00e9is usar el c\u00f3digo tal y como vosotros dese\u00e9is.  Eso s\u00ed, ser\u00e1n agradecidas tanto la menci\u00f3n de la autor\u00eda como un link de reconocimiento hacia <a href=\"http:\/\/www.enezeta.com\/zapateces\">El mundo de las zapateces<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Al cambiar el dise\u00f1o del blog quer\u00eda aprovechar para a\u00f1adir nuevas funcionalidades, entre las que estaba el poder enviar directamente los posts a webs como men\u00e9ame, fresqui, etc. Me puse a investigar y los plugins que hab\u00eda no funcionaban con normalidad. Sal\u00edan caracteres extra\u00f1os, no se ve\u00edan las im\u00e1genes&#8230; as\u00ed que despu\u00e9s de unas horas [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11,2],"tags":[26,25,24,23],"_links":{"self":[{"href":"https:\/\/www.enezeta.com\/zapateces\/wp-json\/wp\/v2\/posts\/136"}],"collection":[{"href":"https:\/\/www.enezeta.com\/zapateces\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.enezeta.com\/zapateces\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.enezeta.com\/zapateces\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.enezeta.com\/zapateces\/wp-json\/wp\/v2\/comments?post=136"}],"version-history":[{"count":0,"href":"https:\/\/www.enezeta.com\/zapateces\/wp-json\/wp\/v2\/posts\/136\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.enezeta.com\/zapateces\/wp-json\/wp\/v2\/media?parent=136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.enezeta.com\/zapateces\/wp-json\/wp\/v2\/categories?post=136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.enezeta.com\/zapateces\/wp-json\/wp\/v2\/tags?post=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}