Hoe om ‘n bedryfswebwerf te maak – ‘n volledige stap-vir-stap videogids!

WordPress aanbiedings


Ek sal normaalweg nooit so dramaties met ‘n pos begin nie, maar DAMN het ons vandag iets spesiaals vir jou: ‘n volledige stap vir stap video gids (met niks oorgeslaan) na ‘n professionele WordPress-webwerf vir klein ondernemings te skep!

Wat hierdie video egter so spesiaal maak, is in wese drie dinge: 1. Die feit dat dit presies is hoe ons dit self sou doen (en ons is, inderdaad, baie kundiges hiervan); 2. Die vlak van detail waarna ons gaan – die video is een en ‘n half uur lank, en ons skep ‘n voorbeeld van ‘n klein besigheidswebwerf van begin tot einde; en 3. Dat die video gemik is op volledige beginners – mense wat heel waarskynlik nog nooit so iets gedoen het nie (en steeds die hele idee sien om ‘n webwerf vir hulself te skep as iets wat regtig vreesaanjaend is).

Deur eenvoudig te volg, deur te klik waar ons klik, en met ‘n bietjie nadenke om enkele aspekte te verander om by u eie onderneming te pas, sal u hopelik ‘n soortgelyke (en tegnies uitstekende) WordPress-webwerf kan maak!

So waarvoor wag jy? Begin!

Hoe om ‘n professionele besigheidswebwerf met WordPress te maak:

Direkte skakel om na die video op Vimeo te kyk.

– (nota: videokrediete aan Topher DeRosia – skepper van HeroPress

Video-transkripsie:

In hierdie video gaan ek jou wys hoe om ‘n professionele besigheidswebwerf met WordPress te maak. Ons sal stap vir stap gaan, en ek sal niks uitlaat nie. Die onderneming wat ons as model gaan gebruik, is ‘n kuierruimte. As u die finale weergawe van hierdie webwerf wil bekyk, kan u na coworkerpro.com gaan. Die elemente wat ons op hierdie webwerf gaan plaas, kan op enige besigheidswebwerf gebruik word. Daar is ‘n oproep tot aksie. ‘N Bietjie oor ons. Sommige personeel, getuigskrifte, ‘n kontakvorm, asook verskeie ander bladsye. Wat u ook al doen, aan die einde van hierdie video, moet u ‘n eersteklas webwerf daarvoor hê. Ons gaan ons webwerf by Siteground aanbied. En ons kyk na alles wat hulle kan bied, en hoe maklik dit is om dinge aan die rol te kry. Ons gaan ‘n paar ekstra plugins installeer om dit te help, en ons gaan die Hestia-tema van Themeisle gebruik. Hestia stel ons in staat om die aanpasbare WordPress-program te gebruik om elke deel van die bladsy reg van die voorkant af te wysig. Ons sal ook deur verskeie instrumente kyk wat kan help om ons webwerf vinniger en beter te laat werk. Ons sal na Siteground se eie optimiseerder kyk. Ons sal die Google Search Console en Google Analytics, sowel as Yoast SEO, verbind vir die optimalisering van soekenjins. En dan gebruik ons ​​die Jetpack-inprop van Automattic om strooipos, rugsteun en ‘n paar ekstra statistieke te bestuur. As u binne ‘n paar uur volg, moet u ‘n volledige, pragtige, funksionele sakewebwerf hê wat gereed is vir gebruik. Laat ons dus begin. Die eerste ding wat ons wil opstel is webhosting. Nou is die web hosting waar u webwerf op die internet gaan wees. Dit is soos om ‘n huurmotor te kry om u goed te stoor. U huur ‘n bietjie ruimte, sit u webwerf daarop, en mense kan dit besoek. Die webwerf wat ons gaan gebruik, word Siteground genoem. Dit is ‘n uitstekende gasheer met uitstekende pryse en baie funksies waarvan ek regtig hou. Maar voordat ons hier begin, wil ek jou iets op WinningWP.com wys. Siteground en WinningWP het ‘n reëling waar u% op u hosting by Siteground kan bespaar. Boonop kry WinningWP ‘n bietjie van die geld wat u gaan betaal. Hierdie geld gaan om video’s soos hierdie te skep, so dit is regtig ‘n wen-wen-situasie, waar u goedkoop aanbiedings, uitstekende inhoud kry, en WinningWP ook ‘n bietjie kry. Nou, al wat jy hoef te doen, is om na hierdie bladsy te gaan, en daar is ‘n skakel onder die video. En klik op die koepon toe te pas. En daar is ons, sê dit, ‘n spesiale transaksie vir besoekers van WinningWP.com. En ons sal ‘n plan kies. Die plan waarmee ons gaan werk, is die GrowBig-plan. Dit het net genoeg ekstra funksies met StartUp dat ek regtig daarvan hou. Maar die GoGeek is regtig vir effens groter werwe as wat ons gaan bou. Kom ons kies GrowBig. En ons sal aan die gang kom. ‘N Deel van die proses vir hierdie video is om ‘n nuwe domeinnaam te registreer. As u alreeds ‘n domeinnaam geregistreer het, bevat Siteground uitstekende dokumente hier oor hoe u dit op u webwerf kan rig, of die naam eintlik na Siteground kan oordra. Beide werk baie goed, en hulle het goeie inligting oor hoe om beide hier te doen. Ons gaan ‘n nuwe een kry, en dit sal coworkerpro.com wees. Nou, hierdie domein kos $. n jaar. En as jy daaraan dink, as ‘n jaarlikse prys, is dit regtig nie juis baie nie. Kom ons gaan voort. Hier sê dit, baie geluk, ons domeinnaam is beskikbaar. Nou gaan ons ‘n rekening op Siteground skep. Eers sit ons ‘n e-posadres in, en dan ‘n wagwoord vir Siteground. Dit is nie ‘n wagwoord vir u domeinnaam of vir FTP of iets dergeliks nie, dit is net om by Siteground aan te meld. Vervolgens sit ons persoonlike inligting in. Vervolgens sit ons kredietkaartinligting in. En hier sal ons sê dat ons faktuuradres dieselfde is as in die kontakinligting hierbo. En nou gaan ons kyk wat ons koop. Ons kry die GrowBig-plan. Ons datasentrum gaan in Chicago wees. Dit is redelik naby aan waar ek is. Maar u het ‘n keuse, dit kan ander plekke wees, al wat u hoef te doen is om op hierdie knoppie te klik. Ek koop ‘n maandelikse plan vir $. ‘n maand, dus op die oomblik sal ek $ $ betaal. Voeg daarby die domeinnaamregistrasie vir $ .. Daarbenewens wil ons regtig privaatheid hê. Dit verhoed dat spammers die domeinregistrasie deursoek op soek na e-posadresse. Laastens is daar die Siteground-skandeerder. Dit monitor u webwerf op soek na hacks en aanvalle en sulke dinge. Dit is die moeite werd, dit gee jou ‘n tree voor die slegte ouens. My totaal is dus $ .. Maar die lekker ding is: dit betaal vir die hele jaar, so jy hoef nie weer vir ‘n jaar daaraan te dink nie. Ons bevestig die diensvoorwaardes en klik nou op betaal. En ons bestelling is ingedien. Ons kan dadelik by ons kliëntegebied aanmeld. Dit kan egter tot enkele ure duur om ‘n domeinnaam te registreer. Ons domeinnaam gaan dus nie dadelik werk nie. Noudat ons ons Siteground-rekening geskep het, kan ons na die domeinnaam wat ons geskep het, gaan en hierdie plekhouer sien. Alle nuwe domeinname op Siteground kry ‘n plekbewoner soos hierdie, en dit sal daar bly totdat ons ons eie webwerf installeer. Laat ons dus voortgaan met die volgende stap en WordPress installeer. Laat ons eers na Siteground.com gaan en aanmeld met die rekening wat ons vroeër geskep het. Noudat ons aangemeld is, hier op die hoofpaneel, is daar ‘n bietjie waarskuwing wat sê dat u ‘n nuwe hosting-rekening het wat u nog nie opgestel het nie. En as ons op ‘View’ klik, bied dit ons verskillende opsies. Ons kan ‘n nuwe webwerf begin, ‘n webwerf oordra of sê dat ons nie nou hulp nodig het nie. Of ons kan op die klein pyltjie klik, en dit sal later terugkom. Maar ons gaan voort met ‘n nuwe webwerf. Ons wil WordPress hê. En nou plaas ons inligting oor WordPress-rekeninge in. Dit is dus vir WordPress op ons webwerf. En ons klik op Bevestig. En nou sê dit: u het versoek om WordPress op u rekening te installeer. En dan moet ons bevestig dat ons die Siteground-diensvoorwaardes gelees en aanvaar. Ek gaan dit as ‘n oefening vir jou oorlaat. En nou klik ons ​​op die volledige opstelling. En wat dit nou doen, is om ‘n databasis vir ons te skep, WordPress te installeer en die twee te verbind, die inligting wat ons pas gebruik het, te gebruik. En daar is ons. Ons kan verder gaan na ons kliëntegebied. Maar nou, as ons na ons webblad teruggaan en herlaai, sal u sien dat ons ‘n blog het. U sal ook daarop let dat ons HTTPS gebruik, wat beteken dat hulle ‘n SSL-sertifikaat vir ons geskep het. Ek sal jou wys waar dit gebeur, sodat jy weet hoe om dit te doen as jy dit ooit weer nodig het. In die Siteground-gebruiker gaan ons na my rekeninge. En gaan dan na cPanel. Ons wil altyd veilig toegang hê tot cPanel, dus gaan voort en kies om dit te onthou. Daar is nou baie dinge op hierdie bladsy, maar hier is ook die wonderlike soektog. Die SSL-sertifikaat wat ons het, kom van Let’s Encrypt. Ons tik dus L-E-T in, en daar waar ons is, word ons afgefiltreer. En hier kan u ons SSL-sertifikaat vir coworkerpro sien. Maar Siteground stel dit vir ons op, so ons hoef nie daaroor te bekommer nie. Ek wou net hê dat jy kan sien waar dit is, want dit is belangrik. Laat ons dus nou by WordPress aanmeld en ‘n bietjie konfigurasie doen. Dit is die gebruikersnaam en wagwoord wat ek ‘n paar oomblikke gelede geskep het. Nog iets wat Siteground vir ons gedoen het, is om Jetpack te installeer. Ons kyk daarna eers daarna. Ek gaan die verwelkomingsbalk en die Jetpack-kroeg toemaak, en nou het ek ‘n baie vanilla WordPress-installasie. Een van die eerste dinge wat ons wil doen, is om na Instellings → Permalinks te gaan, en ons wil die posnaam hê, want dit maak eenvoudiger, meer leesbare URL’s. Dit is ook baie beter vir die soekenjinoptimalisering, en dit kan baie belangrik wees. Dan sal ons bespreek, en vir nou sal ons kommentaar afskakel, want ons wil nie hê dat iemand op hierdie webwerf sal struikel en kommentaar gebruik nie, want dit sal waarskynlik ‘spam’ wees. Ons sal na Reading gaan. En ons sal die sigbaarheid van die soekenjins voorlopig ontmoedig, want ons is nie gereed om publiek te wees nie. Moet dit nou nie vergeet nie, sodra u klaar is met u webwerf en dit gereed is om regstreeks te begin, gaan terug na hierdie Instellings → Leesbladsy, en skakel die soekenjins af om hierdie webwerf te indekseer. Want dan kan Google jou kom soek. Dan wil ons die standaardinhoud wat met WordPress gepaard gaan, uitvee. Daar is een boodskap met een opmerking. En as ons die pos asblik en die asblik leegmaak, dan is die opmerking daarmee saam, so ons hoef nie die opmerking te soek en dit te verwyder nie. Maar gaan nou na bladsye, en daar word geen bladsye gevind nie. As ons nou na ons tuisblad kyk, moet dit redelik vaal lyk. Niks gevind. Daar is ‘n paar dinge in die sidebar, laat ons daarvoor sorg. Ons sal dit dadelik leegmaak, en dan kry ons ‘n leisteen. En daar is dit. ‘N Leë werf, net vir die invul van ons inhoud. Nou, ons tuisblad gaan nie ‘n blog daarop hê nie. Dit sal ‘n aparte deel van die webwerf wees. Maar op die oomblik is ons tuisblad ‘n blog. Laat ons dit verander. Die eerste ding wat ons gaan doen, is om twee bladsye te skep. Ons sal hierdie huis noem en dit eenvoudig publiseer. En dan sal ons ‘n ander een maak, en ons webwerf gaan nie ‘n blog hê nie, dit sal ‘n nuusafdeling hê, so ons sal hierdie nuus noem. Ons het dus twee bladsye, Huis en Nuus. Maar nou moet ons WordPress vertel hoe om dit te gebruik. Nou gaan ons na Instellings → Lees. En hier sê dit dat u tuisblad vertoon, en op die oomblik is dit u nuutste plasings. Maar in plaas daarvan, sal ons ‘n statiese bladsy kies. En vir die tuisblad kies ons Tuis, en vir die pos-bladsy kies ons Nuus en stoor ons veranderinge. As ons nou na die webblad kyk, is daar ons tuisblad. En ons webwerf word steeds my blog en my WordPress-blog genoem, maar ons gaan dit binne ‘n paar minute verander. Noudat ons die mees basiese konfigurasies op ons webwerf gedoen het, gaan ons ‘n paar inproppe installeer wat ons sal help om vorentoe te beweeg. Die eerste een word TinyMCE Advanced genoem. TinyMCE is nou die naam van die redakteur wat WordPress gebruik. As u ooit ‘n bladsy of ‘n plasing gemaak het, het u TinyMCE gebruik. As ons hierdie bladsy wysig, sien u dit hier. Dit het standaard hierdie een balk. As u op hierdie knoppie klik, genaamd die werkbalk om te skakel, kry ons ‘n tweede balk. Maar TinyMCE Advanced voeg nog meer by. Hier is ‘n aftreklys vir verskillende soorte opskrifte, en hier is ‘n menu-navigasie hier van allerhande ander gereedskap. Laat ons so vinnig installeer. Ons gaan na plugins, voeg nuwe by, en ons kan plugins soek, en daar is dit. Ons klik nou op installasie en aktiveer. En nou, as ek teruggaan na bladsye en die tuisblad wysig, sal u sien dat ons ‘n aftreklys het vir lettertipes, opskrifte en dat ons tabelle en allerhande ander dinge kan gebruik. En dit sal later nuttig wees. Nou noem ons die ander inprop wat ons gaan installeer My Eyes Are Up Here. En dit is ‘n wonderlike inprop wat u help met die sny van foto’s. Normaal gesproke, as u ‘n lang en smal foto het, en u vra dat WordPress ‘n vierkant maak, sny dit die vierkant reg uit die middel. Met My Eyes Are Up Hier kan dit egter menslike gesigte opspoor. Soos hierdie. En skep dan regte duimnaels. As daar nog geen mense is nie, kan u hierdie pienk kolletjie op enige plek plaas waar u wil, en sorg dat die deel van die foto altyd op die foto is. As u dus ‘n foto met berge en ‘n snelweg het en dit wil oes, sodat u slegs die berge sien, kan u die berggebied kies, en wanneer WordPress oes, sal dit die berge behou. Hierdie inprop is regtig nuttig wanneer u argiewe en galerye van mense maak, want WordPress sal altyd hul gesig kry. Laat ons dit installeer. Daar is dit nou geïnstalleer. Nou is daar ‘n paar ander inproppe hier wat ek vinnig wil ondersoek. Hallo Dolly kom met elke WordPress-installasie, en ons het dit nie nodig nie. Ons gaan dus net daarvan ontslae raak. Akismet gaan ons later in die video gebruik. Dit word gebruik teen anti-spam. Jetpack het ook ‘n aantal gereedskap, en ons sal dit later ondersoek. En dan is SG Optimizer die versnelling van u webwerf op Siteground. Dit het ‘n wonderlike cache-inprop en ‘n aantal ander dinge waarna ons later sal kyk. Vervolgens gaan ons ons tema installeer. Die tema wat ons gaan gebruik, word Hestia genoem. En dit kom van Themeisle. Dit is die bladsy daarvoor op Themeisle.com. En dit kom in twee weergawes, ‘n betaalweergawe en ‘n gratis weergawe. In hierdie video gaan ons die gratis weergawe gebruik. Maar ek wou u ‘n paar dinge wys wat dit kan doen. Dit is Hestia waarna ons kyk. En hierdie tuisblad is gebou sonder enige kodering. Dit is volledig versoenbaar met bladsybouers, maar ons gaan nie een in hierdie video gebruik nie, want ons gaan dit nie nodig hê nie. Hestia is wonderlik daarsonder. Dit werk wonderlik saam met die pasgemaak. En dit is baie gewild. Ons gaan dit by WordPress.org kry en die gratis weergawe gebruik. Daar is verby installasies van die gratis weergawe. Ons gaan dus na die paneelbord, daarna voorkoms en dan temas. Voeg ‘n nuwe tema by. En soek Hestia. En daar is dit. Ons klik op installeer en aktiveer. En daar is ons. Kom ons besoek die tuisblad en kyk hoe dit lyk. Hier is die werftitel. En dit is ‘n bladsytitel, en ons kan dit verander in die pasgemaak. Dit is ingebou met ‘n paar dinge, soos hierdie bloggebied, en ‘n bevolkte voetskrif met ‘n paar foto’s. Ons gaan verander hoe dit lyk, ons gaan ‘n spyskaart byvoeg, en ons gaan ‘n aantal dinge daaraan doen. Maar eers, terwyl ons hier in die tema-area is, gaan ons alles behalwe een ekstra tema uitvee. Laat ons dus verwyder en. En die rede waarom ons sommige uitvee, is dat, as daar ooit ‘n veiligheidskwessie is, ons vatbaar daarvoor kan wees, al gebruik ons ​​nie die tema nie. Dit is nou onwaarskynlik dat daar ‘n veiligheidskwessie sal wees by mense wat nie vinnig opgelos is nie. Maar aan die ander kant, as ons dit glad nie het nie, hoef ons nie daaroor te bekommer nie. So hoekom het ons een ekstra gehou? U wil altyd een ekstra tema hê, want as daar iets met u hooftema gebeur, soos dat dit uitgevee of beskadig word, sal u werf terugval op die sekondêre tema. Dan sal u dit kan sien en in die administrasiegebied kan gaan. Laat ons dus begin met die opbou van ons tuisblad. Die eerste ding wat ons gaan doen, is om met Hestia te begin. En wat dit wel doen, is dat ons na hierdie bladsy verskyn. En dit bevat inligting oor hoe om te begin, maar dit het twee aanbevole aksies. En ons gaan albei doen. Die Orbit Fox Companion is ‘n inprop wat ‘n paar voorbladfunksies byvoeg. Dit is gratis, en ons kan dit hier installeer. En daar is ons. Die volgende een word Pirate Forms genoem, en dit vorm ‘n kontakvorm. Pirate Forms is nou nie so groot en ingewikkeld soos ander vorme soos Gravity Forms of Ninja Forms nie. Maar vir ons doeleindes gaan dit ‘n wonderlike kontakvorm vorm. Noudat dit gesê is, is Hestia Pro ten volle versoenbaar met al die groter vorm-inproppe. As u dit nodig het, kan u dit beslis met Hestia gebruik. Onder nuttige plugins sien ons dinge soos bladsybouers en vertaalplugins. Ons gaan nie een van hierdie dinge vir ons ontwerp hier gebruik nie. Die volgende ding wat ons wil doen, is dus om na die tuisblad te gaan. En omtrent alles wat ons op die voorblad doen, gaan deur die pasgemaakte werk gedoen word, wat u hier kan vind. Ons sal aanpas. En nou kan ons deur die menu aan die linkerkant gaan, of ons kan op al die blou potlode klik om dinge te verander. Die potlode maak dit baie lekker om dinge in die ingewikkelde spyskaart te vind. Een van die eerste dinge wat ons gaan doen, is om die uitleg van die webwerf te verander. Op die oomblik is dit in boks, en dit het hierdie grens hier aan die regterkant. As ons na die voorkomsinstellings gaan, kan ons die boksuitleg onder die algemeen verwyder. En nou gaan dit ten volle. Ons gaan voortgaan om die ikone te deel, en ons wil blaai na bo inskakel. Dit plaas ‘n klein knoppie hier onder om ons te help om regs van bo af na bo te beweeg. Die volgende ding wat ons wil doen, is om ons webwerf-identiteit te verander. Op die oomblik is dit eenvoudig my blog. Ons gaan dit verander na Coworker Pro. En net so is dit verander. En dan, vir die tagline wat ons nie op die tuisblad sal sien nie, maar hier op die werkbalk verskyn, gaan ons Coworking op sy beste skryf. Dan klik ons ​​op Publiseer. Publiseer is soos om u werk te stoor. U sal daarop let dat dit nie die titelbalk hiermee opgedateer het nie, want die pasmaakmaker kan slegs die tuisblad herlaai. Laat ons dit vinnig sluit. En nou kan jy sien, daarmee saam, op sy beste, saamwerk. En ons gaan weer na die pasgemaak. Laat ons nou ons agtergrond verander, en dit is hierdie potlood hier. Ons kan die beeld verander. En ek gaan een oplaai. Al die prente wat ek vir hierdie video gebruik, kom van unsplash.com, wat ‘n uitstekende plek is om royalty-vrye beelde te kry. So ek klik oop. En ek gaan die titel uithaal, want dit is nie goed vir skermlesers nie. Maar ek gaan ‘n bietjie alt-teks hier plaas. U wil altyd alt-teks op al u beelde plaas. Dan klik ek kies image. En daar is ons. Laat ons hierdie teks verander. Dan is die volgende reël: Kom werk saam met ons. Daar is ons. Laat ons hierdie knoppie verander. Klik hier, en dit neem ons hier. Daar, nou sê dit meer. Ons hou van die sentrering, en vir die URL gaan ons dit vir ‘n oomblik laat. Ons gaan later ‘n skakel na ‘n plek laer op die bladsy maak. Maar vir nou gaan ons dit met rus laat. Maar ons wil nie hê dat hierdie knoppie pienk moet wees nie, ons wil hê dat dit blou moet wees. So ek gaan hiervandaan, en ons gaan na kleure en ons aksentkleur verander na hierdie blou. U kan enige kleur kies wat u wil hê. Ek het hierdie een pas gekies omdat ek daarvan hou. En dan klik ons ​​op publiseer. En ons sluit dit. En nou is ons boonste deel amper klaar. Ons lettertipes is net ‘n bietjie te vet hier. Laat ons dit regstel. Ons gaan terug na die pasgemaak. Laat ons dus nou kyk na instellings, tipografie en dan kies ek lettergrootte. En hier is die voorbladgedeeltes, en hier is die groot titelafdeling. Ons gaan dit net ‘n bietjie kleiner maak. Minus drie, kom ons publiseer. Maak dit toe. Daar, nou is dit alles op een lyn, net soos ons wil. Voordat ons ‘n spyskaart opstel, sal ons die res van hierdie gedeeltes uitwerk. Noudat ons boonste afdeling afgehandel is, gaan ons oor na die tweede afdeling. Nou bou ons ‘n werf vir ‘n kuierplek, so ons wil mense oortuig dat hulle hierheen moet kom werk. Laat ons hierdie items verander na die dinge wat ons wil sê. Ons klik aanpas, en klik dan op die potlood aan die kop. En hier kan ons ‘n hele paar teks inbring. Opsioneel kan een van hierdie afdelings gedeaktiveer word. Ons kan dit alles saam ontslae raak, en ons sal dit later met ‘n paar van hulle doen. Laat ons dus hierdie titel verander. Daar. En dan verander ons ook die teks daaronder. Die vrye lewe het baie voordele, en om tuis te werk in jou pajamas is een daarvan. So waarom moet u saam met ons werk? Dan het ons drie afdelings hier, en hier is die drie beheergebiede vir daardie afdelings. Laat ons dus die eerste oopmaak, en die ikone word beheer deur ‘n lettertipe. Die mense is een van die redes waarom u in ‘n kantoor wil werk. Laat ons hier klik en soek ‘n volk. Een van hierdie een sou werk. Laat ons hierdie een kies. En ons sal dit so rooi laat, maar ons sal dit verander as mense. En ons sal hierdie teks verander om te sê: die mense wat hier werk is slim, behulpsaam en omgee. Ons help mekaar om probleme op te los en te werk met knorrige kliënte. En ons kan hierdie skakel êrens maak, maar ons gaan dit nie; ons los dit net. Dus sluit ons die een, en ons maak die volgende een oop. Nog ‘n rede waarom u in ‘n kantoor wil werk, is toerusting. Wie wil nie ‘n faksmasjien by die huis hê nie? Maar eendag gaan jy een nodig hê. Laat ons dit dus na ‘n gereedskapskis verander. Dit word aktetas genoem, maar dit lyk soos ‘n gereedskapskis. En dit is goed genoeg vir my. Ons laat dit blou, en ons sal toerusting hier skryf. En ons sal ‘n paar nuwe teks inbring. Ons het ‘n faksmasjien en ‘n lekker laserdrukker, en ‘n konferensiekamer met ‘n konferensietelefoon. Dinge wat u waarskynlik nie tuis het of wil hê nie. En weer, ons laat hierdie een sonder ‘n skakel. En die derde funksie sal steeds ondersteun. Behalwe, dit is nie tegniese ondersteuning nie. Ons praat nie van tegniese ondersteuning nie, maar van emosionele ondersteuning. Mense het mense nodig om hulle gesond te hou. Ons is almal gesond. Meeste van die tyd. Nou wil ek hier daarop wys dat hier ‘n vee-knoppie op elk van hierdie een is, sodat u twee kan doen, of net een as u wil. En daar is ook ‘n nuwe funksie bygevoeg, sodat jy ‘n vierde, ‘n vyfde, ‘n sesde, ens. Kan voeg. Laat ons nou klik om te publiseer. En ons sluit dit. En daar het ons dit, waarom u saam met ons moet werk. Min effekte op elk van die ikone, en die teks lyk mooi. Voordat ons die volgende gedeelte op die bladsy begin, wil ek die standaard lettertipe vir die hele webwerf opstel. En dit is eenvoudig. Ons gaan aanpas, voorkomsinstellings, tipografie. En ek gaan ‘n hut kies. En ek gaan dieselfde hier kies. En nou gebruik alles kajuit. Die verskil is subtiel, maar dit is daar. Nou is die volgende afdeling waaraan ons gaan werk, en dit is hierdie klein skuifie hier. Nou haal hierdie gedeelte sy inhoud eintlik van die tuisblad af, die bladsy in WordPress genaamd huis. Ons gaan dus na die paneelbord en die bladsy optrek. En op die oomblik is dit leeg. Soos u opgemerk het, word die bladsytitel nêrens hier gebruik nie, dus maak dit nie saak wat dit is nie. Laat ons dus ‘n bietjie teks hier plaas. En nou wil ek dit ‘n kopgrootte maak en dit sentreer. Laat ons ‘n bietjie teks daarin sit. Ons wil ‘n teks hê wat mense sal laat voel asof hulle wil deel uitmaak van ons gemeenskap. Ons gaan dus hierdie teks inlê. Elke Vrydag neem ons ‘n groepkosete en neem verskillende mense deel aan die kookkuns in ons kombuis. Ons eet saam as ‘n hegte groep vriende wat mekaar opbou en mekaar help groei. Laat ons dit nou ‘n bietjie groter maak. En sentreer dit. Let daarop dat ons lettergroottes in punte is in plaas van pixels. Ons wil eintlik pixels hê. Ons gaan dus na instellings en die TinyMCE Advanced-instellings in ‘n nuwe oortjie oopmaak. En dan hier, gaan ons op lettergroottes klik en dit gaan px gebruik. Nou klik ons ​​op stoor veranderinge. En ek gaan dit opdateer, wat die bladsy sal verfris. En nou kan ons al hierdie teks uitlig en px kies. En dit is presies wat ons daar wil hê. Laat ons nou klik opdatering, en ons sal na die bladsy kyk. Dit is redelik glad, maar ons wil ‘n bietjie meer teks hier onder hê. Laat ons dus teruggaan na ons redakteur, en ek wil nogal ruimte hê, so ek gaan dit net doen en hier plak. En nou gaan ons dit ook px. En ook gesentreerd, en ons gaan dit nog nie ‘n skakel maak nie, want die bladsy wat dit gaan bevat, bestaan ​​nie. Maar ons wil nog steeds ‘n bietjie meer opvulling onder dit hê. Nou klik ek op update. En daar gaan ons. Maar ek wil hê dit moet ‘n bietjie groter wees. Laat ons dit eenvoudig ‘n H. maak. Laat ons die formatering skoonmaak en weer begin. Nou, dit is ‘n H drie, en ons gaan dit weer sentreer. En ek klik op update. Laat ons dus herlaai. Daar gaan ons. En later, sodra ons nog ‘n paar subpages geskep het, sal ons terugkom en dit ‘n skakel maak na die ongeveer bladsy. Dit is dus die gedeelte oor ons. Elke gemeenskap en kollegas wil graag van sy lede wys. Dit kan mense help om welkom te voel. Ons gaan dus hierdie personeelbladsy in ‘n lede-bladsy verander. En ons gaan dit doen deur aan te pas, dan blaai ons terug na daardie afdeling en klik op ons span. En nou redigeer ons hierdie gedeelte. Laat ons dit verander om by sommige van ons te ontmoet. En dan plaas ons ‘n ander subtitel. Ons lede is ‘n uiteenlopende groep ontwikkelaars, ontwerpers, projekbestuurders en baie ander ambagte. Ons lidlys is ongeveer% vroue, en ons het ‘n wye verskeidenheid etnisiteite wat verteenwoordig word. Ons het dus vier standaardverstellings hier, en hier kan u die vier afdelings sien. En daar is ‘n skakel om ‘n nuwe spanlid by te voeg. Laat ons die eerste een oopmaak. Laat ons die naam verander na Tina. En die onderskrif is die ontwerper-streepkunstenaar, en ons sal ook haar prentjie verander. En ons verwyder die titel, en plaas altyd alt-teks op alle prente wat u oplaai. En jy kan onthou dat ons My Eyes Are Up hier geïnstalleer het? Daar is die twee verskillende voorskoue wat dit gemaak het. In hierdie spesifieke geval was haar gesig al in die middel, so dit het nie regtig saak gemaak nie. Maar dit sal saak maak op ander beelde wat ons oplaai. Ons hoef nie ‘n lyn of grootte of iets anders te kies nie, want die tema kies dit vir ons. Ons sal dus ‘insert’ in die pos klik, en daar is Tina. Kom ons gee ‘n beter beskrywing vir Tina. Nou sal u daarop let dat dit ‘n teksarea is, sodat u hierdie klein dingetjie hier kan gryp en neer skuif as u moet. Tina spandeer haar dae aan die skep van digitale kunswerke. Haar kuns is in Carnegie Hall en die Londense kunsmuseum te sien. Ek wil daarop wys dat elkeen wat ek hier gaan saamstel, bestaan. En herhaal weer dat al my beelde van Unsplash afkomstig is. Nou kan ons ‘n skakel maak as Tina haar eie bladsy het, maar sy doen dit nie, en ons sal die skakel leeg laat. En dan gaan ons haar sosiale netwerke kies. Ons kan kies uit ‘n ikoon en dan ‘n URL plaas. En ek gaan dit as verstek laat, want Tina het nie regtig sosiale netwerke nie, want ek het haar opgemaak. Maar as u van een wil ontslae raak, kan u op die ikoon verwyder verwyder, en nou is LinkedIn weg van Tina. As u iets anders wou byvoeg, kan u op ‘add icon’ klik en ‘n ander sosiale netwerk vind. So dit is Tina. Ek sal jou nog een wys. En dan, deur die magie van redigering, doen die ander twee vir jou, want hulle gaan presies dieselfde doen. Ons volgende mense gaan eintlik ‘n geselskap wees van drie susters. En hier kan ons weer kies wat ons die fokus van die beeld wil wees. Ons sal ‘insert’ in die pos klik, en daar is ons drie susters. Hulle is ‘n bemarkingsfirma. En nou sê Juanita, Juliette en Jacqueline is drie susters wat hul eie bemarkingsfirma begin het. Hulle werk hoofsaaklik met jong kunstenaars en musikante van die middestad. U sal nou daarop let dat al hierdie ander afbeeldings vierkantig is, maar hierdie een is nie, dit is ‘n bietjie korter. Dit is oukei. Hulle het egter almal dieselfde breedte, en ons tema sal dit beperk. Hulle moet almal dieselfde breedte hê, maar hulle kan ‘n bietjie langer of korter wees. Nou gaan ek die volgende twee doen. Nou het ek ‘n gedeelte wat van ons gemeenskapslede vertoon. Soos u kan sien, is dit maklik om meer by te voeg, en elkeen is redelik buigsaam. Laat ons nou klik op publiseer, en sluit die pasmaakmaker en maak seker dat dit in volle breedte lyk. Dit doen seker. Noudat ons klaar is met hierdie gedeelte, kan ons oorgaan na die volgende een. As u ‘n produk verkoop, sal mense getuigskrifte wil sien. Hulle wil hoor van mense wat die aankoop gedoen het, en kyk wat hulle dink. Ons volgende afdeling gaan dus ‘n getuigskrifafdeling wees. En die standaard word genoem, wat kliënte sê, maar ons gaan ons verander. Ons sal begin met die aanpassing, en dan blaai ons af. En ons sal hier klik wat kliënte sê. Net soos al die ander afdelings, kan u dit deaktiveer. En standaard is daar drie getuigskrifte, maar u kan meer byvoeg. Laat ons dus verander van wat kliënte sê na wat lede sê. En dan hoef ons selde te bemark vir ons ondertitel, want ons lede is geneig om almal te vertel dat hulle weet watter wonderlike plek dit is om te werk. Laat ons nou ons eie getuigskrifte kry. Gaan om beelde oor te skakel. En u sal daarop let dat dit dit outomaties in ‘n kring vir ons plaas. Ons oorspronklike beeld was ‘n vierkant. Ek het gekies om die voornaam en selfs die subtitel te behou, want dit pas. Maar ons sit ons eie teks in. Ek is mal daaroor dat ek respek kry van die mense rondom my. Om ‘n vrou in die sakewêreld te wees, beteken dikwels om mense te hanteer wat nie dink dat ek hier moet wees nie. Maar by Coworker Pro pas ek in. En daar kan weer ‘n skakel wees, maar ons skakel nêrens nie, sodat ons dit kan laat. Laat ons ons volgende persoon doen. Daar het ons nou Hanson gekies. En ons sal sy naam insit. En plaas dit in die pos. En weereens, ons gaan slegs voorname gebruik, en eerder as om ‘n onafhanklike kunstenaar te wees, sal ons hom ‘n ontwerper noem. En dan sit ons ons eie teks in. Die atmosfeer van jeug en opwinding in hierdie ruimte is bedwelmend. Hierdie mense verander die wêreld, en ek moet daar wees om te sien dat dit gebeur. En dan sal ons die derde een verander. Ons sal die prentjie verander. Blaai hier. Gaan ons alt-teks inbring. En plaas dit in die pos. Ons sal Natalya as vryskut verlaat. Verwyder die familienaam en plaas ons eie teks. Vrydagmiddae saam met die groep is die beste. Ek hou van groepkook en die gevoel van familie wat van almal om die tafel kom. En dit is dit, nou het ons ons getuienisgebied. Ons sal die pasmaakmaker publiseer, sluit. En blaai dan af om te sien hoe dit op die breë skerm lyk. En dit lyk wonderlik. Daar is nog een gedeelte wat ons moet doen, en dit is die voetskrif. Maar eers sal ek daarop wys dat, omdat ons nie ‘n blog op hierdie bladsy wil hê nie, ons na die pasgemaak kan gaan, en ons sal die hele bloggebied ondergaan en op die klein oog hier. En nou is dit weg. En nou het ons hierdie voetskrif wat meestal vir ons voorberei is. Maar kom ons publiseer. En maak dit toe, en kyk hoe dit lyk. Dit gaan reg van getuigskrifte tot voetskrif. Die redigering van die bladsyonderskrif in Hestia verskil effens van die ander afdelings. Dit gebruik steeds die pasmaakmaker, maar dit het verskillende gadgets. Kom ons kyk. As ons klik om aan te pas, sal ons die hele ent na onder gaan. En daar is slegs een redigeringskakel op hierdie hele voetskrif. Laat ons daarop klik. Hier kan u die agtergrondprent verander, net soos al die ander prente wat ons verander het. Ek gaan hierdie een verlaat, want ek hou van die stadsbeeld, maar jy kan enigiets op die agtergrond plaas waar jy wil. Daar is die titel, kontak, ons los dit, want dit pas. Maar dan die onderskrif, gaan ons sê dat die resepsie bygewoon word van: a.m. tot: p.m. Oosterse standaardtyd. Dan het ons hier ‘n vormtitel, en dit is hier. But to determine what form goes right here, we click this little tab right here. And it’s simply a short code. Which means you could put in any short code, and it could render any number of things there. It could render another form or a bunch of information. You may recall near the beginning of this video that we installed the Pirate Forms plugin to go with Hestia. That’s because it’s using it right here. And as you can see, it is a perfectly functional small simple form. So we’re going to leave it. But now, we want to edit this content. So we’re going to click right here, edit. And it pops up here. I’m going to put in a different address, because I’m not in Romania. And I’m going to put in different contact information. But I like give us a ring and find us at the office, those fit nicely. And then, when we’re done, we click edit again, and it goes away, and you can see our new information here. And that’s it for the footer, just like that. Just a little bit of text touch-up, and we left the form alone, and we’re all set. So let’s publish. And close the customizer, and see how it looks. Just great. Now that we have the footer done, let’s look at adding a menu right up here. And most of the menu right now is going to link to various parts of the homepage. In a few minutes, we’ll add some actual pages, and we’ll add those to the nav then. But for now, we’re merely going to make a nav that lets us move around the homepage. Now, the first thing we want to do is get a list of the links that we’re going to use in our nav. And I’ll show you how we’re going to do it. Scroll to the second section. Why you should come work with us. Now this is the only part of the whole video that even looks at code. In your browser, we’re going to right click, right here in this white space, and go to inspect. And the first thing it comes up to is a section. And these sections right here, there’s a list of them, are the things we’re looking for. They’re just under the main div. Now, each section has an ID. This one that we clicked on is features. Next is about. Then there’s team, then there’s testimonials, and lastly, there’s contact. If this all sounds familiar, it’s because it’s the sections of the homepage. So you want to write down on a piece of paper, or a text file on your computer, the names of these IDs. Go ahead and hit pause and write them down. Once you’ve gotten them written down, let’s go back to our browser. Now we’re going to use the customizer. So we click customize. And one of our options right here is menus. Right now, there are only two menus. There’s a default top bar, currently set to very top bar menu, which actually isn’t being used on our theme right now. It has a phone number and an email address that we could use if we wanted. But we’re not going to. And there’s also a socials top menu, and so you could put social networks in the top bar. And we’re not going to do that right now either. We’re going to create a new menu, and we’re going to call it primary menu. And we’re going to click the primary menu checkbox. And that’s what’s going to make it appear right here. So let’s click next. And now we can add items. Now, rather than use the suggested pages and links that we have here, we’re going to create custom links. And we’re going to link to the various sections of our page. Now the first one was called features. And we’re going to use the ID that we pulled out of the code. We’re going to start with a slash, which means, on the homepage, then we’re going to put in a hashtag, which means, go to an ID. And we’re going to type features. And then we’ll click add to menu. So let’s look at just that one for right now. Click publish, and we’ll leave the customizer. So now we have features, and if we click it, it beautifully scrolls right down to the features section. So now, all we need to do is the same thing for all the other sections. So let’s go back to the customizer again. We’ll go back to the menus. We’ll edit our primary menu. And add items. All of these are going to be custom. Now the next ID we have is about. However, we really called that section community. So the link text is going to be community. Add to menu. The next one had an ID of team, but again, we’re going to deviate just a little bit and call it members in the menu. Then we’ll add to menu. The next one is testimonials. And we’ll leave that one called testimonials. And lastly, we’re going to have contact. So now, let’s click publish. And there’s our nav. We can even click while in the customizer, and have it jump around. Now one more thing we want to add to the nav is a little search option off here to the right. So we’re going to actually leave the primary menu, and go to header options. And under navigation, we can enable search in menu. And now, we have a little glass here. So now, we’ll click publish. And close the customizer. And here we have a beautiful nav that lets us jump around the homepage. Now, we’re also going to create some subpages that are actually different pages from the homepage, and we’ll come back to the nav and add those to it when we do that. Now that we are nearly finished with the homepage, let’s build the news page. Before we get started, I want to remind you of a couple things. We’ll go to settings, reading, and I’ll point out that our posts page is actually a news page. So let’s go to pages, and edit the news page. And you’ll note that we can’t put any text in here, because it’s supposed to be an archive. But let’s view it. The posts will go here, and we have this horrible pink bar at the top. We are using the page’s title, and fortunately, we can also use the featured image. So let’s upload a nice featured image. There’s our alt text, and we set the featured image, and update. And now, we’ll go look at it. And there we are. Now as long as we’re here, let’s add it to the menu. We’ll go to customize, menus, primary menu. Add items. And we’ll add our news page, except we want it here at the top. Then we hit publish, and close the customizer, and now we have a news item. And it goes to this page. So let’s create our first post. We’ll click add new, and there is nothing unique about posts in Hestia. This is % stock WordPress. So if you’re familiar with WordPress, you know how this works. Let’s go ahead and make one. Our coworking space has a new refrigerator. The old one saw its last ham sandwich last Friday. And we’ll put an image at the top of the post. And put in our alt text. And that’s too small, so we’ll click the pencil, and we’ll go to large. And we’ll center it. And click update. And there we are. I’m also going to set it as the featured image, and you’ll see why in a moment. So I don’t need to upload it again, it’s already there. We’ll add a new category called kitchen. Publish. And now, when we reload our news archive, there we are. Now this image is the featured image. If we hadn’t set one, then this text would slide all the way to the left, which is usually fine, but it looks really sharp with a featured image. If we click, it also puts the featured image in the bar at the top, so that’s something to remember. Now, you’ll note that it says uncategorized, and we made one for kitchen, so let’s go back. And there we are, we have proper category right there. Now, before we get too much farther, I want to fix the nav in the footer. I want it to replicate what’s in the header, so I’m going to go to customize, and go to menus, and click on primary. And you’ll note that it’s already set to primary, but if I also set it to footer, you can see that it’s now down there at the bottom. So now, I’ll publish and close this, and there, now we have the same nav at the top and the bottom. I’d like to show you one more option with the blog page. And then we’re going to create an about page. Right here on the homepage, we’re going to click customize. And then we’re going to go to front page sections. The sections that are bolded are the sections that we have built. The ones that are grayed out are sections that could exist, but don’t, because we never turned them on. The ribbon simply gives you a background image, and a place to put in some text and a button. The clients bar allows you to post icons of your clients. Subscribe allows you to put in a subscribe form, and then blog is where I was headed here, allows you to put in a blog section. So I’m going to unclick disable section, and we’ll scroll down. And while you were away, I added a second blog post. So we have one here for the kitchen, and a new member. And we can make this say news. And there we are, now we have a news section on our homepage. And if we decide we don’t want that, we click the little I, which checks this, and I’m going to click publish. And now we’re back to where we were, but now you’ve seen how easy it is to add a news section to the homepage. But now, let’s create an about page. Again, there’s very little custom about pages in Hestia. So if you’ve ever built a page, you know how it works. Here’s our about text. We’ll create a featured image, and I’m going to use the same image as the homepage header, for some continuity. And now, let’s view that page. And there it is. And now, let’s put it in the menu. We’ll go to customize. Menus, primary menu. Add items, and we’ll add this about page. We want about way up here at the top. So then we’ll publish, and then close the customizer bar. And there we have about. So let’s test these items. We’ll go first to contact. Which takes us to the homepage, and the footer. Then there’s testimonials, members, community, features, news, and about. And if we want the top of the homepage, we simply click the logo, and there we are. Now, our site is essentially finished. The next things we’re going to do all relate to maintenance items, like setting up stats, SEO things, etc. But our site is built and our content is done. So let’s get started on our maintenance. The first maintenance thing we’re going to look at relates to caching, which helps your site go faster. Caching typically means keeping a copy of your page stored on the server, so that it can serve it faster without having to build it all from the database. Normally, I prefer a plugin called WP Rocket. It’s really excellent. However, many hosts, including Siteground where we’re hosting, cache for you, and you don’t need a plugin at all, and I’d like to go over that with you. If we go to dashboard, then at the bottom, there’s SG Optimizer. And there are several things here that we can do. Let’s configure the SuperCacher Config. Right now, Dynamic Cache is on, and that means when it builds a page and sends it out, it keeps a copy, so that the next person doesn’t have to build the page. The cache is also automatically flushed at the right times, so that if you make a change to a page, it doesn’t keep serving the old one. And you have a button here to manually purge it if you want to. You can choose to exclude some URLs from dynamic caching. But then there’s a section here called Memcached settings, and this stores in the server’s memory some of the frequently executed queries to the database. So we’re going to turn this on, and you’ll note that it says, you must enable Memcached from your cPanel. So let’s go to cPanel. We’ll go to Siteground.com and click login. Then we go to my accounts. Go to cPanel. And then over here in the search bar, we’re going to hit cache. And then click SuperCacher. And right here is level three, Memcached. And we’re going to turn it on, by clicking right here. And now, we’ll simply reload this page rather than click the button again, and now we’ll click the button. And now it’s enabled for our site. There’s a button here to test caching for the site, if we click test URL, it says it’s cached. So now we have two different layers of caching enabled, and it should make the site go much, much faster. But in addition to caching, there’s HTTPS Config. And this is already set properly, and you probably should never touch it. This requires that your site operate on HTTPS. Without this, it could operate on either HTTP or HTTPS. But we never want it on HTTP only. So we’re going to leave this just the way it is. Lastly, there’s PHP Config. We want to be running on at least PHP seven. Right now, we’re at ., and we’re going to leave it there, because that’s better than PHP seven. PHP seven is worlds faster than PHP five. And PHP five is pretty common on a lot of servers. So if your server’s on five, ask your host about moving to seven. Or, if you’re here on Siteground, you can switch. So now we’ve gone through the sections of the Siteground optimizer, and the only thing we changed was, we turned on Memcached. Next, let’s talk about getting the site connected to the search engines. First, we’re going to connect the site to various Google properties. Within WordPress, we’re going to use plugins to do that, but before we can use the plugins, we actually have to create the accounts in Google. If you already have an account in Google, you can use it. I’m going to start from scratch. You can use a single Google account across all of Google’s properties. So it doesn’t matter which one you start with. We’re going to start here with Google Analytics. So I click sign in, and then analytics, and we’re going to create an account. And here you can use either an existing email address, or create a Gmail account. I’m going to create a Gmail account. Then we’ll put in our password, and click next. I would recommend putting in your phone number and recovery email address, but you don’t have to. You do need to tell them when you were born. Then there’s their privacy and terms, and click I agree, and now we have a Google account, and now we can sign up for Google Analytics. We’re doing a website, not a mobile app. We’re going to create an account name and a website name, and then we have to tell it where our site is. Choose an industry category, and time zone. And then we have some data sharing options. You’ll want to read these over and decide for yourself if you wanna share this data with Google. I’m going to say okay, and I’m going to click to get tracking ID. But before we can do that, we have to agree again to the terms and services, and click I accept. Now this is our tracking ID. And in the bad old days, you would have to copy either this or all of this code, and figure out how to wedge it into your website somehow. But we’re going to use a cool plugin in just a few minutes. But before we get there, I’m also going to connect with Google Search Console. It used to be called Google Webmaster Tools, but now they call it Search Console. Now, because we’re already logged in with Analytics, we can simply click search console. And they want our password again. And they really want us to give them a recovery phone number and email, which I recommend you do, but I’m not going to bother, because I’m not going to be using this domain very long. And then we tell them where our website is. And click add a property. Now, in order to verify to the Search Console that we own this property, we need to do any number of several things. The recommended method is uploading an HTML file. Among the alternate methods is Google Analytics, and we’re going to use that in just a few minutes, once we connect our Analytics account. So as of right now, we have created a Gmail account and connected it with Google Analytics and Search Console. Now we need to connect those two things to our website. So let’s get going on that. The first plugin we’re going to connect is called MonsterInsights. We’ll go to our dashboard, plugins, add new. And there it is, Google Analytics for WordPress by MonsterInsights. We’ll install and activate. And right at the top, it says that we should configure the settings. The first thing we’re going to do is authenticate with our Google account. If you ever connected your Twitter account to any other site or anything like that, this is very similar. We choose our account. We tell it what it’s allowed to do. And then we pick the profile that we have under that username. Right now, there’s only the one, so we’re going to choose all website data. And if at any time, you don’t want to do this, you can click cancel, but we’re going to complete authentication. And now, our profile is active, with this UA code. You can click verify credentials, and it will say that it is done. And now our site is set up with Google Analytics, just like that. There are some other things that can be done. You can pay for a version of MonsterInsights Pro, and get some added features. If you wish, you can allow them to do usage tracking. And you can optionally have it do automatic updates. Now, if we go over to tracking, we have some options. For example, if an administrator or editor is logged in, then they are not tracked. That way, you don’t artificially boost your own traffic. You can enable demographics, and you can do things with link attribution and file downloads, etc. I’m not going to change any of the defaults, they’re great. The defaults are perfect in MonsterInsights. Now that we’ve connected our site to Google Analytics with MonsterInsights, we’re going to connect it to Search Console with Yoast SEO. So let’s go to plugins and add new. And search. And there it is, we’ll click install now, and activate. Now the first thing you’ll note is that there are some notifications at the top. The first thing it says is that we’re blocking Google, which is true, and is fine for now, we want to do that. But right here, the next thing they want us to do is connect with Google Search Console, so let’s click that. To allow Yoast SEO to fetch your Google Search Console information, please enter your Google authorization code. Click this button. Choose the account that we are working with. And then, we’re going to allow Yoast. And it gives us this big long code. Then we can close this window, and paste it here. And authenticate. And now, we have authenticated, and we don’t need to do any of these methods. Now that our site is connected to Google Search Console, Google can know much, much more about our website, and all of the tools built into Yoast will work even better. So we’ll take a look at those tools next. The next plugin we’re gonna look at here is called Jetpack. Now Jetpack was installed for us by Siteground. But it’s just a regular plugin. If you go to installed plugins, you’ll see it right here, and if you don’t have it, you can simply install it like a regular plugin. Now Jetpack is a little but different from most plugins. It’s actually a collection of plugins. And what makes it unique is that most of the things that Jetpack does is heavy lifting, heavy work, and it does it out on the WordPress.com servers, so that it doesn’t weigh down your server. It can do things like website statistics, image compression, spam fighting, comments filtering, etc. The first thing we need to do is connect Jetpack to a WordPress.com account. Now you might think that creating a WordPress.com account means getting a blog there, but it doesn’t have to. You can simply have an account there to use with Jetpack. So let’s click set up Jetpack. And here, we can either log into an existing .com account, or create a new one. We’re going to create a new one right now, and we’re going to click sign up here in the top right. We’ll put in our email address, choose a username, and then a password, and then we’ll create our account. And then it immediately begins connecting our website with Jetpack. Now by default, Jetpack is free. But there are upgrades available. Down at the bottom here is a button that says start with free. And there we are, now we’re connected. By default, nothing is turned on. But they recommend that all of these things be turned on. Many of them are good, and I like them. But I recommend reading through them, and making sure that you want what’s there. For example, we don’t need a contact form. We have Pirate Forms from Themeisle. So I’m not going to click activate recommended features. I am going to go to site stats, and it’s automatically set up. We could click configure, and set up some settings. We can have a chart showing hours of views in the admin bar. We can decide who gets counted, even if they’re logged in. One of the ways it works is by putting this little tiny image on the page. It’s not required, but it’s helpful, so I tend to leave it there. And then, here we get to decide who’s allowed to view stats. Right now, it’s only the administrator. Because we just set this up, there’s nothing to display yet. But it says your stats will begin to appear here within minutes, and that’s one of the reasons that I like including Jetpack stats in addition to Google Analytics. With Google Analytics, you get to either watch real-time stats, or you wait until tomorrow to find out what today’s stats are. You can’t look hour by hour today, and see how you’re doing as the day goes on. With Jetpack stats, you can do that. You can look every minutes, and see how your stats are growing. This can be useful when you’re doing a large push on your website. Another great thing that Jetpack can do is filter spam, and it does it using the companion plugin called Akismet. If we go to plugins, you’ll see that it’s right here. Akismet comes with WordPress. Now Akismet is also a service. It processes the spam on an outside server, so that it doesn’t bog your server down. So let’s activate Akismet. And then, right at the top here, we can set up our account. Now because we’re connected with Jetpack, we can simply click connect. Otherwise, we could sign up with a different email address, or get an API key. So I’m just going to connect with Jetpack. Now Akismet has a variety of pricing models. There’s enterprise, for larger sites. There’s $ per month per site for smaller commercial sites. And then, there’s name your price. And what’s interesting is that you can name a price of zero, if you wish. So let’s click get personal. And then right up here is the slider. If we drag this down to zero, the credit card information goes away. Now it says, you may not do this if you have advertising, you sell products, or you publish information about your business or service. Now something very important to note here is that this only works if you do not have advertising, you do not sell products, and you don’t publish information about your business or service. Our site is advertising a commercial space, that’s what it is. So we’re not going to do the free one. But we can choose $ a year, which is $ a month, which is not very much. If you find that it’s blocking lots and lots of spam for you, I would recommend paying more for the service. They’re nice enough to allow you to choose, and they’re providing you great service. So give them what you can. Now because our site is not a real site for a real service, I’m going to choose the free one. But if you’re building a site for a real business, you’ll need to pay for Akismet. Now that it’s processed, we can activate this site. In the background here, you can see the API key that was an option earlier, and it put it into our site for us. Now optionally, it can also show the number of approved comments beside each comment author. So not only does it block spam, it approves quality posts. By default, Akismet takes your spam and puts it in the spam folder. Right now, our setting is that the most egregious spam gets automatically deleted, and does not go into the spam folder. If you really need to see all of it, then you can click this option right here. And now that Akismet is set up, we shouldn’t get any spam at all on our website. If we do, then we have the option to mark it as such, and it will communicate to Akismet, hey, you missed this one, and Akismet learns. That’s how it gets so good. Next, let’s look at backups. For backups, we’re going to use the backup system built into Jetpack. And it used to be called VaultPress, but now it’s just called Jetpack backups. But you may still see VaultPress around. Let’s go to the Jetpack dashboard. And here at the top, there’s a tab that’s called plans. Now the backups for Jetpack are not free. However, their personal plan, the cheapest one, does include full off-site backups. Now these are nightly backups, you get one a day. If you go to the more expensive plans, then you can get real-time backups, where you just push a button and it does a backup right there when you ask. We’re going to do the personal one, and it comes with priority email support, which is pretty useful. So let’s click upgrade to personal. Now this took us to our account on WordPress.com. You may recall, we had to create this account in order to connect Jetpack to our site. So this is the same site. Now I’m going to fill out this form, and click pay. Now that we’ve clicked purchase, it’s setting up a number of things for us. It set up the daily offset backups, with a -day backup archive. That means you can recover your site up to days back, but not , so if you miss something for days, too bad. Unlimited backup storage space, that’s really important. If you are a musician or a photographer and you have a ridiculous amount of data, unlimited storage space is a big deal. Automated restores, which means you don’t have to do anything really, if you just want to restore, you click a button and it does its thing. You don’t have to download zip files and mess around with things. It comes with spam protection, easy site migration, if you’re going to move somewhere, and priority support. So now let’s go back to our site. Now we’ll still here in our dashboard, and we’re still looking at the plans. But now, there’s an option to manage your plan. Remember how I said Jetpack backups were called VaultPress? With here we are, we have a VaultPress menu item. If we click it, you’ll see that VaultPress is backing up my data right now. It’s done with uploads, and it’s going to work on the rest next. Something important to note. The first backup backs up everything, but in the future, it only backs up changes. So the first one is probably going to be quite slow. But from then on, they should be very speedy. The next thing important to know is that you can close this window. It’s not dependent on your browser being open. It’ll do its thing. And they’re going to email us when it’s done. Another cool thing is we can set up remote access, so that you don’t have to be at your computer to restore your site. Right now, we have a license for one site. It says we’ve never backed up, ’cause it’s still in process. If we upgrade our plan, then they will do a security scan on the backup, and let us know if it finds anything wrong. Let’s go to settings. And there’s a wide variety of things that you can do here. We’re not going to cover them all, because it could get really deep. But you can set up SSH access, so that VaultPress can access your site’s server. Now Siteground does offer SSH, but not all sites do. If not, you could set up SFTP, or regular FTP. Or you could say, “I want to restore my site to some other server.” This is really handy when actually moving servers. If we were to leave Siteground and go to some other host, we could say to VaultPress, hey, go install my site over there, and it could do that. It also knows who we are, what account this is. If we go to activity, it tells us that it’s done a full sync of uploads. We’ll look at our backups, and there probably isn’t any yet. You can still see this icon spinning. Now we need to set up access for VaultPress to access our server better, and that takes us right back to here. Now to allow VaultPress to access our website, we’re going to enable SSH. That stands for secure shell, and it’s a secure way for VaultPress to log in to our site and work on it. So we’re going to click right here, and then we need to fill in our server information. Now some of this we’re going to get from Siteground, because that’s where our site is hosted. So let’s go to Siteground, and log in. Now, setting up SSH isn’t very difficult, but there are a number of steps. So if you follow closely, it should work just great. I’m going to click on my accounts, and go to cPanel. Now in this search right here, we’re going to type SSH. And there’s one icon left. Click that. Now what we want to do is upload a public key. If we go back to VaultPress, and click show public key, it’s right here. We just copy everything in the black here, and on Siteground, paste it here. We don’t put anything in the allowed IP address field. Then click upload. And now our key has been successfully added to our account. If we go back, you can see it right here. So now, we need to go back to our cPanel home. Now to find our username and password, we’re going to go back to my accounts. Which actually leaves cPanel, and we’re going to click right here, information and settings. Now, VaultPress wants a server address, port number, and a username and password. For the server address, we’re going to use our FTP server. Our port number is . This is not standard for SSH, it’s custom to Siteground. And you can find that information in the Siteground documentation. Our username is our cPanel username. Because we’re using a public key, we shouldn’t need a password. So let’s click save. And now it works. I’d like to reiterate that because we used our public key, we don’t need to put our password in. That’s the way keys work. So now, VaultPress can connect directly to our server, and work with the files that it finds there. So just a quick review of what we did here at VaultPress. We went to settings, and we set up SSH, so that it can log in. The other things are interesting, but not vital. We can look at our backups, we can look at our activity. And you can see what it did and when it did it. But let’s go back to our website. Then we’ll go into the admin area, and we’ll go to Jetpack, VaultPress, and on this page, you can see an ongoing progress of how it’s doing. Now that we have finished backups, our site is complete. Everything is done. Let’s do a quick summary of what we’ve built. The first thing we did is set up an account on Siteground. Then they walked us through a wizard which set up our hosting, installed WordPress, set up SSL for secure browsing, and helped us buy a domain name. At that point, we had a plain WordPress site, with default theme and original content. The next thing we did is install some plugins that we knew we were going to need. We installed TinyMCE, so that we had a few extra buttons here, and then we also installed My Eyes Are Up Here, so that we could install images of people and make sure their faces were in the pictures. The next thing we did is pick our theme, and we chose Hestia from Themeisle. It proved to be pretty flexible, and I’m very happy with it. Then we built our homepage, and we went through section by section and used the customizer to create each of these elements. We didn’t have to do any coding to build this entire site. We also made a couple of regular pages with normal content on them. Once we were done building the site, we added on some extra tools. We went through the Siteground Optimizer. Most quality WordPress hosts these days have something similar, so if you host somewhere else, make sure you look for a tool similar to this. We connected to the Google Search Console, as well as Google Analytics. And then we also hooked up Yoast SEO, so that we would have good search engine optimization. Then lastly, we configured Jetpack. Siteground installed it for us. If your host does not, you can install it like a regular plugin. But Jetpack gave us Akismet for spam, its own built-in stats program, and lastly, VaultPress for backups. So now we have a complete site, it’s fully functional, and has a robust back end to keep it working smoothly. I hope you enjoyed building your site as much as I enjoyed building this one. Remember to check out the links in the description for discounts, as well as locations for each of the pieces of software we used. And if you’re interested in learning more about WordPress, and further improving and progressing your site, come take a look through some of the other content we offer over on WinningWP.com.

Kyk na nog video’s …

Enigiets om by te voeg?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me