Každý bloger se snaží odlišit od ostatních svým stylem, charakterem a jedinečným designem článků. V tomto článku vám ukážu, jak krásně navrhnout text na blogu vytvořeném na WordPressu pomocí odlehčeného pluginu Simple Drop Cap.
Díky pluginu Simple Drop Cap můžete velmi snadno napište krásné velké písmeno v prvních odstavcích článku. Takový dopis se také nazývá počáteční dopis.
Velká písmena najdete v tištěných časopisech, novinách a pohádkových knihách. Podle mého názoru taková písmena vypadají velmi působivě a zdobí text, čímž ho činí zvláštním.
Pokud jste pozorní, měli jste si takových velkých písmen v mých článcích všimnout už dávno, protože plugin Simple Drop Cap používám už několik měsíců.
Tak krásný design článků jsem poprvé viděl na blogu Jurije Dubolazova. Tyto iniciály na mě tak zapůsobily, že jsem okamžitě běžel na internet hledat způsob, jak taková písmena implementovat do webu vytvořeného na WordPressu. A našel jsem ho.
Krásné velké písmeno v článku
Jak tedy bude toto velké písmeno vypadat v článku s použitím pluginu Simple Drop Cap?
Při konfiguraci pluginu budou k dispozici tři možnosti zobrazení iniciály v textu článku. Jak plugin nakonfigurovat, vám povím později, ale teď vám ukážu, jak bude vypadat.
* Obvyklý výstup krásného velkého písmene na začátku textu:
* Plovoucí výstup krásného velkého písmene v textu článku:
* Třetí výstup takového dopisu bude záviset na vašich znalostech CSS a fantazii. To znamená, že si můžete v nastavení pluginu sami napsat libovolné styly. Protože CSS moc nerozumím, nepoužil jsem ho.
Jednoduchý plugin Drop Cap nebo krásný textový design
Plugin Simple Drop Cap si můžete stáhnout z tohoto odkazu nebo jej najít pomocí vyhledávání pluginů v administrátorském panelu.
Nainstalujte, aktivujte a pokračujte k nastavení.
Otevře se stránka nastavení. Podívejme se na jednotlivé položky.
* Režim zobrazení – V této části byste měli zvolit režim zobrazení velkých písmen.
1) Normální režim — V tomto případě bude velké písmeno vypadat jako na mé první obrazovce, tedy v normálním režimu. Jděte do článku a podívejte se.
2) Plovoucí režim — V tomto případě bude velké písmeno vypadat jako na druhé obrazovce, tedy v plovoucím režimu.
3) Vlastní režim — V tomto případě bude velké písmeno vypadat takto, v závislosti na vašem osobním nastavení stylu CSS. Osobní nastavení stylu můžete zadat v pátém odstavci. Vlastní styl CSS.
4) Barva iniciály – Zde si můžete vybrat libovolnou barvu iniciály v závislosti na stylu vaší šablony.
5) Vlastní styl CSS — Zde si tedy můžete přizpůsobit vlastní styly pro iniciály pomocí CSS.
Předem bych chtěl poděkovat Alexeji Kobzarevovi za pomoc s implementací krásného velkého písmene pomocí CSS. Poskytl mi hotový stylistický kód a teď se o něj s vámi podělím. Mimochodem, velké písmeno, které nyní vidíte v mých článcích, je přesně to, co bylo implementováno díky tomuto kódu..
Takže v tomto okně byste měli napsat tento styl:
[blokkod]font-family:Georgia, serif;
Barva: #000000;
velikost písma: 46px;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);[/blokkod]
Pro ty, kteří kódům nerozumí, stručně vysvětlím každý řádek, aby si ho mohli upravit podle svého vkusu:
rodina písem: písmo
barva: barva
velikost písma: размер
textový stín: stín
Takhle by to mělo vypadat:
6) Automatizace iniciál — Pokud zaškrtnete tuto sekci, velká písmena se ve všech odstavcích článku automaticky transformují. Osobně vám to nedoporučuji, protože takový design textu nevypadá hezky. Ale můžete to zkusit.
To je vše. Nic složitého. Nakonec nezapomeňte uložit všechna nastavení kliknutím na tlačítko „Uložit změny«
Jak zobrazit velké písmeno v textu
Je velmi snadné zobrazit velké písmeno v textu článku.
Upozorňujeme, že v editoru se objevilo nové tlačítko.
Chcete-li transformovat iniciálu, vyberte první písmeno v textu a klikněte na tlačítko Iniciála v editoru. Uvidíte, že vybrané písmeno bude orámováno speciálním krátkým kódem.
Nyní se přesuňme k prohlížení článku v prohlížeči a obdivujme krásná velká písmena.
Teď už znáte další způsob, jak krásně navrhnout článek s použitím velkého písmene, jako v pohádkách.
Pokud chcete, aby byl váš text ještě jedinečnější a působivější, přečtěte si můj článek o animovaném textu.
A loučím se s tebou a do dalšího setkání. Sbohem.
S pozdravem, Igor Černomorec
