Archiv rubriky: TIP

České znaky v koupených šablonách

Vyberete si placenou šablonu, nainstalujete demo a vše vypadá hezky. Pak se snažíte dopnit český text a je tu problém.

Znaky č, ř, ž, š, ě atd. nejsou buď vůbec vidět a nebo jsou moc viditelné, tučné. Překvapí vás to, kde asi udělali soudruzi chybu… Níže popsaný návod čerpá ze stránek wplama.cz a je upravený pro šablonu AVADA.

Přes menu AVADA – Theme Options – Typography – Google fonts najdeme políčko Google Font Settings. Hledáme něco takového.

300,400,400italic,700,700italic:latin,greek-ext,cyrillic,latin-ext,greek,cyrillic-ext,vietnamese

a provedeme následující úpravu.

&subset=latin,latin-ext,300,400,400italic,700,700italic:latin,greek-ext,cyrillic,latin-ext,greek,cyrillic-ext,vietnamese

Rámeček kolem tabulky

Nevidíte rámeček kolem tabulky?

Připravíme si tabulku plnou čísel nebo textu a chceme se na ni podívat. Očekáváme rámeček kolem dokola, ale není tam. To se může stát, pokud šablona přepíše styly pro tabulku. Tolik teorie a nyní příklad z praxe.

Máme kus html kódu pro tabulku.

<table width="590" border="1" cellspacing="0" cellpadding="0"><tbody>
 <tr><td rowspan="2">...</td></tr>
 </tbody></table>

Teď upravíme html kód do následujícího tvaru.

<table id="Table_10" width="590" border="1" cellspacing="0" cellpadding="0"><tbody>
<tr><td rowspan="2">...</td></tr>
</tbody></table>

Na konec do souboru, ve kterém je definovaný styl šablony, například style.css, přidáme následující kód.

#Table_10
{
border-collapse: collapse; border: 1px solid #839E99;
}

Další možnost je použít plugin Simple Custom CSS. Tím vytvoříte nový css styl, který se spustí po původním stylu ze šablony.

Pro zkušené doporučuji udělat úpravu pomocí Child ThemeVýhoda je, že po aktualizaci šablony nepřijdete o dodatečné úpravy nejen ve stylech, ale také v upravovaných funkcích.

Zbytečný rámeček kolem obrázku

Někdy může rámeček kolem obrázku působit trochu rušivě. Jak ho odstraníme?

Podíváme se do souboru style.css a zkusíme najít podobný řetězec jako je tento.

img {
  background-color:#FFFFFF;
  border:1px dashed #E3C2FB;
  padding:5px;
}

Tady vidíme, že musíme změnit border k obrazu svému.

img {
  background-color:#FFFFFF;
  /* border:1px dashed #E3C2FB; */
  padding:5px;
}

Nebo takto.

img {
  background-color:#FFFFFF;
  border:none;
  padding:5px;
}

 

Jednoduché použití tabulek

Pro vytváření tabulek použijte MS Office Excel nebo LibreOffice. Tabulku uložte jako CSV, HTML, JSON, XLS nebo XLSX soubor.

Pomocí pluginu TablePress můžete tento soubor importovat
WP_Tablepress_import

a zobrazit na stránkách pomocí vložení tabulky nebo použít funkci Template Tag.

WP_Tablepress_insertDoporučuji plugin používat při zobrazování seznamů do tabulky, které je potřeba často aktualizovat a není žádoucí upravovat tabulku na stránce.