Tutorial: Mejora la organización de tus posts con etiquetas

diegomvsc2 Seguir

Dseda
Programador
Verificado por Whatsapp
Desde
31 May 2010
Mensajes
1.053
Puedes poner un estilo para que al ver la tag puedan diferenciar los post que les interesen, se pone la ultima etiqueta que agregaste.

Demo
TagsEtiqueta

en tu plantilla buscas
Insertar CODE, HTML o PHP:
<b:includable id='post' var='post'>

y remplazas hasta antes de

Insertar CODE, HTML o PHP:
<div class='post-header'>

con

Insertar CODE, HTML o PHP:
<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<script type='text/javascript'>
var xx = '<data:label.name/>';
var Printxx = xx + &quot;&quot;;
Printxx = '[' + Printxx + ']';
</script>
</b:loop>
<b:else/>
<script type='text/javascript'>
var Printxx = &quot;&quot;;
</script>
</b:if>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><span class='pre-postss'><script>document.write(Printxx);</script></span><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><span class='pre-postss'><script>document.write(Printxx);</script></span><data:post.title/></a>
<b:else/>
<span class='pre-postss'><script>document.write(Printxx);</script></span><data:post.title/>
</b:if>
<b:else/>
<span class='pre-postss'><script>document.write(Printxx);</script></span><data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

como se ve en esta imagen

5641720787.png


y en css pones

Insertar CODE, HTML o PHP:
.pre-postss{
color: #ff0000!important;
font-size: 27px;
}

0655629362.png


Demo
TagsEtiqueta
 

zking

Dseda
Programador
Verificación en dos pasos activada
Desde
15 Jun 2013
Mensajes
1.084
Con solo poner <data:post.labels/> antes de el titulo funcionaria :drunk:
 

zking

Dseda
Programador
Verificación en dos pasos activada
Desde
15 Jun 2013
Mensajes
1.084
Asi es podria ser, muchas gracias.

Va un poco dirigido al estilo poderlo poner entre corchetes y modificar el color.

saludos.

Adaptando a lo que quieres hacer
seria algo así
HTML:
<div id='pre-posts'>
[ <data:post.labels/> ]
</div>

No hay que usar tanto codigo para algo tan simple jojo :p8:
 

Carlos Arreola

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
12.385
Gracias por el aporte :)
 

anferro

1
Ómicron
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
29 Oct 2011
Mensajes
4.544
buen aporte gracias por compartir
 

jcduranm

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
17 Sep 2014
Mensajes
288
podria hacer que si mi tutolo es (chiste de forobeta) la palabra chiste salga como tag sin poner tag a la entrada
 
Arriba