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 -->