• Téma: CMS: pluginy

Zavedl jsem zkušebně do slatinaka kalendář akcí. Nejprve ověříme funkčnost, pak možná budu řešit design. Připomínky na mně. Bude-li někdo mít chuť pomoci s doplňováním akcí, jen dobře.

Seznam akcí je vpravo nahoře pod vyhledáváním. Vpravo dole pod kategoriemi je navíc  kalendář akcí.

Vlastnosti akce (datum, čas, místi, barva a ikona) se nastavují na příspěvku s pozvánkou na akci. K jednomu příspěvku lze nastavit více termínů akci (jako jsem použil např. u divadelních prohlídek).

POZOR: od verze 5.9.0 nefunguje -> hlásí chybu v zobrazení i článků, které nejsou v kalendáři; poslední funkční verze: 5.8.6

---

Nastavení pluginu

• Informace o pluginu:
  • instalován: 13/5/2023
  • web pluginu: Event Post – Lean WordPress Calendar Plugin (event-post.com)
  • WP stránka: Pluginy ‹ slatinak.cz — WordPress
• nastavení:
  • • v adresáři šablony slaninak lze vložit stylový soubor event-post.css, kde lze upřesnit vzhled

  /* tepmplate for plugin EventPost; (c) Robert Koblizek; slatinak.cz; 13/5/2023 */
.widget_block h3 {
font-family: Montserrat, "Helvetica Neue", sans-serif;
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.046875em;
line-height: 1.3125;
margin: 0 0 1.75em;
text-transform: uppercase;
/* kopie z https://www.slatinak.cz/wp-content/themes/slatinak/style.css?ver=6.2:1478 */
}
.eventpost-status {display:none; } /* hide event details in a widget*/
.eventpost-date-export {display:none; }
.event_data.event_category {display:none; }
.event_data.event_location {
/* display:none; */
font-size: medium;
}


• v nastavení
  • odstranit počasí z přehledu: zadat: Timeline Item schema –
    <%child% class="event_item %class%" data-color="%color%" style="%style%"> <div class="anchor" style="background-color:#%color%"></div><a href="%event_link%"> %event_thumbnail% <h5>%event_title%</h5> </a>%event_date% <br>%event_location% </%child%><!-- .event_item -->
  • nastavit: Povolit podudálosti  a Synchronizovat všechny parametry
  • Nastavení času – Formát data: D j. n. Y
• použití: v editoru příspěvku se vyplní vlastnosti akce (datum, místo, čas, barva, ikona…)

Kalendář akcí je nečitelný pro šířku menší než 910px, proto je dobré ho schovat v takovém případě, tedy vložit ho do :

<div class="screen_wide">
<h3>Kalendář akcí</h3>



</div>
a styly doplnit o:

.screen_wide {display:none } /* default for width <56,8em (910px) ## */
@media screen and (min-width: 56.875em) {
.screen_wide {display:block } /* ## */
}


Pozor:

kalendář akci ve widgetu prodlouží načítání stránky o 5 sekund (z 3-4 na 8-9s)