Pluginy pro eshop najdete na adrese wordpress-moduly.cz
Jak nastavit český google font pro wordpress
Poslední dobou se velice často setkávám s weby běžící na WordPressu, které mají problém s českými znaky – špatně se zobrazující ščřž. Nedávno jsem tady umístil návod, jak na opravu. Byl to však všeobecný návod, WordPressu se moc netýkající. Pojďme to tedy napravit.
K uvedenému problému nejčastěji dochází koupením nebo stažením free šablony. Autor pravděpodobně vůbec netuší, že existuje jakými malý státeček uprostřed Evropy, který nad znaky používá háčky a čárky. Proto tento problém vůbec neřeší. Použije většinou základní nastavení Google fontu a o víc se nestará. Jemu se to zobrazuje bez chyb.
Teorie
Google fonty je možné najít zde: http://www.google.com/fonts
V přehršli fontů si vybere každý. Použití je velmi jednoduché a návodné. Kliknutím na ikonu čtverečku si zobrazíte přehled jednotlivých písmen, které font podporuje. Pokud font české znaky podporuje, je vyhráno. Stačí kliknout na šipku hned vedle. Dostanete se k návodu, jak font aplikovat na svých stránkách.
V kroku prvním vybíráme typ písma. Většinou je již zaškrtnut. Důležitý je krok 2, kdy je potřeba zaškrtnout volbu Latin Extended (latin-ext). Třetí krok ukazuje již kus kódu, který je potřeba vložit do stránek, ať již pomocí standardního linku, nebo pomocí @importu. Praktické použití si ukážeme za chvíli. Poslední čtvrtý bod je již aplikace v CSS.
Praxe
Tolik teorie a nyní se podíváme na samotný WordPress a to, co jste si nainstalovali. WordPress ukládá šablony do adresáře themes, který naleznete v v adresáři wp-content. Jako první potřebujete zjistit, jaký font autor šablony použil. Jak na to? Existují dvě cesty:
- proberete se soubory šablony a najdete zmínku o použitém fontu – pracné zdlouhavé
Nyní stačí otevřít svou stránku, kliknout pravým tlačítkem přímo nad problémovým fontem a z kontextové nabídky vybrat Prozkoumat prvek.
V prohlížeči se otevře okno rozdělené na dvě části. V levé je vidět kód stránky, v pravé pak použité styly.
Nás bude zajímat pravá strana se styly, kde hledáme zmínku o stylu. Kaskádové styly se dědí, tj. je zde zachována hierarchie. Nahoře je zobrazen styl týkající se právě tohoto prvku. Nejníže jsou pak styly týkající se například celého dokumentu. Nás v textu zajímá položka font-family. Nejčastěji ji najdete úplně dole v prvku body. Font-family je rodina písem, které se mají aplikovat na webu. Firefox, oproti jiným prohlížečům, ukazuje přímo písmo, které je použito, ostatní jsou zašedlá.
Nalezené písmo se nyní pokusíme vyhledat v Google Fonts. Pokud máte štěstí, font podporuje české znaky, pokud ne, je potřeba si vybrat jiný obdobný font.
Pokud máme vybráno, ať již upravený font podle popisu výše, nebo zcela nový font, je potřeba jej aplikovat. Ve složce šablony nás zajímá soubor s příponou css. Většinou bývá umístěn v základu šablony a je označen style.css. O který přesně soubor css se jedná však naleznete zase ve Firebugu – v pravé části je u jednotlivých stylů napravo modře napsán název dokumentu a řádek, kde je styl popsán. Když na něj najedete myší, ukáže se celá adresa, která k tomu souboru vede.
Soubor rozklikneme. Definice importu stylu bývá na začátku dokumentu. Pomocí crtl+f prohledejte dokument na výskyt značky @import. V případě nálezu, řádek upravíme podle pokynů v bodě 3 Google Fonts.
Pokud @import nenajdeme, otevřeme si soubor header.php v základním adresáři šablony. Toto je soubor s hlavičkou webu a nalezneme řádek začínající
<link href=’http://fonts.googleapis.com/…
Malá zrada bývá o rozsáhlých šablon, které si font řeší jinak. V tom případě aplikujte bod 3 z google fonts např. do souboru header a soubor uložte.
Doufám, že Vám článek pomohl..
20 pluginů pro zrychlení vašeho WordPressu
WordPress je výborný systém, poměrně jednoduchý, snadno rozšiřitelný a existuje pro něj spousta doplňků. S tím jak uživatelé své stránky rozšiřují, přidávají jeden plugin na hodnocení článků, další plugin na výpis podobných článků a tak dále, zvětšuje se zatížení databáze, načítá se stále více řádků kódu a pokud se k tomu přidá nevhodně napsaná šablona, může se načítání vašeho blogu protáhnout na neúnosnou dobu. Naštěstí existuje i řada pluginů, které tento problém řeší a mohou vám pomoci zrychlit chod vašich stránek.
Cache pluginy
WP Super Cache
Jeden z nejznámějších pluginů, který je doporučován mezi několika základními, jenž by jste měli aktivovat po instalaci WordPressu. WP Super cache vytváří r dynamicky generovaných stránek html soubory a ty pak zobrazuje návštěvníkům vašeho webu. Každý kdo není přihlášen a nepřidává komentář, uvidí html stránku.
W3 Total cache
Toto je zřejmě nejlepší plugin, který je k dispozici, doporučuje ho řada hostingových společností a soupis společností, které ho využívají je impozantní. Plugin podporuje mobilní zařízení, cachuje stránky, články, kategorie, výsledky vyhledávání, css a javascriptové soubory, jak interní, tak načítané z externích zdrojů.
WP Widget cache
Tento plugin je v podstatě stejný jako ostatní pluginy, ale na rozdíl od nich se zaměřuje jenom na widgety. To může být samozřejmě nepodstatné, když máte blog s jedním sidebarem a minimální návštěvnost.
Facebook Fan box cache
Zajímavý doplněk pluginů jako je WP Super cache. Urychluje načítání Facebook fan boxů, které dost často zpomalují web až na nesnesitelnou úroveň.
Optimalizace obrázků
EWWW Image Optimizer
Umožňují optimalizovat velikost obrázků již při jejich nahrávání a zároveň i velikost obrázků nahraných v minulosti. Také můžete převádět obrázky do formátu s menší velikostí. EWWW navíc spolupracuje s NextGen gallery.
Resize Image After Upload
Tento plugin zmenší velikost všech vašich obrázků po nahrání do knihovny. Dále se dá nastavit jaka může být max šířka a výška obrázku.
WP Smush.it
Tento plugin zmenší velikost všech vašich obrázků bez toho, aby utrpěla jejich kvalita. Po aktivování funguje automaticky pro nové obrázky, u starších obrázků stačí jít do Media library a zvolit úpravu.
jQuery Image Lazy Load WP a Lazy Load
Tyto dva pluginy mají identickou funkci, záleží jen na vás, jaký si vyberete. Oba umožňují nenačítání obrázků v článku, které jsou mimo obrazovku. Pokud si tedy čtenář neposune článek na obrazovce níže, načtou se jen obrázky viditelné. Což je perfektní při zobrazování obsáhlých článků s mnoha obrázky.
jQuery image lazy load download
Optimalizace databáze
S tím jak používáte různé pluginy, šablony, píšete články, zkrátka používáte WordPress, do databáze se ukládají různá data a poměrně hodně pluginů po sobě „neuklízí“. Klasickým příkladem jsou různé options, které tabulku databáze nafouknout do enormních rozměrů. S tím se také zpomaluje rychlost stránek. Následující pluginy vám pomůžou databázi optimalizovat. Před použitím jakéhokoliv z těchto pluginů, doporučuji zálohovat databázi.
WP Database Optimizer
Tento plugin jednoduše projde databázi a odstraní všechny přebytečné prvky. Nedávno jsem se setkal s pluginem pro vytváření newsletterů a po odinstalaci nechal v databázi pět tabulek. Databaze optimizer odstraní i pozůstatky smazaných článků a neaktivních nastavení.
WP-Optimize
Plugin opět odstraňuje zbytečná data v databázi, navíc však umožňuje jednoduše odstranit komentáře označené jako spam, nebo neschválené komentáře. Což určitě ocení každý, kdo se snaží vyčistit zaspamovaný web. Sice smažete všechny neschválené komentáře, ale když se kácí les, létají třísky.
WP Clean Up
Další z řady pluginů, který prochází databázi a odstraňuje zbytky po smazaných postech, neschválené komentáře, atd… Uvádím ho zde především pro to, že má poměrně přehlednou administraci a především je autorem aktualizovaný.
WP-sweep
Jako poslední uvádím další plugin z řady pluginů, který prochází databázi a odstraňuje zbytky po smazaných postech, neschválené komentáře, atd
Další pluginy
Options Optimizer
Tento výborný plugin projde a odstraní všechny nepotřebné options, které po sobě mohly zanechat šablony a odinstalované pluginy. Zároveň zastaví načítání nepotřebných option, například pokud nebude plugin aktivní.
NextGEN Gallery Optimizer
Tento plugin povolí načítání scriptů pro NextGEN gallery, pouze pokud stránka obsahuje shortkód pro zobrazení galerie. I to vám může zrychlit stránku.
JS & CSS Script Optimizer
Tento script seskupuje vkládané javascriptové a css soubory do jednoho souboru a snižuje tak náročnost načítání. Také je možné přesunout načítání scriptů do patičky.
WP Minify
Obdobný plugin, jako předchozí, tedy zmenšuje velikost nahrávaných js a css souborů. Oproti předchozímu má lepší administraci. Detekuje a odstraňuje duplicity.
WP-Compress-HTML
Tento plugin zmenšuje velikost html souborů odstraněním mezer, prázdných znaků a znaků pro nové řádky. Díky tomu se bude vaše stránka načítat rychleji.
Autoptimize
Tento plugin zmenšuje velikost html,css a js souborů. Díky tomu se může vaše stránka načítat rychleji.