WordPress Jetpack – nutnost!

jetpack Na svém školení WordPressu říkám jednu důležitou větu: “Pokud byste si měli ze školení odnést jenom jeden nainstalovaný plugin, tak by to měl být právě Jetpack”.

A to je hned z několika důvodů:

  • získáte celou škálu funkcionality v jednom
    • kontaktní formulář,
    • zefektivnění komentářů,
    • propojení se sociálními sítěmi,
    • statistiky návštěvnosti,
    • zabezpečení a záloha WP,
    • rozšíření fotogalerií (carousel, tiled galeries)
    • a spousta dalších
  • plugin vyvíjí tvůrci WordPressu (záruka kvality).

Plugin si můžete stáhnout na jetpack.me nebo z oficiálního úložiště wordpress.org/plugins/jetpack/

Vývoj e-shopu na redakčním systému WordPress (diplomová práce)

Eshop HodinkyWenger.cz - WordPress Rád bych zde publikoval svou úspěšně obhájenou diplomovou práci na téma Vývoj e-shopu na redakčním systému WordPress.

Abstrakt práce

Práce se zabývá možností spuštění e-shopu na platformě WordPress a pluginu eShop. Jejím cílem je vytvořit metodiku, podle které by bylo možné při tvorbě e-shopu postupovat. Práce nastíní výhody a možná úskalí tohoto řešení. Výstupem práce jsou také doprogramované doplňky optimalizující funkcionalitu pluginu eShop a rozšíření pro propojení e-shopu s českou e-commerce scénou. Součástí je vypracování české lokalizace pluginu eShop…

Diplomová práce ke stažení

Práce je psaná ve Wordu (oproti bakalářské práci psané v Docbooku) – což s sebou nese jistá omezení. Tím je slabší export do HTML a podle mého horší sazba.

Tipy na zajímavé WordPress pluginy

Téměř každý den vychází článek se seznamem zajímavých pluginů pro WordPress. Málokdy to je ale něco jiného než stálice typu: All in One SEO Pack, Google XML Sitemaps, Akismet, Jetpack, Contact Form 7, Sociable a další.
Nechápejte mě prosím špatně, všechny výše sepsané pluginy jsou úžasné, ale stále dokola omílané. Proto jsem velmi rád, že Steven Shattuck přišel s několika méně známými, ale o to zajímavějšími!

CMS Tree Page View

Přidá možnost zobrazení stránek jako stromovou hierarchii. Stránky zde můžete rychle editovat, pracovat se štítky, využívat fce Drag&Drop, apod.

cms-treeview

URL ke stažení: http://wordpress.org/extend/plugins/cms-tree-page-view/

Social Metrics

Chtěli jste vždycky zjistit, jak si stojí jednotlivé stránky a příspěvky ve sdílení na sociálních sítích? Pomůže Vám k tomu analytický nástroj Social Metrics. Počet sdílení pak vidíte v tabulce a zahrnuty jsou tyto sociální sítě: Twitter, Facebook, Google+, StumbleUpon, Digg a LinkedIn.
Pokročilejší funkcionality pak najdete v PRO verzi.

social-metrics

URL ke stažení: http://wordpress.org/extend/plugins/social-metrics/

Simple 301 Redirects

Velmi jednoduchá, ale užitečná věc. Plugin Simple 301 Redirects Vám umožňuje přesměrovávat požadavky na jiné stránky na Vašem webu (případně kamkoliv jinam).

simple-301-redirects

URL ke stažení: http://wordpress.org/extend/plugins/simple-301-redirects/

HTML Sitemap

Vytvoří Vám mapu stránek (seznam odkazů na všechny stránky seřazené hierarchicky pod sebe), kterou jednoduše vložíte shortcodem [html_sitemap].

html-sitemap

URL ke stažení: http://wordpress.org/extend/plugins/html-sitemap/

Narazili jste také na nějaké zajímavé pluginy, o kterých se tolik nepíše? Napište je do komentářů.

Zdroj článku: www.slingshotseo.com/blog/indispensable..

Notifikace pro odpověď na komentář

Používáte na svém webu či blogu komentáře a chcete, aby měl komentující člověk možnost zapnout si notifikace u reakcí na jeho komentář? Poslouží nám k tomu plugin Comment Reply Notification.

Po instalaci je potřeba plugin ještě nastavit. Máme na výběr z několika možností, jak bude autor komentáře o jeho odpovědích informován.

  • Odpovědi POUZE od autora příspěvku nebo administrátora.
  • Odpověď od kohokoliv.
  • Autor komentáře si sám zvolí (defaultně zapnuto).
  • Autor komentáře si sám zvolí (defaultně vypnuto).

Dále už jen nastavíme obsah emailu s upozorněním o existenci nové reakce. Nastavení uložíme a můžeme používat.

Plugin běží i zde na blogu. Zanechte komentář a zkuste, jak to funguje :)

Tip: Pro úpravy vzhledu, textu popisku a jiné doporučuji editovat přímo zdrojový kód pluginu. Je to opravdu jednoduché.

Update upraveného WordPress pluginu

Určitě tuto situaci znáte. Nainstalovali jste si WordPress plugin, ale po chvíli používání jste zjistili, že vám nějaká funkcionalita chybí a plugin jste si ručně upravili.

Jak ale tuto situaci řešit, když vyjde nová verze pluginu? Jak zajistit, abychom měli aktuální plugin a zároveň nepřišli o naše úpravy.

Popíši vám postup, jak tuto situaci řeším já.

  1. Stáhnu si nový plugin (například Internal Link Building).
  2. Provedu úpravy v souboru internal_link_building.php.
  3. Vyjde nová aktualizace pluginu – stáhnu si zdrojové soubory aktualizovaného pluginu na počítač.
  4. Za pomocí PSPadu (na Macu používám FileMerge) porovnám mnou upravenou verzi a novou aktualizaci pluginu.
  5. Přidám do nového zdrojového souboru moje úpravy a přehraju jej na FTP.
  6. Otestuji funkcionalitu pluginu.

Ukázka programu FileMerge

Jaké má toto řešení úskalí?

  • Časově náročné a často neefektivní.
  • Pokud má plugin více souborů, tak je toto řešení velmi náročné. (Tip: pište si, které soubory u pluginů upravujete)
  • Plugin s aktualizací může změnit více či méně svou funkcionalitu a váš hack už nemusí dále fungovat.

Tento postup není ani zdaleka ideální, a proto budu moc rád, pokud mi poradíte svůj.. lepší postup. Používáte třeba Git, SVN nebo něco jiného?

Čestina pro plugin eshop (WordPress)

Už déle než půl roku běží můj eshop s hodinkami Wenger postavený čistě na WordPressu. A to díky tomuto pluginu – eshop. Nebudu tvrdit, že všechno šlo lehce, ale nakonec se dobrá věc podařila.

Dnes bych se s vámi chtěl podělit o český překlad pro tento plugin. Stáhnout si jej můžete zde – eshop-cs_CZ. K jeho fungování budete potřebovat nainstalovat ještě jeden plugin – eshop Languages plugin.

Pokud nebudete s mým překladem spokojeni, tak k jeho úpravě můžete použít program Poedit (pro Mac i Windows).

Aktualizováno: 26.3.2013 jsem nahrál novější verzi češtiny. Stahujte opět na eshop-cs_CZ.

Upload obrázků z URL

Určitě už jste někdy řešili problém, že jste v článku použili obrázek z cizího (zcela legálního) zdroje, ale ten po čase z původního zdroje zmizel. To pak mělo za následek, že váš článek (web, aplikace, atd) byl bez původního obrázku a zpětně jej dohledat jinde je většinou problém.

Jak to řešit?

Nahrávat obrázky vždy k sobě. To však s sebou přináší spoustu práce navíc, než jen odkázat na obrázek jinam (stáhnout obrázek k sobě, nahrát jej na FTP, zalinkovat v článku). Pokud vám to, stejně jako mně, přijde zbytečně moc práce, vyzkoušejte plugin Grab & Save.

Po jeho instalaci se vám v nabídce Nahrát/vložit objeví další možnost s názvem Grab & Save. Zde zadáte URL cílového obrázku a plugin už udělá vše za vás. Stáhne soubor, nahraje k vám na server a předloží k vložení do příspěvku. Všechno je rychlé a intuitivní.

Nekonečná smyčka (načítání příspěvků)

Líbí se vám postupné načítání obsahu při doscrollování na konec stránky? Určitě to znáte ze sociálních sítí Google Plus nebo Facebook, kde se tak načítají další a další příspěvky na News Feedu (ať už po dojetí na konec stránky nebo po kliknutí na odkaz). Nově existuje plugin Infinite Scroll, který tuto funkcionalitu zprostředkuje i pro váš blog / stránku postavenou na WordPressu. Nebude tak již potřeba klikat na odkazy Starší články / Novější články, ale návštěvník si pohodlně váš web proscrolluje.

Demo ukázka

Jak výsledný blog funguje se můžete podívat na www.alet.cz. Stačí scrollovat až dolů. Plugin jednoduše načítá za pomoci AJAXu a funkce Load() další a další příspěvky z databáze.

Jak na implementaci

  1. Stáhněte si nejnovější verzi pluginu – Infinite Scroll (zip)
  2. V nastavení pluginu projděte jednotlivé kroky (hlavně zkontrolujte obalující divy a jejich jména)
  3. Vložte do hlavičky vaší šablony knihovnu JQuery
  4. Upravte si třídy, které stylují plugin. Například u #infscr-loading se hodí přidat vlastnost text-align: center, aby se načítání zobrazovalo vycentrované.

Pokud by vám plugin nefungoval, prostudujte si návod.

WordPress a permalinks bez hierarchie

V předchozím článku jsem psal o možnosti drobečkové navigace ve WordPressu. S tím nám ale vyvstává další problém, který musíme řešit, pokud chceme zachovat pěkná a krátká URL. WordPress totiž v URL kopíruje stromovou strukturu stránek. Pokud tedy vytvoříte stránku Ovoce a její podkategorii Jablka, bude výsledná URL vypadat následovně http://www.example.com/ovoce/jablka/. Jak se tedy zbavit hierarchie v URL?

Existuje plugin s názvem Custom Permalinks. Po jeho instalaci můžeme v URL editovat nejen název za lomítkem, ale celou strukturu. Nejlépe to uvidíme na obrázku, kde je vybraná nadřazená sekce stránky a přesto můžeme vytvořit krátké URL bez odkazu na rodiče.

Příklad použití můžeme vidět například zde:

Věřím, že cest, jak tuhle funkcionalitu obejít, je spoustu, ale tahle se mi zdá nejjednodušší a zcela plní svůj účel.

Jak na drobečkovou navigaci ve WordPressu

Pohání váš web WordPress a potřebujete do něj vložit drobečkovou navigaci? Klasicky v případě, kdy na Worpdressu provozujete eshop nebo jiný složitější server, se tato potřeba stává často nutností.

Nejdříve krátká definice, co to drobečková navigace je:

Drobečková navigace (anglicky breadcrumb), je typ navigace, která pomáhá návštěvníkům orientovat se ve struktuře webu. Umožňuje jednak snadno zjistit, kde ve struktuře webu se návštěvník nachází, jednak snadný přechod na stránky ve vyšší úrovni hierarchie webu. Má podobu lineárního seznamu odkazů oddělených obvykle znakem >, např.:

Úvodní stránka > Hlavní kategorie > Podkategorie > Detail produktu

Drobečková navigace by měla obsahovat odkazy na všechny stránky (úvodní stránka, sekce, podsekce), které by musel zákazník projít hlavní navigační strukturou z úvodní stránky. Poslední položka v drobečkové navigaci odpovídá právě načtené stránce a jako jediná není odkazem.

Konvenčně je umístěna pod hlavičkou webu, nad hlavním nadpisem stránky. Drobečková navigace by měla být umístěna na všech stránkách kromě titulní stránky.

Zdroj: H1.cz

Ve výchozím nastavení a vzhledu možnost zobrazení drobečkové navigace neexistuje, a proto se musíme poohlédnout po schopném pluginu. Jedním z takových je Breadcrumb NavXT. Práce s ním je jednoduchá a intuitivní.

Nastavení pluginu se provádí v administračním menu Nastavení > Breadcrumb NavXT. Zde je několik záložek, kde vyplníte znak pro oddělování odkazů, název odkazu pro domovskou stránku, zda má být poslední položka odkazem, apod.

V dalším článku vám povím, jak nastavit Permalinks (hezká a krátká URL) bez toho, aniž by kopíroval hierarchii webu (se zapnutou drobečkovou navigací).