V závěrečné části této série vás provedeme závěrečnými fázemi vytváření fotografického webu od nuly pomocí systému pro správu obsahu Drupal (CMS).
Webové stránky vytvořené pomocí CMS jsou propracovanější než webové stránky skládající se z pevných nebo „statických“ stránek textu a jsou nezbytné pro zobrazování obrázků.
Jako open-source univerzální CMS se Drupal pyšní velkou komunitou přispívajících vývojářů a je oblíbený u vlád, neziskových firem a vzdělávacích institucí.
Vytvoření webové stránky v Drupalu je více zapojeno než tvorba v jiných CMS, jako je WordPress, takže osloví počítačově gramotné lidi, kteří mají rádi myšlenku jít „za oponu“ webové stránky.
Odměnou vám bude bezpečná webová stránka na míru postavená na vysoce přizpůsobitelné platformě, kde bude přidána funkčnost prostřednictvím instalace modulů (další funkce) a motivů (které určují vzhled a chování).
Abychom se dostali do tohoto bodu, začali jsme stavět naše stránky v místním prostředí pomocí místního hostitele Acquia Dev Desktop.
Začněte stažením aplikace Acquia Dev Desktop a spuštěním instalačního programu, poté spusťte software a vyberte Spustit od začátku.
Navrhované výchozí nastavení použijte k vyhledání souborů codebase ve vašem systému, zadejte název vašeho webu a přijměte výchozí výzvy pro verzi PHP a název databáze. Vyberte v8.9.1 pod Install A Drupal Distribution, zadejte všechny požadované informace a Drupal bude nainstalován.
Dále nainstalujte modul Media Gallery a téma Showcase Lite. Pak začněte vytvářet své galerie…
Co budete potřebovat k vytvoření webu s fotografiemi v Drupalu
- Počítač
- Přístup na internet
- Obrázky připravené k nahrání
- Vývojová aplikace (používáme Acquia Dev Desktop)
- Čas: 1 týden (sestavení)
Tři fáze vývoje webu Drupal
1. Začněte nastavením názvu domény
Na rozdíl od wordpress.com, Drupal nenabízí možnost hostování, takže si tato opatření budete muset udělat sami.
Než začnete, musíte také získat název domény pro svůj web - navštivte Domain.com, Bluehost nebo www.123-reg.co.uk nebo online vyhledejte dodavatele.
Zadejte požadovaný název webu a získáte seznam dostupných rozšíření (.com, .co.uk atd.) A registračních poplatků.
2. Vytvořte si svůj web Drupal na svém vlastním počítači
Můžete nainstalovat Drupal na webhostingový web a vytvořit jej tam, ale vývoj webu na lokálním hostiteli (váš vlastní počítač) věci dělá mnohem jednodušší. Web můžete stavět svým vlastním tempem, opravovat případné vzniklé problémy a vylepšovat vzhled a dojem, jak postupujete.
3. Umístěte hotový web k poskytovateli hostingu
Až bude váš web připraven, můžete jej nasadit u svého poskytovatele hostingu. Přenos souborů na hostitelský web a konfigurace všech nastavení může trvat až jeden den, ale pak je váš web s fotografiemi připraven na velké odhalení.
Vytvořte web s fotografiemi Drupal v 10 krocích
V místním prostředí Acquia Dev Desktop pokračujeme ve vývoji našeho
web před testováním a následným nasazením na webhostingovou platformu…
01 Vytvořte odkazy na nabídky pro galerie
Po vytvoření některých galerií jsme je propojili s hlavní navigací, aby je návštěvníci stránek mohli snadno procházet. V oblasti Správce jsme klikli na Struktura a poté na hlavní nabídku navigace a úprav.
Zadali jsme nadpis pro odkaz na nabídku, poté jsme do pole Odkaz napsali „/ media_gallery / 1“, opakováním tohoto kroku pro ostatní galerie, nahrazením „/ 1“ „/ 2“, „/ 3“ atd.
02 Vylepšení zobrazení obrazu
Naše galerie by pro zobrazení fotografií využívaly „lightbox“. Výběrem obrázku by se otevřelo překryvné okno, které můžeme proklikat a zobrazit všechny obrázky zobrazené v galerii.
Colorbox je oblíbený doplněk lightbox, který funguje s několika verzemi Drupalu, takže je dobře zavedený a aktivně se udržuje.
Jeho stránku najdete zde - nahlédněte do popisu zásuvného modulu a podívejte se, co dokáže.
03 Stáhněte si modul Colorbox
Z popisu si všimnete, že Colorbox obsahuje dva samostatné prvky - modul a zásuvný modul - a zásuvný modul je samostatný soubor ke stažení.
Začněme s modulem. Přejděte do dolní části stránky a najděte verzi Drupal 8 (je to horní ze dvou zelených polí), najeďte myší na odkaz tar.gz, klikněte pravým tlačítkem a vyberte Kopírovat adresu odkazu.
Zpět do oblasti Správce webu klikněte na kartu Rozšířit, klikněte na Instalovat nový modul, vložte adresu URL a klikněte na Instalovat.
04 Stáhněte si zásuvný modul Colorbox
Vraťte se na stránku stahování Colorbox; okamžitě v části Závislosti klikněte na odkaz Colorbox Plugin 1.x. Tím se uloží komprimovaný soubor archivu do určeného umístění vašeho počítače pro stahování.
Nyní musíte ve svém systému vytvořit adresář pro soubory zásuvných modulů Colorbox. Podle pokynů na stránce pro stahování Colorbox vytvořte adresář tak, aby se cesta k souborům stala (název webu) / libraries / colorbox /, poté rozbalte archiv v tomto umístění.
05 Umístěte nekomprimované soubory modulu plug-in
S nekomprimovaným archivem byste měli vidět 14 souborů v adresáři, včetně důležitého souboru JavaScript jquery.colorbox-min.js.
Pokud se ve vaší složce zobrazuje něco jiného, ujistěte se, že hledáte na správném místě - složka (sitename) / modules / colorbox má velmi podobnou syntaxi. (Tato složka by měla obsahovat 22 souborů, včetně osmi podsložek - viz výše.)
06 Povolte modul Colorbox
Po nainstalování modulu Colorbox jej nyní musíme povolit. (Tento proces není automatický.) Vraťte se do administrátorské oblasti svého webu a klikněte na kartu Rozšířit.
Přejděte dolů o dvě třetiny stránky; v části Média zaškrtněte nalevo od Colorboxu. V dolní části stránky klikněte na Instalovat.
Přejděte do části Zprávy a spusťte zprávu o stavu: pokud Colorbox není uveden v seznamu Nalezené chyby, je vše v pořádku.
07 Podívejte se na účinek našeho nového lightboxu
Nyní se podívejme, jaký rozdíl má obrázková lightbox. Klikněte na Zpět na web v levém horním rohu obrazovky a vyvolejte jednu z galerií, které jste přidali do hlavní navigace.
Klikněte na obrázek a otevře se ve vyskakovacím překrytí. Dvojice tlačítek v levém dolním rohu umožňuje procházet obrázky v galerii, zatímco X v pravém dolním rohu zavírá vyskakovací okno - vše funguje dobře.
08 Zkontrolujte informace o titulku obrázku
Další funkcí Colorboxu je jeho schopnost zobrazit titulek k obrázkům, který se objeví ze spodní části zobrazeného obrázku, když na něj přejedete myší.
V současné době používá alternativní text (krátký popis používaný čtečkami obrazovky nebo když se obrázek nenačte), který zadáme pro každou fotografii při nahrávání obrazových souborů. Chcete-li změnit jakékoli titulky, otevřete obrazový soubor v nabídce Obsah / soubory.
09 Přidejte na web další klíčové stránky
Když nyní vypadá obrázek lépe, můžeme začít stavět web a přidávat některé další klíčové prvky. Nejprve si vytvořme stránku About, která nastíní fotografické služby, které nabízíme.
Klikněte na kartu Obsah, klikněte na Přidat obsah a vyberte Základní stránka. Zadejte požadovaný text a vložený obrázek oříznutý na příslušnou velikost. (Použili jsme 200 x 200 pixelů.) K vytvoření dalších stránek patří také uvítací stránka.
10 Posuďte pokrok a přidejte další prvky
Nyní tedy máme plně funkční fotografický web uspořádaný do řady galerií, které zobrazují obrázky ve vyskakovacím překrytí s informacemi o titulcích.
Je to dobrý začátek, ale toto je jen začátek. Mezi další prvky webu, které byste mohli přidat, patří pravidelné příspěvky na blogu, které vám umožní zahájit konverzaci s návštěvníky vašeho webu - a toto je další funkce, kterou Drupal podporuje hned po vybalení z krabice.
Závěrečné kroky: nasazení místního webu do sítě
Dokončili jste tedy své sestavení a vyřešili jste některé drsné stránky tím, že jste jej plně otestovali - nyní je čas nasadit váš web na internet a odhalit jej globálnímu publiku. Takto se to dělá …
1. Najděte poskytovatele hostingových služeb
Jakmile bude váš web plně vytvořen a otestován a budou odstraněny všechny chyby nebo problémy, bude připraven k vydání celosvětovému publiku.
Prvním krokem je najít poskytovatele hostingu. Ujistěte se, že váš poskytovatel hostingu může podporovat PHP a MySQL, obojí vyžaduje Drupal.
2. Stáhněte si klienta FTP do počítače
File Transfer Protocol (FTP) je způsob, kterým nahrajete soubory místního webu k poskytovateli webhostingu. Jedním z nejoblíbenějších FTP klientů je FileZilla, který funguje na Windows i macOS. FileZilla najdete zde.
3. Nahrajte soubory pomocí ovládacího panelu
Váš poskytovatel vám poskytne přístup k ovládacímu panelu pro správu stránek typu „vše na jednom místě“ - cPanel je oblíbená volba. Postupujte podle pokynů poskytovatele pro nasazení, ale mějte na paměti, že konfigurace přenosu souborů a nastavení může trvat celý den.
je světově nejoblíbenější fotografický časopis. Každé číslo je nabito nejnovějšími zprávami, recenzemi, návody, odbornými nákupními radami, tipy a inspirativními obrázky. Každé číslo navíc přináší výběr bonusových dárků, které zajímají fotografy všech schopností. Zobrazit dohodu
Nejlepší webhostingové stránky pro fotografy: získejte své portfolio online
Nejlepší možnosti cloudového úložiště pro fotografy zdarma: platformy a aplikace
Nejlepší kurzy online fotografování - od průvodců pro začátečníky až po mistrovské kurzy
Nejlepší tvůrci webových stránek pro fotografy
Nejlepší správci hesel
Nejlepší studentský notebook
Nejlepší software pro úpravu fotografií
