Artículos relacionados


Filtrar por categoría o etiqueta

Para filtrar las entradas por categoría o etiqueta, añade dos bloques del código del complemento: uno con la opción «Filtrar solo por categoría» activada y otro con la opción «Filtrar solo por etiqueta» activada. Por ejemplo:

<!-- Plugin Related Posts -->
<script src="/s/plugin-related-posts.js"></script>
<script>pluginRelatedPosts({"filterByCategoryOnly":"true"});</script>
<!-- end Plugin Related Posts -->

<!-- Plugin Related Posts -->
<script src="/s/plugin-related-posts.js"></script>
<script>pluginRelatedPosts({"filterByTagOnly":"true"});</script>
<!-- end Plugin Related Posts -->

Añade este código después del código del plugin:

<!-- Plugin Related Posts - Filter by category or tag -->
<!-- Author: Dmytro Kyselov https://dmytrokyselov.com/ -->
<style>.c-related-posts + .c-related-posts { display: none !important }</style>
<script>function filterByCategoryOrTag(){var relatedPosts=document.querySelector(".c-related-posts + .c-related-posts");if(!relatedPosts)return null;var mainList=document.querySelector(".c-related-posts .summary-item-list"),items;[].slice.call(relatedPosts.querySelectorAll(".summary-item")).forEach((function(item){var link=item.querySelector("a[href]");mainList.querySelector('a[href="'+link.getAttribute("href")+'"]')||mainList.appendChild(item)}));var gallery=Y.one(mainList).getData("gallery");gallery&&gallery.destroy()}window.addEventListener("RelatedPostsAdded",filterByCategoryOrTag)</script>
<!-- end Plugin Related Posts - Filter by category or tag -->

Añadir espacio arriba

Para añadir más espacio encima de las entradas relacionadas, añade este código debajo del código del plugin:

<!-- Plugin Related Posts - Add a gap above -->
<style>
.view-item .c-related-posts__heading {
  margin: 50px 0 -17px;
}
</style>
<!-- end Plugin Related Posts - Add a gap above -->

Cambiar la familia de fuentes

Para cambiar la familia de fuentes de las entradas relacionadas, añade este código debajo del código del plugin y cambia «FontName» por la familia de fuentes que desees.

<!-- Plugin Related Posts - Change Font -->
<style>
.view-item .c-related-posts {
  font-family: FontName;
}
</style>
<!-- end Plugin Related Posts - Change Font -->
Anterior
Anterior

Temporizador de cuenta atrás

Siguiente
Siguiente

Barra lateral