Pentru partea finală a acestei serii, vă vom prezenta prin etapele finale ale construirii unui site de fotografie de la zero folosind sistemul de management al conținutului Drupal (CMS).
Site-urile web construite folosind un CMS sunt mai sofisticate decât cele care constau din pagini de text fixe sau „statice” și sunt esențiale pentru afișarea imaginilor.
Fiind un CMS open-source cu scop general, Drupal se mândrește cu o comunitate mare de dezvoltatori care contribuie și este popular printre guverne, firme nonprofit și instituții de învățământ.
Construirea unui site web în Drupal este mai implicată decât o faceți în alte CMS-uri, cum ar fi WordPress, așa că va atrage persoanele care au cunoștințe informatice cărora le place ideea de a merge „în spatele cortinei” unui site web.
Recompensa va fi un site web personalizat și sigur, construit pe o platformă extrem de personalizabilă, unde funcționalitatea suplimentară este oferită prin instalarea modulelor (caracteristici suplimentare) și a temelor (care determină aspectul).
Pentru a ajunge la acest punct, am început construirea site-ului nostru într-un mediu local, folosind gazda locală Acquia Dev Desktop.
Începeți descărcând Acquia Dev Desktop și executând programul de instalare, apoi lansați software-ul și selectați Start From Scratch.
Utilizați valoarea implicită sugerată pentru localizarea fișierelor bazei de cod pe sistemul dvs., introduceți numele site-ului dvs. și acceptați solicitările implicite pentru versiunea PHP și numele bazei de date. Alegeți v8.9.1 sub Instalarea unei distribuții Drupal, introduceți toate informațiile necesare și Drupal va fi instalat.
Apoi, instalați modulul Media Gallery și tema Showcase Lite. Apoi începeți să vă creați galeriile …
De ce veți avea nevoie pentru a construi un site de fotografii în Drupal
- Calculator
- acces la internet
- Imagini gata de încărcare
- Aplicație de dezvoltare (folosim Acquia Dev Desktop)
- Timp: 1 săptămână (construire)
Cele trei etape ale dezvoltării unui site Drupal
1. Începeți prin configurarea numelui de domeniu
Spre deosebire de wordpress.com, Drupal nu oferă o opțiune de găzduire, deci va trebui să faceți singur aceste aranjamente.
Înainte de a începe, va trebui să achiziționați și un nume de domeniu pentru site-ul dvs. - vizitați Domain.com, Bluehost sau www.123-reg.co.uk sau căutați online un furnizor.
Introduceți numele site-ului dorit și veți obține o listă a extensiilor disponibile (.com, .co.uk etc.) și a taxelor de înregistrare.
2. Dezvoltă-ți site-ul Drupal pe propriul computer
Puteți instala Drupal pe un site de găzduire web și îl puteți construi acolo, dar dezvoltarea site-ului dvs. pe o gazdă locală (propriul computer) face lucrurile mult mai ușoare. Puteți construi site-ul în ritmul propriu, remediați eventualele probleme care apar și puteți rafina aspectul în timp ce mergeți.
3. Implementați site-ul terminat către furnizorul dvs. de găzduire
Când site-ul dvs. este gata, îl puteți implementa către furnizorul dvs. de găzduire. Transferul fișierelor pe site-ul gazdă și configurarea tuturor setărilor ar putea dura până la o zi, dar apoi site-ul dvs. foto este gata pentru marea sa dezvăluire.
Construiți un site de fotografii Drupal în 10 pași
Folosind mediul local Acquia Dev Desktop, continuăm să ne dezvoltăm
site înainte de testare și implementare ulterioară pe o platformă de găzduire a site-ului web …
01 Creați legături de meniu pentru galerii
După crearea unor galerii, le-am legat de navigarea principală, astfel încât vizitatorii site-ului să le poată naviga cu ușurință. În zona de administrare, am făcut clic pe Structură, apoi Navigare principală și meniu Editare.
Am introdus un titlu pentru linkul meniului, apoi am tastat „/ media_gallery / 1” în câmpul Link, repetând acest pas pentru celelalte galerii, înlocuind „/ 1” cu „/ 2”, „/ 3” și așa mai departe.
02 Îmbunătățirea afișajelor imaginii
Galeriile noastre ar beneficia de un „lightbox” pentru a afișa fotografiile. Selectarea unei imagini va deschide o suprapunere pop-up, pe care o putem face clic pentru a vizualiza toate imaginile afișate în galerie.
Colorbox este un plug-in popular pentru lightbox care a funcționat cu mai multe versiuni de Drupal, deci este bine stabilit și este întreținut în mod activ.
Puteți găsi pagina acestuia aici - aruncați o privire asupra descrierii pluginului pentru a vedea ce poate face.
03 Descărcați modulul Colorbox
Din descriere, veți observa că există două elemente discrete în Colorbox - un modul și un plug-in - iar plug-in-ul este o descărcare separată.
Să începem cu modulul. Derulați până în partea de jos a paginii și localizați versiunea Drupal 8 (este una din cele două casete verzi), treceți mouse-ul peste linkul tar.gz, faceți clic dreapta și selectați Copiați adresa linkului.
Înapoi în zona de administrare a site-ului, faceți clic pe fila Extindeți, faceți clic pe Instalare modul nou, lipiți adresa URL și faceți clic pe Instalare.
04 Descărcați pluginul Colorbox
Reveniți la pagina de descărcare Colorbox; imediat sub Dependențe, faceți clic pe linkul Colorbox Plugin 1.x. Aceasta va salva un fișier de arhivă comprimat în locația nominalizată a computerului pentru descărcări.
Acum trebuie să creați un director pe sistemul dvs. pentru fișierele plug-in Colorbox. Conform instrucțiunilor din pagina de descărcare Colorbox, creați un director astfel încât calea către fișiere să devină (numele site-ului) / biblioteci / colorbox /, apoi despachetați arhiva în acea locație.
05 Plasați fișierele plug-in necomprimate
Cu arhiva necomprimată, ar trebui să puteți vedea 14 fișiere din director, inclusiv fișierul JavaScript jquery.colorbox-min.js foarte important.
Dacă folderul dvs. afișează ceva diferit, asigurați-vă că căutați în locul potrivit - folderul (sitename) / modules / colorbox prezintă o sintaxă foarte similară. (Acest dosar ar trebui să conțină 22 de fișiere, inclusiv opt sub-foldere - a se vedea inserția, de mai sus.)
06 Activați modulul Colorbox
După ce am instalat deja modulul Colorbox, acum trebuie să îl activăm. (Acest proces nu este automat.) Reveniți la zona de administrare a site-ului dvs. și faceți clic pe fila Extindeți.
Derulați în jos două treimi din pagină; sub secțiunea Media, bifați în stânga Colorbox. Chiar în partea de jos a paginii, faceți clic pe Instalare.
Accesați Rapoarte și rulați un raport de stare: dacă Colorbox nu este listat în Erori găsite, atunci totul este bine.
07 Verificați efectul noii noastre casete lightbox
Acum, să vedem ce diferență a avut o imagine lightbox. Faceți clic pe Înapoi la site în colțul din stânga sus al ecranului și apelați una dintre galeriile pe care le-ați adăugat la navigarea principală.
Faceți clic pe o imagine și se va deschide într-o suprapunere pop-up. O pereche de butoane din colțul din stânga jos vă permit să vă deplasați prin imaginile din galerie, în timp ce un X din partea din dreapta jos închide fereastra pop-up - totul funcționează bine.
08 Examinați informațiile despre subtitrarea imaginii
O altă caracteristică a Colorbox este capacitatea sa de a afișa o legendă pentru imagini, care apare din partea de jos a imaginii care este vizualizată atunci când treceți cu mouse-ul peste ea.
În prezent, folosește textul alternativ (o scurtă descriere utilizată de cititoarele de ecran sau când o imagine nu se încarcă) pe care o introducem pentru fiecare fotografie în timp ce încărcăm fișierele imagine. Pentru a modifica subtitrările, deschideți fișierul imagine din meniul Conținut / Fișiere.
09 Adăugați alte pagini cheie pe site
Având o imagine mai bună acum, putem începe să construim site-ul și să adăugăm alte elemente cheie. În primul rând, să creăm o pagină Despre noi pentru a prezenta serviciile fotografice pe care le oferim.
Faceți clic pe fila Conținut, faceți clic pe Adăugați conținut și selectați Pagina de bază. Introduceți textul dorit plus o imagine în linie decupată la o dimensiune adecvată. (Am folosit 200 x 200 pixeli.) Alte pagini pentru a crea includ pagina de bun venit.
10 Evaluează progresul și adaugă alte elemente
Așadar, acum avem un site de fotografie complet funcțional, organizat într-o serie de galerii care afișează imaginile într-o fereastră pop-up cu informații despre subtitrare.
Este un început bun, dar acesta este doar începutul. Alte elemente ale site-ului pe care v-ați putea gândi să le adăugați includ postări periodice pe blog, pentru a deschide o conversație cu vizitatorii site-ului dvs. - și aceasta este o altă funcție pe care Drupal o acceptă chiar din cutie.
Pașii finali: implementați site-ul local pe net
Așadar, v-ați finalizat versiunea și ați eliminat câteva aspecte testând-o pe deplin - acum este timpul să vă implementați site-ul pe internet și să îl dezvăluiți unui public global. Iată cum se face …
1. Găsiți un furnizor de servicii de găzduire
Odată ce site-ul dvs. este complet construit și testat și orice erori sau erori sunt netezite, este gata să fie lansat pentru un public global.
Primul pas este să găsiți un furnizor de găzduire. Asigurați-vă că furnizorul dvs. de găzduire poate suporta PHP și MySQL, ambele solicitate de Drupal.
2. Descărcați un client FTP pe computer
Protocolul de transfer de fișiere (FTP) este mijlocul prin care încărcați fișierele site-ului dvs. local către furnizorul dvs. de găzduire web. Unul dintre cei mai populari clienți FTP este FileZilla, care funcționează atât pe Windows, cât și pe MacOS. Puteți găsi FileZilla aici.
3. Încărcați fișierele folosind Panoul de control
Furnizorul dvs. vă va oferi acces la un panou de control, pentru gestionarea site-ului all-in-one - cPanel este o opțiune populară. Urmați instrucțiunile furnizorului dvs. pentru implementare, dar rețineți că transferul de fișiere și configurația setărilor ar putea dura până la o zi întreagă.
este revista de fotografie preferată din lume. Fiecare număr este plin de cele mai recente știri, recenzii, tutoriale, sfaturi de cumpărare de experți, sfaturi și imagini inspiratoare. În plus, fiecare ediție vine cu o selecție de cadouri bonus de interes pentru fotografii de toate abilitățile
Cele mai bune site-uri de găzduire de site-uri pentru fotografi: obțineți portofoliul dvs. online
Cele mai bune opțiuni gratuite de stocare în cloud pentru fotografi: platforme și aplicații
Cele mai bune cursuri de fotografie online - de la ghiduri pentru începători la cursuri de master
Cei mai buni constructori de site-uri web pentru fotografi
Cei mai buni manageri de parole
Cel mai bun laptop student
Cel mai bun software de editare a fotografiilor
