Tämän sarjan viimeisessä osassa aiomme opastaa valokuvasivuston rakentamisen viimeiset vaiheet tyhjästä Drupalin sisällönhallintajärjestelmän (CMS) avulla.
CMS: n avulla rakennetut verkkosivustot ovat kehittyneempiä kuin kiinteät tai staattiset tekstisivut ja ne ovat välttämättömiä kuvien näyttämiselle.
Avoimen lähdekoodin yleiskäyttöisenä CMS: nä Drupalilla on laaja osallistuvien kehittäjien yhteisö, ja se on suosittu hallitusten, voittoa tavoittelemattomien yritysten ja oppilaitosten keskuudessa.
Verkkosivuston rakentaminen Drupalissa on enemmän kuin tekemistä muissa CMS: issä, kuten WordPress, joten se vetoaa tietokoneita lukeviin ihmisiin, jotka pitävät ajatuksesta mennä verkkosivuston verhon taakse.
Palkinto on räätälöity ja turvallinen verkkosivusto, joka on rakennettu erittäin muokattavaan alustaan, jossa lisäominaisuuksia tarjotaan asentamalla moduulit (lisäominaisuudet) ja teemat (jotka määrittävät ulkoasun ja tunnelman).
Päästäkseen tähän pisteeseen aloitimme sivustomme rakentamisen paikallisessa ympäristössä käyttämällä Acquia Dev Desktopin paikallista isäntää.
Aloita lataamalla Acquia Dev Desktop ja suorittamalla asennusohjelma, käynnistämällä ohjelmisto ja valitsemalla Aloita naarmuilta.
Käytä ehdotettua oletusasetusta koodikantatiedostojen löytämiseen järjestelmässäsi, kirjoita sivustosi nimi ja hyväksy oletuskehotteet PHP-versiolle ja tietokannan nimelle. Valitse v8.9.1 kohdassa Asenna Drupal Distribution, kirjoita tarvittavat tiedot ja Drupal asennetaan.
Asenna seuraavaksi Media Gallery -moduuli ja Showcase Lite -teema. Aloita sitten gallerioiden luominen …
Mitä tarvitset valokuvasivuston rakentamiseen Drupaliin
- Tietokone
- Internet-yhteys
- Kuvat valmiina lataamista varten
- Kehityssovellus (käytämme Acquia Dev Desktopia)
- Aika: 1 viikko (koontiversio)
Drupal-sivuston kehittämisen kolme vaihetta
1. Aloita määrittämällä verkkotunnuksesi
Toisin kuin wordpress.com, Drupal ei tarjoa hosting-vaihtoehtoa, joten sinun on tehtävä nämä järjestelyt itse.
Ennen kuin aloitat, sinun on hankittava myös verkkotunnus sivustollesi - käy osoitteessa Domain.com, Bluehost tai www.123-reg.co.uk tai etsi verkosta palveluntarjoaja.
Syötä haluamasi sivuston nimi ja saat luettelon käytettävissä olevista laajennuksista (.com, .co.uk jne.) Ja rekisteröintimaksuista.
2. Kehitä Drupal-sivustosi omalla tietokoneellasi
Voit asentaa Drupalin web-hosting-sivustolle ja rakentaa sen sinne, mutta sivustosi kehittäminen paikalliselle isännälle (omalle tietokoneellesi) tekee asiat paljon helpommaksi. Voit rakentaa sivuston omaan tahtiisi, korjata mahdolliset epäjohdonmukaisuudet ja hienosäätää ulkoasua ja tunnetta edetessäsi.
3. Ota valmis sivusto käyttöön palveluntarjoajallesi
Kun sivustosi on valmis, voit ottaa sen käyttöön palveluntarjoajallesi. Tiedostojen siirtäminen isäntäsivustolle ja kaikkien asetusten määrittäminen voi viedä yhden päivän, mutta sitten valokuvasivustosi on valmis suurelle paljastukselleen.
Rakenna Drupal-valokuvasivusto 10 vaiheessa
Jatkamme tuotteidemme kehittämistä käyttämällä Acquia Dev Desktop -ympäristöä
ennen testaamista ja myöhempää käyttöönottoa verkkosivustopalvelualustalle…
01 Luo gallerioiden valikkolinkit
Kun olemme luoneet joitain gallerioita, linkitimme ne päänavigointiin, jotta sivuston kävijät voivat selata niitä helposti. Napsautimme Järjestelmänvalvoja-alueella kohtaa Rakenne ja sitten Päävalikko ja Muokkaa-valikko.
Annoimme valikkolinkin otsikon ja kirjoitimme sitten linkkikenttään ”/ media_gallery / 1”, toistamalla tämän vaiheen muille gallerioille, korvaamalla ”/ 1” merkinnällä ”/ 2”, ”/ 3” ja niin edelleen.
02 Kuvanäyttöjen parantaminen
Galleriamme hyötyisivät ”lightboxista” valokuvien näyttämiseksi. Kuvan valitseminen avaisi ponnahdusikkunan, jonka voimme napsauttaa läpi nähdäksesi kaikki galleriassa näkyvät kuvat.
Colorbox on suosittu lightbox-laajennus, joka on toiminut useiden Drupal-versioiden kanssa, joten se on vakiintunut ja sitä ylläpidetään aktiivisesti.
Löydät sivun täältä - vilkaise laajennuksen kuvausta nähdäksesi, mitä se voi tehdä.
03 Lataa Colorbox-moduuli
Huomaat kuvauksesta, että Colorboxissa on kaksi erillistä elementtiä - moduuli ja laajennus - ja laajennus on erillinen lataus.
Aloitetaan moduulista. Vieritä sivun alaosaan ja etsi Drupal 8 -versio (se on kahden vihreän laatikon yläosa), vie hiiri tar.gz-linkin päälle, napsauta hiiren kakkospainikkeella ja valitse Kopioi linkin osoite.
Palaa sivuston Järjestelmänvalvoja-alueelle napsauttamalla Laajenna-välilehteä, napsauta Asenna uusi moduuli, liitä URL-osoite ja valitse Asenna.
04 Lataa Colorbox-laajennus
Palaa Colorbox-lataussivulle; Napsauta heti Dependencies-kohdassa Colorbox Plugin 1.x -linkkiä. Tämä tallentaa pakatun arkistotiedoston tietokoneesi nimettyyn paikkaan lataamista varten.
Nyt sinun on luotava hakemisto järjestelmääsi Colorbox-laajennustiedostoille. Luo Colorbox-lataussivun ohjeiden mukaisesti hakemisto niin, että tiedostojen polusta tulee (sivuston nimi) / kirjastot / colorbox /, ja pura sitten arkisto kyseiseen paikkaan.
05 Sijoita pakkaamattomat laajennustiedostot
Kun arkistoa ei ole pakattu, sinun pitäisi pystyä näkemään hakemistossa 14 tiedostoa, mukaan lukien kaikki tärkeät JavaScript-tiedostot jquery.colorbox-min.js.
Jos kansiossasi näkyy jotain erilaista, varmista, että etsit oikeassa paikassa - (sitename) / modules / colorbox -kansiossa on hyvin samanlainen syntakse. (Tämän kansion tulisi sisältää 22 tiedostoa, mukaan lukien kahdeksan alikansiota - katso yllä oleva lisäys.)
06 Ota Colorbox-moduuli käyttöön
Kun olemme jo asentaneet Colorbox-moduulin, meidän on nyt otettava se käyttöön. (Tämä prosessi ei ole automaattinen.) Palaa takaisin sivustosi Järjestelmänvalvoja-alueelle ja napsauta Laajenna-välilehteä.
Vieritä kaksi kolmasosaa sivusta alaspäin; aseta Media-osioon rasti Colorboxin vasemmalle puolelle. Napsauta sivun alaosassa Asenna.
Siirry kohtaan Raportit ja suorita tilaraportti: jos Colorboxia ei ole luettelossa löytyneistä virheistä, kaikki on hyvin.
07 Katso uuden valolaatikkomme vaikutus
Katsotaan nyt, mitä eroa kuvan lightboxilla on ollut. Napsauta ruudun vasemmassa yläkulmassa olevaa Takaisin sivustolle ja avaa yksi galleriaista, jotka olet lisännyt päävalikkoon.
Napsauta kuvaa ja se avautuu ponnahdusikkunassa. Vasemmassa alakulmassa olevien nappiparien avulla voit liikkua gallerian kuvien välillä, kun taas oikeassa alakulmassa oleva X sulkee ponnahdusikkunan - kaikki toimii hyvin.
08 Tarkista kuvatekstitiedot
Toinen Colorboxin ominaisuus on sen kyky näyttää kuvateksti, joka ponnahtaa esiin tarkasteltavan kuvan alaosasta, kun viet hiiren sen päälle.
Tällä hetkellä käytetään vaihtoehtoista tekstiä (lyhyt kuvaus, jota näytön lukijat käyttävät tai kun kuvaa ei lataudu), jonka syötämme jokaiselle valokuvalle kuvatiedostoja ladatessasi. Voit muuttaa tekstityksiä avaamalla kuvatiedoston Sisältö / tiedostot-valikossa.
09 Lisää joitain muita avainsivuja sivustoon
Kun kuvanäyttö näyttää nyt paremmalta, voimme aloittaa sivuston rakentamisen ja lisätä joitain muita keskeisiä elementtejä. Ensinnäkin, luodaan Tietoja-sivu hahmottelemaan tarjoamiamme valokuvapalveluja.
Napsauta Sisältö-välilehteä, valitse Lisää sisältö ja valitse Perussivu. Kirjoita haluamasi teksti ja sopiva kokoiseksi rajattu upotettu kuva. (Käytimme 200 x 200 pikseliä.) Muita rakennettavia sivuja ovat Tervetuloa-sivu.
10 Arvioi edistyminen ja lisää muita elementtejä
Joten nyt meillä on täysin toimiva valokuvaussivusto, joka on järjestetty sarjaksi gallerioita, jotka näyttävät kuvat ponnahdusikkunassa, jossa on kuvatekstitiedot.
Se on hyvä alku, mutta tämä on vasta alkua. Muita sivustoelementtejä, jotka voit miettiä lisätä, ovat tavalliset blogiviestit keskustelun aloittamiseksi sivustosi kävijöiden kanssa - ja tämä on toinen toiminto, jota Drupal tukee heti alusta alkaen.
Viimeiset vaiheet: ota paikallinen sivustosi käyttöön verkossa
Joten olet valmis rakentamisen ja silittänyt joitain karkeita reunoja testaamalla sen täysin - nyt on aika ottaa sivustosi käyttöön Internetissä ja paljastaa se globaalille yleisölle. Näin se tehdään …
1. Etsi isännöintipalvelujen tarjoaja
Kun sivustosi on täysin rakennettu ja testattu ja mahdolliset virheet on poistettu, se on valmis julkaistavaksi globaalille yleisölle.
Ensimmäinen vaihe on löytää palveluntarjoaja. Varmista, että isäntäpalveluntarjoajasi tukee PHP: tä ja MySQL: ää, jotka molemmat edellyttävät Drupal.
2. Lataa FTP-asiakas tietokoneellesi
Tiedostonsiirtoprotokolla (FTP) on tapa, jolla lataat paikallisen sivustosi tiedostot web-palveluntarjoajallesi. Yksi suosituimmista FTP-asiakkaista on FileZilla, joka toimii sekä Windows- että macOS-käyttöjärjestelmissä. Löydät FileZillan täältä.
3. Lataa tiedostot Ohjauspaneelin avulla
Palveluntarjoajasi antaa sinulle pääsyn ohjauspaneeliin all-in-one-site-sivuston hallintaa varten - cPanel on suosittu vaihtoehto. Noudata palveluntarjoajan käyttöönottoa koskevia ohjeita, mutta muista, että tiedostonsiirto ja asetusten määritys voi viedä koko päivän.
on maailman suosikki valokuvalehti. Jokainen numero sisältää viimeisimmät uutiset, arvostelut, oppaat, asiantuntija-neuvoja ostamiseen, vinkkejä ja inspiroivia kuvia. Lisäksi jokaisessa numerossa on valikoima bonuslahjoja, jotka kiinnostavat kaiken kyvyn valokuvaajia
Parhaat valokuvien verkkosivustojen isännöintisivustot: hanki salkku verkossa
Parhaat ilmaiset pilvitallennusvaihtoehdot valokuvaajille: alustat ja sovellukset
Parhaat online-valokuvauskurssit - aloittelijaoppaista mestarikursseihin
Parhaat verkkosivujen rakentajat valokuvaajille
Parhaat salasanojen hallintaohjelmat
Paras opiskelijoiden kannettava tietokone
Paras kuvankäsittelyohjelmisto
