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

  • Autor Autor diegomvsc2
  • Fecha de inicio Fecha de inicio
diegomvsc2

diegomvsc2

Dseda
Programador
Verificado por Whatsapp
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
 
Con solo poner <data😛ost.labels/> antes de el titulo funcionaria :drunk:
 
Con solo poner <data😛ost.labels/> antes de el titulo funcionaria :drunk:

Asi es podria ser, muchas gracias.

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

saludos.
 
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 😛8:
 
Gracias por el aporte 🙂
 
buen aporte gracias por compartir
 
Hola eh visto el tutorial y disculpa para que sirve este método?
 
podria hacer que si mi tutolo es (chiste de forobeta) la palabra chiste salga como tag sin poner tag a la entrada
 
Atrás
Arriba