Al cambiar el diseño del blog quería aprovechar para añadir nuevas funcionalidades, entre las que estaba el poder enviar directamente los posts a webs como menéame, fresqui, etc.
Me puse a investigar y los plugins que había no funcionaban con normalidad. Salían caracteres extraños, no se veían las imágenes… así que después de unas horas buscando y no encontrando nada, decidí ponerme a rascar código. Cosa complicada porque mis nociones de php son nulas. Por suerte sí que tenía ciertas nociones de cómo funcionaba el código de WordPress así que me costó poco crear el código mediante el método de ensayo-error.
Para los impacientes, aquí van las líneas de código que han de ir insertadas en el loop de la plantilla index.php. Si teneis ganas de saber cómo funciona seguid leyendo. Si directamente no necesitas que te lo expliquen haz uso de él como te convenga. Simplemente me gustaría que se me reconociera la autoría y un link de agradecimiento tampoco estaría mal 😉
<img src="<?php bloginfo('template_directory'); ?>/images/menefante.gif" align="top" alt="Menéame" />
<a href="http://meneame.net/submit.php?url=<?php the_permalink() ?>" title="Enviar a menéame <?php the_title(); ?>">Enviar a menéame</a>
Y ahora para los que quieran entender cómo funciona, el tostón.
En la página index.php de nuestro tema de WordPress hay un fragmento denominado «loop» que es el que muestra todas las publicaciones de la página principal. Lo interesante del loop es que si haces una modificación, se muestra en todas las entradas de la portada, con el considerable ahorro de tiempo. Dicho de otro modo: si queremos añadir una característica en todas las entradas que se muestran en la portada, hemos de hacerlo en el loop, como es en el caso que nos atañe.
Para eso nos vamos a la página index.php de nuestro tema y localizamos la zona en la que queremos que se muestren los botones. Por lo general debería ser justo después de mostrar la entrada y antes de los iconos de los comentarios, etc. Buceando en el código podremos encontrarlo con relativa facilidad.
WordPress maneja unas cuantas etiquetas en php para substituir conceptos como el título del blog, los enlaces a las entradas, los enlaces a comentarios, etc. Lo que he hecho en este código ha sido básicamente 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.
Me fijé que las direcciones para enviar noticias a estas webs siempre tienen una parte igual seguida del enlace a la noticia en cuestión, así que si por ejemplo en menéame la dirección fija es
http://meneame.net/submit.php?url=
luego tenía que poner el enlace de la noticia. Este enlace se corresponde con la etiqueta php de WordPress llamada
< ?php the_permalink() ?>
Juntamos los dos fragmentos de códigos y nos queda un enlace que nos sirve para todas las noticias que queramos enviar a menéame.
http://meneame.net/submit.php?url=< ?php the_permalink() ?>
Para la imagen hacemos lo mismo. Ponemos la imagen en la carpeta «images» de nuestro tema de WordPress y en el enlace substituimos el directorio base por la etiqueta php de WordPress correspondiente.
Tenemos que un enlace habitual para una imagen sería
<img src="/images/menefante.gif" align="top" alt="Menéame" />
Pero hemos de decirle que el directorio base es el de nuestro tema, así que ponemos su etiqueta justo antes de la primera barra que indica el directorio.
<img src="<?php bloginfo('template_directory'); ?/>/images/menefante.gif" align="top" alt="Menéame" />
Y listos. El código final después 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ón de html y php.
Espero que os sea de ayuda.
Adenda
He visto con orgullo que hay gente que ya ha adoptado o modificado el código para su provecho. Eso me alegra puesto que para eso lo comparto con todos. Podéis usar el código tal y como vosotros deseéis. Eso sí, serán agradecidas tanto la mención de la autoría como un link de reconocimiento hacia El mundo de las zapateces
Gracias por compartir el código , espero poderlo usar en alguno de mis proyectos , cuando eso ocurra no te preocupes que haré mención de tu autoría.
Gracias a ti. Ya sé que puede parecer vanidoso, pero frustra bastante ver cómo te comes el coco para solucionar problemas, lo compartes para bien de la comunidad y la gente no duda un segundo en tomarlo todo sin ni siquiera un mísero link de retorno.
Feliz año!
felicidades por el post, es de muchísima ayuda sobre todo porque está muy bien explicado el porque de todo. Yo estoy empezando y no tengo ni idea muchas cuando modifico el código del porque lo hago al seguir algunas instrucciones en la web. Mucho mejor así que se aprendes al menos lo que estas haciendo.
saludos.