Tento článok je treťou časťou séria Píšem o tom, prečo som migroval svoj osobný blog z WordPressu do Jekyll. Opakujem to mal by sa čítať skôr ako zážitkový denník ako ako návod alebo odporúčanie. Vo výpočtovej technike neexistujú univerzálne recepty.
Požiadavky na webové stránky
Blog, aj keď má niektoré vlastnosti, ktoré ho odlišujú, stále je to web, ako taký musí spĺňať určité požiadavky
Optimalizované pre vyhľadávače
Svätým grálom webových dizajnérov je v zásade optimalizácia pre vyhľadávače (SEO) ide o prispôsobenie obsahu tomu, čo vychádza z klávesnice, tvorcom súčasného algoritmu Google.Podľa môjho názoru to pre blog nie je také dôležité ako v minulosti, pretože sociálne siete sú lepším zdrojom prenosu a najlepšie je zamerať sa na kvalitu a originalitu.
A ak nie ste ani kreatívny, ani originálny, za reklamu sa dá kedykoľvek zaplatiť. Dostanete sa tak na vrchol, aj keď je váš blog poľským telefónnym zoznamom.
WordPress vás trénuje na disciplínu písania priateľskú k vyhľadávačom tak, že vás vyzve na použitie systému kategórií a značiek. Okrem toho ponúka bezplatné a platené doplnky, ktoré kontrolujú, či je váš obsah príjemný v očiach bohov webového vyhľadávania.
Jekyll má schému kategórií a značiek a prostredníctvom inštalácie doplnkov je možné začleniť niektoré funkcie na automatizáciu optimalizácie obsahu.
V prípade Bootstrap sa musíte postarať o optimalizáciu, aj keď, ako uvidíme, má niektoré funkcie, ktoré vám umožnia stúpať na pozíciách vo vyhľadávačoch.
Prispôsobiteľné pre všetky obrazovky
Existujú dve filozofie návrhu, ktoré zabezpečujú, aby obsah vyzeral dobre bez ohľadu na veľkosť obrazovky:
- Responzívny dizajn: Web sa prispôsobuje alebo mení podľa použitého zariadenia.
- Mobil najskôr: Web je navrhnutý s ohľadom na mobilné zariadenie a potom sú vykonané úpravy pre väčšie obrazovky.
Bez ohľadu na tému, ktorú ste vybrali pre verziu s veľkou obrazovkou, WordPress umožňuje výber tém pre mobilnú verziu. Okrem toho ich má niekoľko v kategórii responzívnych. Veľkým víťazom v tejto oblasti je Bootrstrap, pretože je pripravený presne na reprezentáciu webov podľa veľkosti obrazovky. Jekyll má zbierku šablón založených na Bootstrape, alebo môžete pomocou tohto rámca vytvoriť svoje vlastné.
Funkcie blogu
Blogy sú dedičmi blogov. Notebooky, do ktorých dôstojníci lode zaznamenávali navigačné incidenty a pozorovania. Ak ste videli niektorú z mnohých verzií Star Treku, určite si spomeniete, že úvod do každej epizódy patril k hlavným hrdinom, ktorí diktovali počítaču udalosti. Tento príbeh sa začal uvedením dátumu.
To isté sa deje s blogom. Prvé kritérium poradia je chronologické. Ak teda zverejníte príspevok o papradiach 20. mája o 18:05 a naplánujete zverejnenie jedného o ružiach, ktorý ste napísali dva dni predtým, na 18:06 v rovnakom 20, zobrazí sa príspevok o ružiach. najprv.
Druhým kritériom zoskupenia sú kategórie. Kategórie sú súborom tém. Teda napríklad k článkom o klinčekoch, ružiach a jazmíne môžeme priradiť kategóriu kvety alebo papradie a palmy tú z okrasných rastlín.
Worpress umožňuje niekoľko úrovní podkategórií v rámci kategórií. Napríklad v rámci okrasných rastlín môžeme rozlišovať medzi vnútornými a vonkajšími a naopak medzi stromami a kríkmi.
Jekyll umožňuje priradiť kategóriu, ale pokiaľ viem, nie je možné použiť podkategórie.
WordPress a Jekyll automatizujú triedenie kategórií. V prípade rámcov musíte index vytvoriť ručne pridaním odkazov na články, ktoré každému zodpovedajú.
Tretím typom kritéria objednávky sú štítky. Príkladom štítkov sú papraď, ruže, paradajky. WordPress a Jekyll opäť urobia objednávanie automaticky. V prípade Bootstrapu ich musíte pridať na každú stránku. Budete musieť vytvoriť index manuálne alebo integrovať jeden z najpopulárnejších vyhľadávacích nástrojov, ktoré umožňujú interné vyhľadávanie.
V blogu máme dva typy obsahu; príspevky a stránky. Tieto stránky sa vo všeobecnosti používajú pre inštitucionálne informácie, ako sú životopisy autorov, zásady ochrany osobných údajov, kontaktné formuláre alebo odkazy na priateľské stránky. Jekyll a WordPress mu dávajú diferencované zaobchádzanie. V prípade Bootstrap budete musieť pri písaní kódu poznačiť rozdiely.