W ostatniej części tej serii przeprowadzimy Cię przez ostatnie etapy tworzenia witryny fotograficznej od podstaw przy użyciu systemu zarządzania treścią Drupal (CMS).
Witryny utworzone przy użyciu systemu CMS są bardziej wyrafinowane niż te, które składają się ze stałych lub „statycznych” stron z tekstem i są niezbędne do wyświetlania obrazów.
Jako CMS ogólnego przeznaczenia o otwartym kodzie źródłowym, Drupal może pochwalić się dużą społecznością współpracujących programistów i jest popularny wśród rządów, firm non-profit i instytucji edukacyjnych.
Tworzenie strony internetowej w Drupalu jest bardziej wymagające niż robienie tego w innych systemach CMS, takich jak WordPress, więc spodoba się osobom znającym się na komputerach, którym podoba się pomysł „zajścia za zasłonę” strony internetowej.
Nagrodą będzie szyta na miarę i bezpieczna witryna internetowa zbudowana na wysoce konfigurowalnej platformie, w której dodatkowe funkcje są zapewniane poprzez instalowanie modułów (dodatkowe funkcje) i motywów (które określają wygląd i sposób działania).
Aby dojść do tego punktu, zaczęliśmy budować naszą witrynę w środowisku lokalnym, używając lokalnego hosta Acquia Dev Desktop.
Zacznij od pobrania Acquia Dev Desktop i uruchomienia instalatora, a następnie uruchom oprogramowanie i wybierz Start From Scratch.
Użyj sugerowanej wartości domyślnej do zlokalizowania plików bazy kodu w systemie, wprowadź nazwę swojej witryny i zaakceptuj domyślne monity o wersję PHP i nazwę bazy danych. Wybierz wersję 8.9.1 w sekcji Zainstaluj dystrybucję Drupala, wprowadź wymagane informacje, a Drupal zostanie zainstalowany.
Następnie zainstaluj moduł Media Gallery i motyw Showcase Lite. Następnie zacznij tworzyć swoje galerie…
Czego potrzebujesz, aby stworzyć witrynę ze zdjęciami w Drupalu
- Komputer
- dostęp do Internetu
- Obrazy gotowe do przesłania
- Aplikacja programistyczna (używamy Acquia Dev Desktop)
- Czas: 1 tydzień (budowa)
Trzy etapy tworzenia witryny Drupal
1. Zacznij od skonfigurowania nazwy domeny
W przeciwieństwie do wordpress.com, Drupal nie oferuje opcji hostingu, więc musisz to zrobić samodzielnie.
Zanim zaczniesz, musisz również uzyskać nazwę domeny dla swojej witryny - odwiedź witrynę Domain.com, Bluehost lub www.123-reg.co.uk albo wyszukaj dostawcę w Internecie.
Wprowadź żądaną nazwę witryny, a otrzymasz listę dostępnych rozszerzeń (.com, .co.uk itp.) Oraz opłat rejestracyjnych.
2. Stwórz swoją witrynę Drupal na swoim komputerze
Możesz zainstalować Drupala w witrynie hostingowej i tam ją zbudować, ale tworzenie witryny na lokalnym hoście (na własnym komputerze) znacznie ułatwia sprawę. Witrynę można budować we własnym tempie, naprawiając wszelkie pojawiające się przeszkody oraz udoskonalając jej wygląd i styl.
3. Wdróż gotową witrynę u dostawcy usług hostingowych
Gdy Twoja witryna będzie gotowa, możesz wdrożyć ją u dostawcy usług hostingowych. Przeniesienie plików na stronę hosta i skonfigurowanie wszystkich ustawień może zająć nawet jeden dzień, ale wtedy Twoja witryna ze zdjęciami jest gotowa do wielkiego ujawnienia.
Zbuduj witrynę fotograficzną na Drupalu w 10 krokach
Korzystając z lokalnego środowiska Acquia Dev Desktop, kontynuujemy rozwój naszego
witryna przed testowaniem i późniejszym wdrożeniem na platformie hostingu witryn internetowych…
01 Utwórz linki menu dla galerii
Po utworzeniu niektórych galerii połączyliśmy je z główną nawigacją, aby odwiedzający mogli je łatwo przeglądać. W obszarze administracyjnym kliknęliśmy Struktura, a następnie Główna nawigacja i menu Edycja.
Wpisaliśmy tytuł linku do menu, a następnie w polu Link wpisaliśmy „/ media_gallery / 1”, powtarzając ten krok dla innych galerii, zastępując „/ 1” słowem „/ 2”, „/ 3” i tak dalej.
02 Poprawa wyświetlania obrazu
Nasze galerie skorzystałyby na „lightboxie” do wyświetlania zdjęć. Wybranie obrazu spowodowałoby otwarcie wyskakującej nakładki, którą możemy kliknąć, aby wyświetlić wszystkie obrazy wyświetlane w galerii.
Colorbox to popularna wtyczka lightbox, która współpracowała z kilkoma wersjami Drupala, więc ma ugruntowaną pozycję i jest aktywnie rozwijana.
Możesz znaleźć jego stronę tutaj - rzuć okiem na opis wtyczki, aby zobaczyć, co potrafi.
03 Pobierz moduł Colorbox
Z opisu zauważysz, że Colorbox ma dwa elementy dyskretne - moduł i wtyczkę - a wtyczka jest osobnym pobieraniem.
Zacznijmy od modułu. Przewiń na dół strony i znajdź wersję Drupala 8 (jest to górna część z dwóch zielonych pól), najedź myszką na link tar.gz, kliknij prawym przyciskiem myszy i wybierz Kopiuj adres linku.
Wróć do obszaru administracyjnego witryny, kliknij kartę Rozszerz, kliknij Zainstaluj nowy moduł, wklej adres URL i kliknij Zainstaluj.
04 Pobierz wtyczkę Colorbox
Wróć do strony pobierania Colorbox; natychmiast w obszarze Zależności kliknij łącze Colorbox Plugin 1.x. Spowoduje to zapisanie skompresowanego pliku archiwum w wyznaczonej lokalizacji komputera do pobrania.
Teraz musisz utworzyć katalog w swoim systemie dla plików wtyczek Colorbox. Zgodnie z instrukcjami na stronie pobierania Colorbox, utwórz katalog tak, aby ścieżka do plików stała się (nazwa witryny) / libraries / colorbox /, a następnie rozpakuj archiwum w tej lokalizacji.
05 Umieść nieskompresowane pliki wtyczek
Po zdekompresowaniu archiwum powinieneś być w stanie zobaczyć 14 plików w katalogu, w tym niezwykle ważny plik JavaScript jquery.colorbox-min.js.
Jeśli w Twoim folderze jest inaczej, upewnij się, że szukasz odpowiedniego miejsca - folder (nazwa_strony) / modules / colorbox ma bardzo podobną składnię. (Ten folder powinien zawierać 22 pliki, w tym osiem podfolderów - patrz wstawka powyżej).
06 Włącz moduł Colorbox
Po zainstalowaniu modułu Colorbox, musimy go teraz włączyć. (Ten proces nie jest automatyczny). Wróć do obszaru administracyjnego witryny i kliknij kartę Rozszerz.
Przewiń dwie trzecie strony w dół; w sekcji Media zaznacz zaznaczenie po lewej stronie Colorbox. U dołu strony kliknij Zainstaluj.
Przejdź do raportów i uruchom raport o stanie: jeśli Colorbox nie ma na liście znalezionych błędów, wszystko jest w porządku.
07 Sprawdź efekt naszego nowego lightboxa
Zobaczmy teraz, jaką różnicę spowodowała funkcja lightbox obrazu. Kliknij opcję Powrót do witryny w lewym górnym rogu ekranu i przywołaj jedną z galerii dodanych do głównej nawigacji.
Kliknij obraz, a otworzy się on w wyskakującej nakładce. Para przycisków w lewym dolnym rogu umożliwia poruszanie się po obrazach w galerii, a X w prawym dolnym rogu zamyka wyskakujące okienko - wszystko działa poprawnie.
08 Przejrzyj informacje o podpisie obrazu
Inną cechą Colorboxa jest możliwość wyświetlania podpisu dla obrazów, który wyskakuje z dołu oglądanego obrazu po najechaniu na niego kursorem myszy.
Obecnie wykorzystuje tekst alternatywny (krótki opis używany przez czytniki ekranu lub gdy obraz się nie ładuje), który wprowadzamy dla każdego zdjęcia podczas przesyłania plików graficznych. Aby zmienić podpisy, otwórz plik obrazu w menu Treść / Pliki.
09 Dodaj inne kluczowe strony do serwisu
Ponieważ wyświetlanie obrazu wygląda teraz lepiej, możemy zacząć budować witrynę i dodawać inne kluczowe elementy. Po pierwsze, utwórzmy stronę Informacje, aby przedstawić oferowane przez nas usługi fotograficzne.
Kliknij kartę Treść, kliknij opcję Dodaj treść i wybierz opcję Strona podstawowa. Wprowadź żądany tekst oraz wbudowany obraz przycięty do odpowiedniego rozmiaru. (Użyliśmy 200 x 200 pikseli). Inne strony do zbudowania obejmują stronę powitalną.
10 Oceń postępy i dodaj inne elementy
Mamy więc w pełni funkcjonalną stronę internetową poświęconą fotografii, zorganizowaną w serię galerii, które wyświetlają obrazy w wyskakującej nakładce z informacją o podpisie.
To dobry początek, ale to dopiero początek. Inne elementy witryny, o których możesz pomyśleć, obejmują regularne posty na blogu, aby otworzyć konwersację z osobami odwiedzającymi Twoją witrynę - i jest to kolejna funkcja, którą Drupal obsługuje od razu po wyjęciu z pudełka.
Ostatnie kroki: wdróż lokalną witrynę w sieci
Ukończyłeś więc kompilację i wyprostowałeś niektóre nierówności, w pełni testując ją - teraz nadszedł czas, aby wdrożyć witrynę w Internecie i zaprezentować ją globalnej publiczności. Oto jak to się robi…
1. Znajdź dostawcę usług hostingowych
Gdy Twoja witryna zostanie w pełni zbudowana i przetestowana, a wszelkie błędy lub przeszkody zostaną usunięte, jest gotowa do udostępnienia odbiorcom na całym świecie.
Pierwszym krokiem jest znalezienie dostawcy usług hostingowych. Upewnij się, że Twój dostawca usług hostingowych może obsługiwać PHP i MySQL, oba wymagane przez Drupal.
2. Pobierz klienta FTP na swój komputer
Protokół transferu plików (FTP) to sposób, za pomocą którego przesyłasz pliki z lokalnej witryny do dostawcy usług hostingowych. Jednym z najpopularniejszych klientów FTP jest FileZilla, który działa zarówno w systemie Windows, jak i macOS. Możesz znaleźć FileZilla tutaj.
3. Prześlij pliki za pomocą Panelu sterowania
Twój dostawca zapewni Ci dostęp do panelu sterowania, umożliwiającego zarządzanie witryną w jednym miejscu - popularną opcją jest cPanel. Postępuj zgodnie z instrukcjami dostawcy dotyczącymi wdrożenia, ale pamiętaj, że transfer plików i konfiguracja ustawień może zająć nawet cały dzień.
to ulubiony magazyn fotograficzny na świecie. Każdy numer zawiera najnowsze wiadomości, recenzje, samouczki, porady ekspertów dotyczące zakupów, porady i inspirujące obrazy. Ponadto do każdego wydania dołączony jest wybór prezentów bonusowych, które mogą zainteresować fotografów o różnych umiejętnościach. Zobacz ofertę
Najlepsze witryny hostingowe dla fotografów: umieść swoje portfolio online
Najlepsze bezpłatne opcje przechowywania w chmurze dla fotografów: platformy i aplikacje
Najlepsze kursy fotografii online - od przewodników dla początkujących po kursy mistrzowskie
Najlepsze narzędzia do tworzenia witryn internetowych dla fotografów
Najlepsi menedżerowie haseł
Najlepszy laptop dla studentów
Najlepsze oprogramowanie do edycji zdjęć
