Operadores path, params y fragment en Blogger

min

Estos operadores nos permiten tener un mayor control de los enlaces ya que nos proporcionan la posibilidad de añadir o sustituir características, como rutas o parámetros.


Operador path

Este operador nos permite agregar o sustituir la ruta de los enlaces. Su sintaxis se puede expresar de dos formas:


[enlace] path [string]
path([enlace],[string])

En el siguiente ejemplo sustituimos la ruta de las entradas por la ruta hacia una página del blog:


<a expr:href='data:post.url path "/p/condiciones.html"'>
   <!-- Nueva ruta -->
</a>

En este otro ejemplo le agregamos la ruta hacía una etiqueta, al enlace que pertenece a la página principal del blog:


<a expr:href='data:blog.canonicalHomepageUrl path "/search/label/anime"'>
   <!-- Nueva ruta -->
</a>

Este ejemplo es igual que el anterior, solo que esta vez usamos la sintaxis alternativa:


<a expr:href='path(data:blog.canonicalHomepageUrl, "/search/label/anime")'>
   <!-- Nueva ruta -->
</a>

Operador params

Este operador nos permite agregar parámetros a los enlaces. Si la url ya contiene el parámetro entonces el operador lo sustituye. Su sintaxis se puede expresar de dos formas:


[enlace] params {[object]}
params([enlace],{[object]})

En el siguiente ejemplo le agregamos el parámetro "idioma", al enlace que pertenece a la página principal del blog:


<a expr:href='data:blog.canonicalHomepageUrl params {idioma: "es"}'>
   <!-- la url obtendrá el parámetro "?idioma=es" -->
</a>

En este otro ejemplo le agregamos los parámetros "fecha","genero" y "tipo", al enlace que pertenece a la página actual del blog:


<a expr:href='data:blog.url params {fecha: "2017", genero: "ecchi", tipo: "serie"}'>
   <!-- la url obtendrá el parámetro "?fecha=2017&genero=ecchi&tipo=serie" -->
</a>

Este ejemplo es similar al anterior, solo que esta vez usamos la sintaxis alternativa:


<a expr:href='params(data:blog.url, {genero: "ecchi", tipo: "serie"})'>
   <!-- la url obtendrá el parámetro "?genero=ecchi&tipo=serie" -->
</a>

Operador appendParams

Este operador es similar a params, la diferencia es que appendParams no sustituye los parámetros existentes en la url. Su sintaxis se puede expresar de dos formas:


[enlace] appendParams {[object]}
appendParams([enlace],{[object]})

En el siguiente ejemplo le agregamos el parámetro "vista", al enlace que pertenece a la página actual del blog:


<a expr:href='data:blog.canonicalUrl appendParams {vista: "blog"}'>
   <!-- la url obtendrá el parámetro "?vista=blog" -->
</a>

Operador fragment

Este operador añade o sustituye un fragmento en un enlace. Su sintaxis se puede expresar de dos formas:


[enlace] fragment [string]}
fragment([enlace],[string])

<a expr:href='data:blog.canonicalUrl fragment "anime"'>
   <!-- la url obtendrá el fragmento "#anime" -->
</a>

Si tienes alguna duda déjala en los comentarios. Si te ha servido esta entrada no olvides compartir, eso me ayudaria mucho.