V poslednej časti tejto série vás prevedieme poslednými fázami budovania fotografického webu od nuly pomocou systému na správu obsahu Drupal (CMS).
Webové stránky vytvorené pomocou CMS sú prepracovanejšie ako webové stránky pozostávajúce z pevných alebo „statických“ stránok textu a sú nevyhnutné na zobrazovanie obrázkov.
Ako univerzálny CMS s otvoreným zdrojom sa Drupal môže pochváliť veľkou komunitou prispievajúcich vývojárov a je obľúbený medzi vládami, neziskovými firmami a vzdelávacími inštitúciami.
Tvorba webových stránok v Drupale je viac zapojená ako tvorba v iných CMS, ako je WordPress, takže osloví počítačovo gramotných ľudí, ktorým sa páči myšlienka ísť „za oponu“ webových stránok.
Odmenou vám bude bezpečná webová stránka na mieru postavená na vysoko prispôsobiteľnej platforme, kde je pridaná funkčnosť poskytovaná prostredníctvom inštalácie modulov (extra funkcií) a tém (ktoré určujú vzhľad a štýl).
Aby sme sa dostali k tomuto bodu, začali sme stavať naše stránky v lokálnom prostredí pomocou lokálneho hostiteľa Acquia Dev Desktop.
Začnite stiahnutím aplikácie Acquia Dev Desktop a spustením inštalačného programu, potom spustite softvér a vyberte príkaz Spustiť od začiatku.
Použite navrhované predvolené nastavenie na vyhľadanie súborov kódovej základne vo vašom systéme, zadajte názov svojej stránky a prijmite predvolené výzvy pre verziu PHP a názov databázy. Vyberte v8.9.1 v časti Inštalácia distribúcie Drupalu, zadajte všetky požadované informácie a Drupal bude nainštalovaný.
Ďalej nainštalujte modul Media Gallery a tému Showcase Lite. Potom začnite vytvárať svoje galérie …
Čo budete potrebovať na vytvorenie webovej stránky s fotografiami v Drupale
- Počítač
- Prístup na internet
- Obrázky pripravené na odovzdanie
- Vývojová aplikácia (používame Acquia Dev Desktop)
- Čas: 1 týždeň (zostavenie)
Tri fázy vývoja stránky Drupalu
1. Začnite nastavením názvu domény
Na rozdiel od wordpress.com, Drupal neponúka možnosť hostenia, takže si tieto opatrenia budete musieť urobiť sami.
Skôr ako začnete, musíte tiež získať názov domény pre svoj web - navštívte stránku Domain.com, Bluehost alebo www.123-reg.co.uk alebo vyhľadajte dodávateľa online.
Zadajte požadovaný názov webu a získate zoznam dostupných rozšírení (.com, .co.uk atď.) A registračných poplatkov.
2. Vytvorte si svoj web Drupal na svojom počítači
Môžete si nainštalovať Drupal na webhostingovú webovú stránku a vytvoriť ju tam, ale vývoj vašej stránky na lokálnom hostiteľovi (vašom vlastnom počítači) vám veci uľahčí. Web si môžete vytvoriť vlastným tempom, opraviť všetky vzniknuté chyby a vylepšiť vzhľad a dojem, ako postupujete.
3. Nasaďte hotový web k svojmu poskytovateľovi hostingu
Keď je váš web pripravený, môžete ho nasadiť u svojho poskytovateľa hostiteľských služieb. Prenos súborov na hostiteľskú stránku a konfigurácia všetkých nastavení môžu trvať až jeden deň, ale potom je váš web s fotografiami pripravený na veľké odhalenie.
Vytvorte webovú stránku s fotografiami Drupal v 10 krokoch
V lokálnom prostredí Acquia Dev Desktop pokračujeme v rozvoji nášho
pred testovaním a následným nasadením na hostiteľskej platforme webových stránok …
01 Vytvorte odkazy na galérie
Po vytvorení niektorých galérií sme ich prepojili s hlavnou navigáciou, aby ich návštevníci stránok mohli ľahko prehliadať. V oblasti Správca sme klikli na Štruktúra, potom Hlavná navigačná a editačná ponuka.
Zadali sme nadpis pre odkaz na ponuku, potom sme do poľa Odkaz napísali „/ media_gallery / 1“, pričom tento krok opakujeme pre ďalšie galérie, pričom „/ 1“ nahradíme „/ 2“, „/ 3“ atď.
02 Vylepšenie zobrazenia obrazu
Pre naše galérie by bol prospešný „lightbox“ na zobrazovanie fotografií. Výberom obrázka by sa otvorilo prekrytie prekryvných okien, cez ktoré môžeme kliknúť a zobraziť všetky obrázky zobrazené v galérii.
Colorbox je populárny doplnok lightbox, ktorý pracuje s niekoľkými verziami Drupalu, takže je dobre zavedený a aktívne sa udržuje.
Jeho stránku nájdete tu - nahliadnite do popisu doplnku a zistite, čo dokáže.
03 Stiahnite si modul Colorbox
Z popisu si všimnete, že program Colorbox obsahuje dva samostatné prvky - modul a doplnok - a doplnok predstavuje samostatné stiahnutie.
Začnime s modulom. Prejdite do dolnej časti stránky a vyhľadajte verziu programu Drupal 8 (je to horné jedno z dvoch zelených polí), umiestnite kurzor myši na odkaz tar.gz, kliknite pravým tlačidlom myši a vyberte príkaz Kopírovať adresu odkazu.
Späť v oblasti Správca webu kliknite na kartu Rozšíriť, kliknite na Inštalovať nový modul, vložte adresu URL a kliknite na Inštalovať.
04 Stiahnite si doplnok Colorbox
Vráťte sa na stránku Colorbox na stiahnutie; ihneď v časti Závislosti kliknite na odkaz Colorbox Plugin 1.x. Týmto sa uloží komprimovaný archívny súbor na určené miesto na vašom počítači na stiahnutie.
Teraz musíte vo svojom systéme vytvoriť adresár pre súbory doplnkov Colorbox. Podľa pokynov na stránke na stiahnutie Colorbox vytvorte adresár tak, aby sa cesta k súborom zmenila na (názov stránky) / libraries / colorbox /, potom rozbaľte archív na tomto mieste.
05 Vložte nekomprimované súbory doplnku
S nekomprimovaným archívom by ste mali vidieť 14 súborov v adresári, vrátane dôležitého súboru JavaScript jquery.colorbox-min.js.
Ak sa vo vašom priečinku zobrazuje niečo iné, uistite sa, že hľadáte na správnom mieste - priečinok (sitename) / modules / colorbox obsahuje veľmi podobnú syntax. (Tento priečinok by mal obsahovať 22 súborov, vrátane ôsmich podpriečinkov - viď vložka vyššie.)
06 Povoľte modul Colorbox
Po nainštalovaní modulu Colorbox ho teraz musíme povoliť. (Tento proces nie je automatický.) Vráťte sa do oblasti Správca svojho webu a kliknite na kartu Rozšíriť.
Posuňte sa nadol o dve tretiny stránky; v sekcii Médiá začiarknite naľavo od Colorboxu. Vpravo dole na stránke kliknite na Inštalovať.
Prejdite do prehľadov a spustite správu o stave: ak Colorbox nie je uvedený v zozname nájdených chýb, je všetko v poriadku.
07 Pozrite sa na efekt nášho nového lightboxu
Teraz sa pozrime, aký rozdiel priniesol lightbox s obrázkami. Kliknite na položku Späť na web v ľavom hornom rohu obrazovky a vyvolajte jednu z galérií, ktoré ste pridali na hlavnú navigáciu.
Kliknite na obrázok a otvorí sa vo vyskakovacom prekrytí. Dvojica tlačidiel v ľavom dolnom rohu umožňuje prechádzať obrázkami v galérii, zatiaľ čo X v pravom dolnom rohu zatvára vyskakovacie okno - všetko funguje dobre.
08 Skontrolujte informácie o titulku obrázka
Ďalšou vlastnosťou Colorboxu je jeho schopnosť zobraziť titulky k obrázkom, ktoré sa objavia zo spodnej časti zobrazeného obrázka, keď na ne prejdete myšou.
V súčasnosti používa alternatívny text (krátky popis používaný programami na čítanie z obrazovky alebo keď sa obrázok nenačíta), ktorý zadávame pre každú fotografiu počas nahrávania obrazových súborov. Ak chcete zmeniť akékoľvek titulky, otvorte obrazový súbor v ponuke Obsah / súbory.
09 Pridajte na stránku ďalšie kľúčové stránky
Keď bude teraz obrazový obraz vyzerať lepšie, môžeme začať budovať web a pridávať ďalšie kľúčové prvky. Najskôr si vytvorme stránku Informácie, ktorá načrtne fotografické služby, ktoré ponúkame.
Kliknite na kartu Obsah, kliknite na položku Pridať obsah a vyberte položku Základná stránka. Zadajte požadovaný text a vložený obrázok orezaný na príslušnú veľkosť. (Použili sme 200 x 200 pixelov.) K zostaveniu ďalších stránok patrí aj uvítacia stránka.
10 Posúďte pokrok a pridajte ďalšie prvky
Teraz teda máme plne funkčný web s fotografiami, ktorý je usporiadaný do niekoľkých galérií, ktoré zobrazujú obrázky v prekryvnom prekrytí s informáciami o titulkoch.
Je to dobrý začiatok, ale toto je iba začiatok. Medzi ďalšie prvky webových stránok, ktoré by ste mohli zvážiť, môžete pridať pravidelné blogové príspevky na otvorenie konverzácie s návštevníkmi vášho webu - a toto je ďalšia funkcia, ktorú Drupal podporuje ihneď po vybalení z krabice.
Posledné kroky: nasadenie miestnej lokality do siete
Dokončili ste teda svoju zostavu a odstránili ste niektoré ostré hrany úplným otestovaním - teraz je čas nasadiť vaše stránky na internet a odhaliť ich globálnemu publiku. Takto sa to deje …
1. Vyhľadajte poskytovateľa hostiteľských služieb
Po úplnom vytvorení a otestovaní vášho webu a odstránení prípadných chýb alebo nedostatkov je pripravený na zverejnenie globálnemu publiku.
Prvým krokom je nájsť poskytovateľa hostingu. Uistite sa, že váš poskytovateľ hostingu podporuje PHP a MySQL, ktoré Drupal vyžaduje.
2. Stiahnite si klienta FTP do svojho počítača
File Transfer Protocol (FTP) je prostriedok, pomocou ktorého nahráte súbory miestnej lokality k poskytovateľovi webhostingu. Jedným z najobľúbenejších klientov FTP je FileZilla, ktorý funguje v systémoch Windows aj macOS. FileZilla nájdete tu.
3. Súbory nahrajte pomocou ovládacieho panela
Váš poskytovateľ vám poskytne prístup k ovládaciemu panelu na správu stránok typu všetko na jednom mieste - cPanel je populárna voľba. Pri nasadení postupujte podľa pokynov poskytovateľa, ale uvedomte si, že prenos súborov a konfigurácia nastavení môžu trvať celý deň.
je svetovo najobľúbenejší fotografický časopis. Každé vydanie je nabité najnovšími správami, recenziami, návodmi, odbornými nákupnými radami, tipmi a inšpiratívnymi obrázkami. Navyše, každé vydanie obsahuje výber bonusových darčekov, ktoré zaujímajú fotografov všetkých schopností. Zobraziť dohodu
Najlepšie hostiteľské weby pre fotografov: získajte svoje portfólio online
Najlepšie možnosti cloudového úložiska pre fotografov: platformy a aplikácie
Najlepšie kurzy online fotografie - od sprievodcov začiatočníkov po majstrovské kurzy
Najlepší tvorcovia webových stránok pre fotografov
Najlepší správcovia hesiel
Najlepší študentský notebook
Najlepší softvér na úpravu fotografií
