Hoy estaba buscando al Plugin para Wordpress que me permita agregar un botón para Bitácoras y/o Menéame. Siempre me disgustaron los botones porque son antiestéticos, pero hay veces que son necesarios, mas cuando los usuarios son habitúes de estos sitios y tienen una tendencia compulsiva a menear o anotar links.
El principal problema con el que me encontré fue que no pude hallar un Plugin que me permita elegir las entradas que yo deseo que se “Marquen” o se “Meneenen”. Todos los plugins que encontré se anexaban indiscriminadamente a todas mis entradas. Como ya lo menciones, los botones los encuentro antiestéticos, o uno muchas veces es humilde y entiende que no todo el contendido puede resultar sumamente interesante para toda la comunidad.
Es ahí cuando me dí cuenta que me tenía que darme maña yo mismo para ver como realizaba esta fusión. Recordé el funcionamiento de los Custom fields en Wordpress, y todo fue más claro.
Es por eso que quiero compartir mi experiencia.
Manos a la Obra!
Lo que vamos a realizar es: crear un Custom Field que le diga a Wordpress en que entradas queremos que nuestro botón aparezca, y proporcionarle código que necesitamos para que el botón funcione.
Primer paso:
Tenemos que pensar donde queremos que aparezca el botón. Podemos optar por insertarlo en el front de la página o en la entrada misma. Para este ejemplo voy a realizarlo en la misma entrada, justo antes del contenido y al lado de la fecha y los comentarios.
Para eso abrimos el archivo single.php de nuestro Theme. Y buscamos el mejor lugar para el botón. Luego tenemos que entender como funciona el botón (para este caso de bitácoras).
Para este ejemplo he tomado el botón mini, que parecia el más simpá¡tico. Una vez hecho eso, pasamos a crear el Custom Field. (CtrlC + Ctrl+V)
Que tendrá el siguiente formato:
[sourcecode language='php']ID, $key, true) == “mini”) { ?>
[/sourcecode]
Donde:
- Social será nuestra Key (social es solo un ejemplo, elegí la palabra que más te guste)
- Mini será el formato del botón, ya que podemos optar por crear varios Custom Fields de una sola vez e ir alternando los formatos. Más adelante lo explico mejor.
También nota que agregue
[sourcecode language='css']
que es lo que le proporcionara el formato a nuestro botón.
Segundo paso:
Abrimos nuestra hoja de estilos, generalmente style.css, y agregamos este estilo: (otra vez: Es optativo)
[sourcecode language='css'].socialb {
float:right;
padding: .0px 3px 0px 0;
}[/sourcecode]
Listo hemos creado todo lo necesario para que nuestro botón funcione. Vamos a comprobarlo creando una entrada. Una vez creada, vamos hasta la sección de Custom Field y lo completamos como se muestra en la imagen.
Si todo salió bien, deberíamos ver nuestro botón junto con la entrada.
Un poco más Avanzado
Anteriormente dije que podríamos crear varios Custom Fileds de una vez. En el siguiente ejemplo voy a explicar como crear un Botón para Bitácoras junto con otro para Menéame. El código es muy similar al primero ya mencionado con la sumatoria del código para menéame.
[sourcecode language='php']<?php $key=”social”; if (get_post_meta($post->ID, $key, true) == “mini”) { ?>