Crea de forma fácil y sencilla plantillas para tu blog, como si fuera un Plugin. La finalidad es crear funciones con plantillas de lo que podemos escribir en un post con más asiduidad. Consiste en englobar en un sólo punto (función o plugin), lo que repetimos varias veces a lo largo del blog.
Cualquiera puede hacerlo, es sencillo y aquà daremos las bases para conseguirlo.
¡¡¡IMPORTANTE!!! Lo primero es crear un archivo llamado functions.php, sino existe, y subirlo a la carpeta del Theme que actualmente estemos usando.
La estructura de functions.php serÃa la siguiente.
/*
Template functions, Plantillas para unificar lo que se hace de forma repetitiva.
*/
?>
Por ejemplo, posiblemente tenemos una lista de BlogRoll, y cuando realizamos un Meme, siempre tenemos que escribir el mismo texto, los mismos enlaces y los mismos links. Un proceso repetitivo que estarÃa bien englobarlo en un Plugin, pero como primer paso podemos hacer algo más sencillo y rudimentario, como una llamada a una función.
-
/*
-
BlogRollList, lista de forma manual y rudimentaria todo el BlogRoll Actual.
-
*/
-
function BlogRollList(){
-
echo '<a href="http://amebasaladeriva.com/" title="Entretenimiento, ocio, interesante, humor" target="blank">Amebas a la Deriva</a>, '.
-
'<a href="http://www.dogguie.com/" title="Entretenimiento, ocio, interesante, humor" target="blank">Dogguie</a>, '.
-
'<a href="http://frikiorgulloso.com/" title="Entretenimiento, ocio, interesante, humor" target="blank">Friki Orgulloso</a>, '.
-
'<a href="http://www.autoleyendas.com/" title="Automoviles que hacen Historia" target="blank">AutoLeyendas</a>, '.
-
'<a href="http: //caxarro.blogspot.com/" title="Entretenimiento, ocio, interesante, humor" target="blank">Caxarro</a>, '.
-
'<a href="http://www.inkilino.com/" title="TecnologÃa y algo de Seo" target="blank">Inkilino</a> '.
-
'y <a href="http://www.vinagreasesino.com/" title="informática paso a paso" target="blank">Vinagre Asesino</a>';
-
}
Ejemplo de la llamada a la función BlogRollList: Amebas a la Deriva, Dogguie, Friki Orgulloso, AutoLeyendas, Inkilino, Vinagre Asesino y Blog en Serio
En mi caso tengo varias imagenes que suelo poner en los Post, para resaltar que son Acertijos, Adivinanzas, Relatos de una Historia, Iniciativas, etc. Aqui os muestro unos cuantos.
-
/*
-
Mini Logo Sorpresa
-
*/
-
function Interrogante(){
-
echo '<div id="box">';
-
echo '<a style="float:right; margin: 0 0 5px 5px; padding: 10px;"'.
-
'href="http://www.komoloves.com/">'.
-
'<img src="http://www.komoloves.com/wp-content/uploads/MinikomoloveslogoSorpresa.png" '.
-
'alt="Sorpresa !!! Que puede Ser ??? Animo que tu puedes"> '.
-
'</a>';
-
echo '</div>';
-
return '';
-
}
-
-
/*
-
PorkenoLoVes, Relatos de una Historia, muestra el Logo intelectual, con gafas y buscando Algo.
-
*/
-
function PorkenoLoVes(){
-
echo '<div id="box">';
-
echo '<a style="float:left; padding: 5px;"'.
-
'href="http://www.komoloves.com/">'.
-
'<img src="http://www.komoloves.com/wp-content/uploads/MinikomolovesLogoIntriga.png" '.
-
'alt="Porkeno lo ves - Relatos de una Historia"> '.
-
'</a>';
-
echo '</div>';
-
return '';
-
}
-
-
/*
-
Iniciativa Sin, para indicar que se puede apuntar más gente a la iniciativa desde aqui.
-
*/
-
function IniciativaSin(){
-
//box begin
-
echo '<div id="box">';
-
echo '<div style="border: 1px solid #3F95C5; '.
-
'background-color:#CAB7B6; margin:10px; padding:5px;">';
-
//imagen
-
//border: 1px solid #999;
-
echo '<a style="float:right; margin: 0 0 5px 5px; padding: 0px;"'.
-
'href="http://www.komoloves.com/iniciativa-sin/iniciativa-sin/">'.
-
'<img src="http://www.komoloves.com/wp-content/uploads/IniciativaSinMini.png" '.
-
'alt="Apuntate a la Iniciativa Sin"> '.
-
'</a>';
-
//Texto
-
echo 'No Tengas miedo y apuntate a '.
-
'<a href="http://www.komoloves.com/iniciativa-sin/iniciativa-sin/"><strong>Iniciativa Sin</strong></a>, '.
-
'Se el proximo en ser Analizado, a un precio que seguro puedes pagar '.
-
'(0 Euros), Clicka y descubrelo';
-
//Box End
-
echo '</div></div>';
-
-
return '';
-
}
Ejemplos de llamadas a estas 3 funciones.
Aqui podrÃamos escribir cualquier cosa, y vemos como con la llamada a PorkenoLoVes se situa a la Izquierda, delante del parrafo. Y de esta forma el Usuario puede identificar el ArtÃculo de Porkeno Lo Ves - Relatos de una Histaria con un Vistazo rápido. Como segunda imagen podemos descubrir la llamada a Interrogante, y vemos como muestra una Imagen a la deracha, con el TÃpico Logo de Komoloves Sorprendido. Esto suelo utilizarlo para Acertijos, Adivinanzas, Juegos, para lo que vea que pueda cuadrar. Por último podemos ver, la llamada a IniciativaSin, donde después de cada Análisis que realizaba, ponÃa siempre la misma coletilla debajo del ArtÃculo.
No Tengas miedo y apuntate a Iniciativa Sin, Se el proximo en ser Analizado, a un precio que seguro puedes pagar (0 Euros), Clicka y descubrelo
PodeÃs ver que es algo útil y práctico
Conclusión
Hemos podido mostrar como englobar plantillas en un sólo punto, para después poder ir utlizándolas a lo largo de nuestros ArtÃculos. Es Cierto que necesitamos una Base un poco más que aceptable de Código Html y Css.
Pero todo tiene Solución.
¿Os a parecido interesante? ¿Os ha ayudado? Si necesitais ayuda o teneis algún tipo de problema, comentármelo. Si necesitais que os Ponga una base de Html o Css me lo decÃs también. Aunque considero que hay mucha información al Respecto.
Saludos y espero haber ayudado.
Tambien puedes dirigirte a






Hola colega, yo estaba pensando en algo similar, pero añadiendo el código directamente desde el editor de código.
Lo que propones es muy interesante pero para un blog con muchas visitas tantos “echo” y el css en lÃnea no se si será muy económico.
¿Qué opinas?
UsingJoder Toni, el artÃculo esta genial xD !!!!
Pero, creo que nuestro asesino avinagrado tiene razón y es mejor separar el CSS
UsingLa verdad que me he liado un poco al final, pero he captado la idea básica, y me parece bastante interesante, al menos está bien saberlo para futuras aplicaciones.
Using[...] otro dÃa leà en Komoloves un artÃculo en el que se explicaba como usar funciones para añadir plantillas de texto en WordPress. Yo no llegué a entender demasiado bien como usarlas y me acordé que tengo pendiente [...]
Usingtenéis razón, y serÃa preferible tener el CSS aparte. Eso estarÃa mejor, aunque para algunas cosas quizás sea necesario poner parte del CSS en las functions.
Using[...] Crea Plantillas o plugins sencillos para tu Blog [...]
Using[...] con una Simple llamada me enlaza todos los Blogs de la lista de BlogRoll, que explico en la entrada Crea Plantillas para tu Blog de forma Fácil. Y estaba pensando en realizar otra parecida para los Memes, con los mismos o diferentes Bloggers, [...]
Using