Upravujeme nastavení a vzhled YARPP – Yet Another Related Posts Plugin

Yet Another Related Posts Plugin, ve zkratce i YARPP, je plugin, který zobrazuje stránky, příspěvky a vlastní typy příspěvků související s aktuálním záznamem. YARPP seznamuje návštěvníky s dalším relevantním obsahem na vašem webu – zvyšuje zapojení návštěvníků, dobu strávenou na webu a SEO. Související příspěvky mohou zvýšit počet zobrazených stránek až o 10 %. Stačí nainstalovat, aktivovat a sledovat, jak se vám zvyšují relace a počet zobrazených stránek. Mezi jeho klíčové funkce patří:

Pokročilý a všestranný algoritmus: Pomocí přizpůsobitelného algoritmu, který zohledňuje názvy příspěvků, obsah, značky, kategorie a vlastní taxonomie, vyhledává YARPP související obsah z celého webu. Ukládání do mezipaměti: Díky vestavěné mezipaměti jsou následné dotazy mimořádně efektivní a rychlé. Vlastní šablony a styly: Použijte předpřipravenou šablonu seznamu nebo šablonu miniatur nebo použijte vlastní systém šablon YARPP pro 100% kontrolu nad styly a zobrazením výsledků.

Flexibilní s celou řadou možností umístění, včetně: Automatické možnosti zobrazení (na stránce nastavení YARPP vyberte, kde se má YARPP zobrazit). Možnosti RSS/Feed, Editor bloků (Gutenberg), Zkratka [.yarpp.], Widget, Funkce YARPP(), Rozhraní REST API. Funguje se všemi jazyky, včetně jazyků s plnou šířkou (dvoubajtovými) znaky a jazyků, které nepoužívají mezery mezi slovy. Podpora vlastního typu příspěvku a taxonomie Podpora více webů WordPress Podpora fór bbPress Podpora WooCommerce Profesionálně udržovaný a podporovaný pravidelnými aktualizacemi

YARPP plugin kapitálky

v nadpisu náhledů nebo řádek výpisu podobných článků, zmenšení tlouštky písma, ohraničení, šípka místo tečky.. Soubor /wp-content/plugins/yet-another-related-post-plugin/style/related.css

nano /wp-content/plugins/yet-another-related-post-plugin/style/related.css

Původní Wordpress YARPP plugin CSS soubor

.yarpp-related {
margin-bottom:1em;
margin-top:1em
}
.yarpp-related a {
font-weight:600;
text-decoration:none
}
.yarpp-related .yarpp-thumbnail-title {
font-size:96%;
font-weight:600;
text-align:left;
text-decoration:none
}
.yarpp-related h3 {
font-size:125%;
font-weight:600;
margin:0;
padding:0 0 5px;
text-transform:none
}

Upravený YARPP CSS soubor

.yarpp-related {
margin-bottom: 1em;
margin-top: 1em
padding: 30px;
border: solid 5px;
border-color: #E7E9EB;
}
.yarpp-related a {
font-weight: 600;
text-decoration: none
}
.yarpp-related .yarpp-thumbnail-title {
font-size: 96%;
font-weight: 600;
text-align: left;
text-decoration: none
}
.yarpp-related h3 {
font-size: 15px;
font-weight: 300;
margin: 0;
padding: 0 0 5px;
text-transform: none;
}

Font Awesome šipka

pokud se vám nelíbí ul li tečky, lze je nahradit třeba šipkou, nebo jinou značkou. Ikonu (ikony) lze vygenerovat na webu fontello.com

@font-face {
  font-family: 'fontello';
  src: url('../muj_child/fontello/font/fontfontello.eot');
  src: url('../muj_child/fontello/font/fontello.eot#iefix') format('embedded-opentype'),
       url('../muj_child/fontello/font/fontello.woff2') format('woff2'),
       url('../muj_child/fontello/font/fontello.woff') format('woff'),
       url('../muj_child/fontello/font/fontello.ttf') format('truetype'),
       url('../muj_child/fontello/font/fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg#fontello') format('svg');
  }
}

/* Font Awesom dasboard icons start */
@import url("../muj_child/fontello/font/fontello-embedded.css");
.yarpp-related a::before {
font-family: "fontello";
font-size: 16px;
padding-right: 10px;
content: '\e800';
color: #bfc0c1;
}

Výsledek

Užitečné

Text WordPress plugin pro admin panel.
Odkaz na webovou stránku fontello.com