Kā izveidot uzņēmuma vietni – pilnīgs soli pa solim video ceļvedis!

WordPress piedāvājumi


Es nekad nekad nesākšu tik dramatiski iestudēt amatu, bet DAMN, vai šodien mums ir kaut kas īpašs: pabeigts soli pa solim video ceļvedis (bez izlaišanas) uz izveidojot profesionālu mazo uzņēmumu WordPress vietni!

Tas, kas padara šo video tik īpašu, būtībā ir tas trīs lietas: 1. Fakts, ka tieši tā mēs arī rīkotos, to darot (un, diemžēl, mēs esam diezgan daudz eksperti); 2. Detalizētības pakāpe, kurā mēs iedziļināmies – video ir milzīgs pusotru stundu garš, un mēs izveidojam mazo uzņēmumu tīmekļa vietnes piemēru no sākuma līdz beigām; un 3. Videoklips ir paredzēts iesācējiem – cilvēkiem, kuri, iespējams, neko līdzīgu nav darījuši (un tomēr ideju par savas vietnes izveidi uzskata par kaut ko patiešām biedējošu).

Vienkārši sekojot līdzi, noklikšķinot uz vietas, kur noklikšķinām, un pārdomājot dažus aspektus, lai tie būtu atbilstoši jūsu biznesam, jūs, cerams, varēsit izveidot līdzīgi fantastisku (un tehniski lielisku) WordPress vietni!

Ko tad jūs gaidāt? Sāc!

Kā izveidot profesionāla biznesa vietni, izmantojot WordPress:

Tieša saite, lai skatītos videoklipu Vimeo.

– (piezīme: video kredīti Topher DeRosia – HeroPress veidotājam

Video atšifrējums:

Šajā videoklipā es jums parādīšu, kā izveidot profesionāla biznesa vietni, izmantojot WordPress. Mēs iesim soli pa solim, un es neko neatstāšu. Uzņēmums, kuru mēs izmantosim kā modeli, ir kopstrādes telpa. Ja vēlaties apskatīt šīs vietnes galīgo versiju, varat apmeklēt vietni coworkerpro.com. Elementus, ko mēs ievietosim šajā vietnē, varētu izmantot jebkurā biznesa vietnē. Ir aicinājums uz rīcību. Mazliet par mums. Daži darbinieki, atsauksmes un kontakta forma, kā arī vairākas citas lapas. Neatkarīgi no tā, kāds ir jūsu bizness, šī videoklipa beigās jums vajadzētu būt tam vispiemērotākajai vietnei. Mēs mitināsim mūsu vietni vietnē Siteground. Mēs apskatīsim visu, ko viņi var piedāvāt, un to, cik viegli ir visu virzīt. Mēs palīdzēsim instalēt dažus papildu spraudņus, un mēs izmantosim Hestia motīvu no Themeisle. Hestia ļauj mums izmantot WordPress iebūvētu pielāgošanas rīku, lai rediģētu katru lapas daļu tieši no priekšpuses. Mēs izskatīsim arī vairākus rīkus, kas var palīdzēt mūsu vietnei darboties ātrāk un labāk. Mēs apskatīsim vietnes Siteground pilnveidotāju. Mēs meklētājprogrammu optimizēšanai savienosim Google Search Console un Google Analytics, kā arī Yoast SEO. Un pēc tam mēs izmantosim Automattic Jetpack spraudni, lai pārvaldītu surogātpastu, dublējumus un kādu papildu statistiku. Ja sekojat līdzi tikai dažu stundu laikā, jums vajadzētu izveidot pilnīgu, skaistu, funkcionālu biznesa vietni, kas ir gatava lietošanai. Tāpēc sāksim! Pirmais, ko vēlamies iestatīt, ir tīmekļa mitināšana. Tagad tīmekļa vietne būs vieta, kur jūsu vietne atradīsies internetā. Tas ir tāpat kā iegūt nomas garāžu, kurā glabāt savas lietas. Jūs īrējat mazliet vietas, jūs ievietojat tajā savu vietni, un cilvēki to var apmeklēt. Vietne, kuru mēs izmantosim, tiek dēvēta par Siteground. Viņi ir lielisks saimnieks ar lieliskām cenām un daudzām funkcijām, kas man ļoti patīk. Bet pirms mēs sākam šeit, es vēlos jums kaut ko parādīt vietnē WinningWP.com. Vietnes laukumā un WinningWP ir vienošanās, kurā varat ietaupīt% no sava mitināšanas vietnē Siteground. Turklāt WinningWP saņem nelielu naudas daļu, kuru jūs maksājat. Šī nauda tiek novirzīta, lai izveidotu šādus videoklipus, tāpēc tā ir abpusēji izdevīga situācija, kad jūs saņemat lētu mitināšanu, lielisku saturu un arī WinningWP iegūst nedaudz. Tagad, lai izmantotu šo darījumu, jums atliek tikai pāriet uz šo lapu, zem videoklipa būs saite. Un noklikšķiniet uz Piemērot kuponu. Un tur mēs sakām, ka ir īpašs darījums WinningWP.com apmeklētājiem. Un mēs izvēlēsimies plānu. Plāns, kuru mēs izmantosim, ir GrowBig plāns. Tam ir tikai pietiekami daudz papildu funkciju, salīdzinot ar StartUp, ka tas man ļoti patīk. Bet GoGeek patiešām ir paredzēts nedaudz lielākām vietnēm, nekā mēs plānojam būvēt. Tāpēc izvēlēsimies GrowBig. Un mēs noklikšķināsim, lai sāktu. Tagad daļa no šī video procesa ir jauna domēna vārda reģistrēšana. Ja jums jau ir reģistrēts domēna vārds, vietnē Siteground ir lieliska dokumentācija, kā norādīt to uz jūsu vietni vai faktiski pārsūtīt vārdu uz vietni Siteground. Jebkurš no tiem darbojas ļoti labi, un viņiem ir laba informācija par to, kā abus izdarīt šeit. Mēs iegūsim jaunu, un tas būs coworkerpro.com. Tagad šis domēns maksā USD. gads. Un, domājot par to kā gada cenu, tas tiešām nav ļoti daudz. Noklikšķināsim tālāk. Šeit teikts: apsveicam, mūsu domēna vārds ir pieejams. Tagad mēs izveidosim kontu vietnē Siteground. Pirmkārt, mēs ievietojam e-pasta adresi un pēc tam vietnes Siteground paroli. Šī nav jūsu domēna vārda, FTP vai tamlīdzīgu paroli, tā ir tikai ieeja vietnē Siteground. Tālāk mēs ievietosim personisko informāciju. Pēc tam mēs ievietosim savu kredītkartes informāciju. Un šeit mēs sacīsim, ka mūsu norēķinu adrese ir tāda pati, kā norādīta iepriekš norādītajā kontaktinformācijā. Un tagad mēs pārskatīsim, ko mēs pērkam. Mēs saņemam GrowBig plānu. Mūsu datu centrs atradīsies Čikāgā. Tas ir diezgan tuvu tam, kur es atrodos. Bet jums ir izvēle, tās var būt arī citas vietas, jums atliek tikai noklikšķināt uz šīs pogas. Es pērku mēneša plānu par USD. mēnesī, tātad šobrīd no manis tiks iekasēts rēķins $ .. Pievienojiet tam domēna vārda reģistrāciju par USD. Turklāt mēs patiešām vēlamies domēna privātumu. Tas neļauj surogātpasta izplatītājiem pārmeklēt domēna reģistru, meklējot e-pasta adreses. Visbeidzot, ir vietnes skeneris Siteground. Tas uzrauga jūsu vietni, meklējot uzlaušanas un uzbrukumus, kā arī citas lietas. Tas ir tā vērts, tas padara jūs vienu soli priekšā sliktajiem puišiem. Tad mana kopsumma būs USD .. Bet jauki, ka tas maksā visu gadu, tāpēc jums par to nav jādomā gadu. Mēs apstiprinām pakalpojumu sniegšanas noteikumus un noklikšķiniet uz Maksāt tūlīt. Un mūsu pasūtījums ir iesniegts. Mēs uzreiz varam pieteikties mūsu klientu zonā. Tomēr domēnu vārdu reģistrēšana var ilgt pat stundas. Tātad mūsu domēna vārds nedarbosies nekavējoties. Tagad, kad esam izveidojuši savu Siteground kontu, mēs varam pāriet uz mūsu izveidoto domēna vārdu un redzēt šo vietturi. Visiem jaunajiem domēnu nosaukumiem vietnē Siteground tiek iegūts tāds vietturis, un tas tur paliks, kamēr mēs instalēsim mūsu pašu vietni. Tāpēc nākamajam solim ļaujiet mums darboties un instalējiet WordPress. Vispirms dodieties uz vietni Siteground.com un piesakieties, izmantojot kontu, kuru izveidojām iepriekš. Tagad, kad esam pieteikušies tepat uz galvenā paneļa, tiek parādīts neliels brīdinājums, kurā teikts, ka jums ir jauns mitināšanas konts, kuru vēl neesat izveidojis. Un, ja mēs noklikšķinām uz skats, tas dod mums vairākas iespējas. Mēs varētu izveidot jaunu vietni, nodot vietni vai teikt, ka mums tagad nav vajadzīga palīdzība. Vai arī mēs varētu noklikšķināt uz šīs mazās bultiņas, un tā atgriezīsies vēlāk. Bet mēs gatavojamies sākt un izveidot jaunu vietni. Mēs vēlamies WordPress. Un tagad mēs ievietojam kādu WordPress konta informāciju. Tātad tas attiecas uz WordPress mūsu vietnē. Un mēs noklikšķiniet uz apstiprināt. Un tagad teikts, ka esat pieprasījis savā kontā instalēt WordPress. Un tad mums jāapstiprina, ka esam iepazinušies un piekrītam Vietnes pakalpojumu sniegšanas noteikumiem. Es to atstāšu kā vingrinājumu jums. Tagad mēs noklikšķiniet uz pabeigta iestatīšana. Un tagad tas tiek darīts, lai izveidotu mums datu bāzi, instalētu WordPress un savienotu tos divus, izmantojot informāciju, ko tikko ievietojām. Un tur mēs esam. Mēs varam doties uz mūsu klientu zonu. Bet tagad, ja atgriezīsimies mūsu tīmekļa vietnē un atkārtoti ielādēsimies, jūs redzēsit, ka mums ir emuārs. Ņemiet vērā arī to, ka mēs izmantojam HTTPS, kas nozīmē, ka viņi mums izveidoja SSL sertifikātu. Es jums parādīšu, kur tas notiek, lai jūs zināt, kā to izdarīt, ja jums kādreiz vajadzēs to darīt. Vietnes vietnes apmeklētājs apmeklē manus kontus. Un tad dodieties uz cPanel. Mēs vienmēr vēlamies droši piekļūt cPanel, tāpēc dodieties uz priekšu un izvēlieties to atcerēties. Tagad šajā lapā ir ļoti daudz lietu, taču šeit ir arī šis brīnišķīgais meklējums. Mūsu iegūtais SSL sertifikāts nāk no vietnes Let’s Encrypt. Tātad mēs ierakstīsim L-E-T, un tur mēs atrodamies. Un šeit jūs varat redzēt mūsu SSL sertifikātu coworkerpro. Bet Siteground to izveidoja mums, tāpēc mums par to nav jāuztraucas. Es tikai gribēju, lai jūs varētu redzēt, kur tas atrodas, jo tas ir svarīgi. Tagad piesakieties WordPress un veiciet nelielu konfigurāciju. Šis ir lietotājvārds un parole, ko izveidoju tikai pirms dažiem mirkļiem. Tagad kaut kas cits, ko Siteground darīja mūsu labā, ir Jetpack instalēšana. Mēs to apskatīsim nedaudz vēlāk. Es slēgšu uzņemšanas joslu un jostu Jetpack, un tagad man ir ļoti veca WordPress instalēšana. Tātad viena no pirmajām lietām, ko mēs vēlamies darīt, ir doties uz Iestatījumi → Pastāvīgās saites un mēs vēlamies pasta vārdu, jo tas padara vienkāršākus, vieglāk lasāmus URL. Tas ir arī daudz labāk meklētājprogrammu optimizēšanai, un tas var būt patiešām svarīgi. Tad mēs dosimies uz diskusiju, un pagaidām mēs izslēgsim komentārus, jo mēs nevēlamies, lai kāds kluptu šajā vietnē un izmantotu komentārus, jo viņi, iespējams, ir surogātpasts. Mēs apmeklēsim Reading. Un mēs tagad mazināsim meklētājprogrammu redzamību, jo mēs neesam gatavi būt publiski. Tagad neaizmirstiet, kad esat pabeidzis darbu ar savu vietni un tas ir gatavs sākt dzīvot, atgriezieties šajā iestatījumu → lasīšanas lapā un noņemiet atzīmi no izvēles rūtiņas, lai meklētājprogrammas neindeksētu šo vietni. Jo tad Google varēs jūs atrast. Pēc tam mēs vēlamies izdzēst noklusējuma saturu, kas nāk ar WordPress. Ir viena ziņa ar vienu komentāru. Un, ja mēs izmetam šo ziņu un iztukšojam miskasti, tad komentārs tiek pievienots tam, tāpēc mums nav jāmeklē šis komentārs un tas jādzēš. Bet tagad pāriesim uz lapām, un neviena lapa nav atrasta. Tāpēc tagad, ja mēs skatāmies uz mūsu mājas lapu, tai vajadzētu izskatīties diezgan mīlīgi. Nekas nav atrasts. Sānjoslā ir dažas lietas, parūpēsimies par to. Mēs to vienkārši iztukšosim, un tad mums būs tīrs šīferis. Un tur tas ir Tukša vietne, kas ir piemērota tikai mūsu satura aizpildīšanai. Tagad mūsu mājas lapā nebūs par to emuāru. Tā būs atsevišķa vietnes daļa. Bet šobrīd mūsu mājas lapa ir emuārs. Tāpēc mainīsim to. Pirmais, ko mēs darīsim, ir izveidot divas lapas. Mēs to sauksim par mājām un vienkārši to publicēsim. Pēc tam mēs izveidosim vēl vienu, un mūsu vietnei nebūs emuāra, tai būs ziņu sadaļa, tāpēc mēs to sauksim par šīm ziņām. Tagad mums ir divas lapas – Sākums un Ziņas. Bet tagad mums jāpasaka WordPress, kā tos izmantot. Tagad mēs ejam uz Iestatījumi → Lasīšana. Un tieši šeit teikts, ka tiek parādīta jūsu mājas lapa, un šobrīd tas ir jūsu pēdējais ziņojums. Tā vietā mēs izvēlēsimies statisku lapu. Sākumlapai mēs izvēlēsimies Sākums, bet ziņu lapai – Jaunumi un saglabāsim izmaiņas. Ja mēs aplūkosim šo vietni, tur ir mūsu mājas lapa. Un mūsu vietni joprojām sauc par manu emuāru un manu WordPress emuāru, bet mēs to mainīsim tikai dažu minūšu laikā. Tagad, kad mūsu vietnē ir veiktas visvienkāršākās konfigurācijas, mēs instalēsim pāris spraudņus, kas palīdzēs mums virzīties uz priekšu. Pirmais tiek saukts par TinyMCE Advanced. Tagad TinyMCE ir tā redaktora nosaukums, kuru izmanto WordPress. Ja esat kādreiz izveidojis lapu vai ziņu, esat izmantojis TinyMCE. Ja mēs rediģēsim šo lapu, jūs to redzēsit šeit. Pēc noklusējuma tai ir šī viena josla. Ja jūs noklikšķiniet uz šīs pogas, ko sauc par rīkjoslas pārslēgšanu, mēs iegūstam otro joslu. Bet TinyMCE Advanced pievieno vēl vairāk. Šeit ir nolaižamais saraksts dažādu veidu galvenēm, un šeit ir izvēlnes navigācija, kurā var aplūkot visu veidu citus rīkus. Instalēsim šo īsto ātri. Mēs ejam uz spraudņiem, pievienojam jaunus un varam meklēt spraudņus, un tur tas arī ir. Mēs noklikšķiniet uz instalēt tūlīt un aktivizējam. Un tagad, kad es atgriezīšos lapās un rediģētu mājas lapu, jūs redzētu, ka mums ir nolaižamais fonts, galvenes un mēs varētu izmantot tabulas un visu citu veidu lietas. Un tas noderēs vēlāk. Tagad otrs spraudnis, kuru mēs instalēsim, saucas Manas acis, kas šeit atrodas. Un tas ir patiešām lielisks spraudnis, kas palīdz fotoattēlu apgriešanā. Parasti, ja jums ir gara un šaura fotogrāfija, un jūs lūdzat WordPress izveidot kvadrātu, tas tiek apgriezts kvadrātā tieši no vidus. Tomēr, ja manas acis ir šeit, tas saprātīgi nosaka cilvēku sejas. Kā šis. Un pēc tam izveido atbilstošus sīktēlus. Turklāt, ja nav cilvēku, jums ir iespēja šo rozā punktu novietot visur, kur vēlaties, un pārliecinieties, vai šī fotoattēla daļa vienmēr atrodas attēlā. Tātad, ja jums ir fotogrāfija ar kalniem un automaģistrāli, un jūs vēlaties to apgriezt, lai redzētu tikai kalnus, jūs varat vienkārši izvēlēties kalnu apgabalu, un, kad WordPress apgriežas, tas kalnus uzturēs. Šis spraudnis ir patiešām noderīgs, veidojot personāla arhīvus un cilvēku galerijas, jo WordPress vienmēr saņems viņu seju. Instalēsim šo. Tagad tas ir instalēts. Tagad šeit ir daži citi spraudņi, kurus es gribētu ātri pāriet. Sveicināti, Dolly nāk ar katru WordPress instalēšanu, un mums tas nav vajadzīgs. Tātad mēs no tā vienkārši atbrīvosimies. Akismet, kuru vēlāk izmantosim video. Tas tiek izmantots pret surogātpastu. Jetpack komplektācijā ietilpst arī vairāki rīki, un mēs tos pārdomāsim vēlāk. Un tad SG Optimizer ir paredzēts vietnes paātrināšanai vietnē Siteground. Tam ir lielisks kešatmiņas spraudnis un vairākas citas lietas, kuras mēs apskatīsim vēlāk. Tālāk mēs instalēsim mūsu motīvu. Tēma, kuru mēs izmantosim, ir Hestia. Un tas nāk no Themeisle. Šī ir tā lapa vietnē Themeisle.com. Tas nāk divās versijās: maksas versija un bezmaksas versija. Šajā videoklipā mēs izmantosim bezmaksas versiju. Bet es gribēju jums parādīt dažas lietas, ko tā var darīt. Šī ir Hestia, uz kuru mēs skatāmies. Un šī mājas lapa tika uzbūvēta bez jebkādas kodēšanas. Tas ir pilnībā savietojams ar lapu veidotājiem, taču mēs to neizmantojam šajā videoklipā, jo mums tas nav vajadzīgs. Hestia ir lieliski bez tā. Tas lieliski darbojas ar pielāgotāju. Un tas ir ārkārtīgi populārs. Mēs to iegūsim no WordPress.org un izmantosim bezmaksas versiju. Ir beidzies, bezmaksas versijas instalēšana. Tātad mēs pāriesim pie informācijas paneļa, pēc tam – uz izskatu un pēc tam uz motīviem. Pievienojiet jaunu motīvu. Un meklējiet Hestiju. Un tur tas ir Mēs noklikšķiniet uz instalēt un aktivizēt. Un tur mēs esam. Apmeklēsim mājas lapu un apskatīsim, kā tā izskatās. Šeit ir vietnes nosaukums. Un tas ir lapas nosaukums, un mēs to varētu mainīt pielāgošanas rīkā. Tas ir iebūvēts ar dažām lietām, piemēram, šo emuāru apgabalu, un apdzīvotu kājeni ar dažiem attēliem. Mēs mainīsim tā izskatu, pievienosim izvēlni un veiksim tajā vairākas lietas. Bet vispirms, kamēr mēs esam šeit, tēmas apgabalā, mēs izdzēsīsim visus papildu motīvus, izņemot vienu. Dzēsim un. Dažu svītrošanas iemesls ir tas, ka, ja kādreiz rodas kāda drošības problēma, mēs varētu būt uzņēmīgi pret to, pat ja mēs neizmantojam šo tēmu. Tagad maz ticams, ka radīsies drošības problēma tajās, kuras netika ātri novērstas. Bet, no otras puses, ja mums tādu vispār nav, tad mums par to nav jāuztraucas. Tad kāpēc mēs paturējām vienu papildus? Jūs vienmēr vēlaties vienu papildu motīvu, jo, ja kaut kas notiek ar galveno motīvu, piemēram, tas tiek izdzēsts vai sabojāts, jūsu vietne atgriezīsies pie otrās tēmas. Tad jūs varēsit to redzēt un nokļūt administratora apgabalā. Tāpēc sāksim veidot mūsu mājas lapu. Pirmais, ko mēs darīsim, ir noklikšķiniet uz Sākt darbu ar Hestiju. Un tas, ko tas patiesībā nozīmē, ved mūs uz šo lapu izskatā. Tajā ir zināma informācija par darba sākšanu, taču tajā ir divas ieteicamās darbības. Un mēs taisīsimies abi. Orbit Fox Companion ir spraudnis, kas pievieno dažas sākumlapas funkcijas. Tas ir bezmaksas, un mēs to varam instalēt šeit. Un tur mēs esam. Nākamais tiek saukts par Pirātu veidlapām, un tas veido kontakta formu. Pirātu veidlapas nav tik lielas un sarežģītas kā citas formas, piemēram, Gravitācijas veidlapas vai Ninja veidlapas. Bet mūsu vajadzībām tas izveidos lielisku nelielu kontaktu formu. Tagad, Hestia Pro ir pilnībā savietojams ar visiem lielākiem formas spraudņiem. Tātad, ja jums tie nepieciešami, jūs tos noteikti varat izmantot kopā ar Hestiju. Zem noderīgiem spraudņiem mēs redzam tādas lietas kā lapu veidotāji un tulkošanas spraudņi. Mēs šeit neizmantojam nevienu no šiem izstrādājumiem. Tātad nākamais, ko mēs vēlamies darīt, ir doties uz mājas lapu. Un gandrīz viss pārējais, ko mēs darām sākumlapā, tiks darīts, izmantojot pielāgotāju, kuru varat atrast šeit. Mēs noklikšķiniet uz pielāgot. Tagad mēs varam pāriet izvēlnē šeit pa kreisi vai arī noklikšķināt uz visiem mazajiem zilajiem zīmuļiem, lai mainītu lietas. Ar zīmuļiem ir ļoti patīkami atrast lietas sarežģītajā izvēlnē. Viena no pirmajām lietām, ko mēs darīsim, ir mainīt vietnes izkārtojumu. Šobrīd tas ir ievietots kastē, un tam ir šī robeža šeit, labajā pusē. Ja mēs pārietam pie izskata iestatījumiem, sadaļā Vispārīgi mēs varam noņemt atzīmi no rūtiņas izkārtojuma. Un tagad tas nonāk pilnā platumā. Mēs turpināsim kopīgot ikonas un vēlamies iespējot ritināšanu uz augšu. Šeit ir novietota neliela poga, lai palīdzētu mums uzreiz ar zip atpakaļ augšpusē. Tagad nākamais, ko mēs vēlamies darīt, ir mainīt mūsu vietnes identitāti. Šobrīd tas ir vienkārši mans emuārs. Mēs to nomainīsim uz Coworker Pro. Un tāpat kā tas ir mainījies. Un pēc tam par tagu līniju, kuru mēs neredzēsim sākumlapā, bet parādīsies šeit, rīkjoslā, mēs rakstīsim Coworking pēc iespējas labāk. Tad mēs noklikšķiniet uz Publicēt. Publicēšana ir tāda pati kā darba saglabāšana. Tagad ņemiet vērā, ka virsraksta josla tā nav atjaunināta, jo pielāgošanas rīks var atkārtoti ielādēt tikai sākumlapu. Tāpēc aizvērsim to ātri. Un tagad jūs varat redzēt, ka kopstrāde ir labākā, turpat augšā. Un mēs atgriezīsimies pielāgošanas rīkā. Tagad mainīsim mūsu fonu, un tas ir šis zīmulis šeit. Mēs varam mainīt attēlu. Un es to augšupielādēšu. Visi attēli, kurus es izmantoju šim videoklipam, ir iegūti no vietnes unsplash.com, kas ir lieliska vieta, kur iegūt attēlus bez autoratlīdzības. Tāpēc es noklikšķiniet uz atvērt. Un es noņemšu virsrakstu, jo tas ekrāna lasītājiem neder. Bet es šeit ielikšu kādu alt tekstu. Jūs vienmēr vēlaties ievietot visu tekstu visiem attēliem. Pēc tam es noklikšķiniet uz izvēlēties attēlu. Un tur mēs esam. Tagad mainīsim šo tekstu. Tad nākamā rinda būs: nāciet strādāt pie mums. Tur mēs esam. Tagad mainīsim šo pogu. Noklikšķiniet šeit, un tas mūs ved šeit. Tagad tur saka uzzināt vairāk. Mums patīk centrēšana, un vietrādim URL mēs to uz minūti atstāsim vienu pašu. Mēs vēlāk izveidosim saiti uz vietu, kas zemāk atrodas lapā. Bet pagaidām mēs to atstāsim vienu pašu. Bet mēs nevēlamies, lai šī poga būtu rozā, bet mēs vēlamies, lai tā būtu zila. Tāpēc es atgriezīšos no šejienes, un mēs pāriesim pie krāsām un nomainīsim savu akcenta krāsu uz šo zilo. Jūs varat izvēlēties jebkuru krāsu, kas jums patīk. Es tikko izvēlējos šo, jo man tas patīk. Un tad mēs noklikšķiniet uz publicēt. Un mēs to slēgsim. Un tagad mūsu augšējā daļa ir gandrīz pabeigta. Mūsu fonti šeit ir nedaudz pārāk trekni. Labosim to. Mēs atgriezīsimies pie pielāgotāja. Tagad apskatīsim izskata iestatījumus, tipogrāfiju un tad es izvēlēšos fonta lielumu. Un šeit ir sākumlapas sadaļas, un šeit ir lielā virsraksta sadaļa. Mēs to vienkārši padarīsim mazliet mazāku. Mīnus trīs, pieņemsim hit publicēt. Aizveriet šo. Tur tagad tas viss ir vienā līnijā, tāpat kā mēs vēlamies. Tagad, pirms mēs izveidojam izvēlni, mēs strādāsim pie pārējo šo sadaļu izveides. Tagad, kad mūsu augšējā sadaļa ir pabeigta, pāriesim uz otro sadaļu. Tagad mēs veidojam vietni kopstrādes vietai, tāpēc mēs vēlamies pārliecināt cilvēkus, ka viņiem jāierodas šeit. Tāpēc mainīsim šos priekšmetus uz lietām, kuras mēs vēlamies viņiem pateikt. Mēs noklikšķināsim uz pielāgot un pēc tam noklikšķiniet uz šī zīmuļa aiz galvenes. Un šeit mēs varam ievietot veselu tekstu kopu. Pēc izvēles jebkuru no šīm sadaļām var atspējot. Mēs no visa tā varētu atbrīvoties, un mēs to darīsim vēlāk ar pāris. Tāpēc mainīsim šo virsrakstu. Tur. Un tad mēs mainīsim arī tekstu zem tā. Ārštata dzīvei ir daudz prāvu, un darbs no mājām savās pidžamās ir viena no tām. Tad kāpēc jums vajadzētu nākt strādāt pie mums? Tad mums šeit ir trīs sadaļas, un tieši šeit ir trīs šo sadaļu admin apgabali. Tātad, atvērsim pirmo, un ikonas kontrolē fonts. Tagad viens no iemesliem, kāpēc jūs vēlaties strādāt kopstrādes birojā, ir cilvēki. Tāpēc noklikšķiniet šeit un atrodiet cilvēkus. Jebkurš no šiem darbosies. Izvēlēsimies šo. Mēs atstāsim to sarkano krāsu, bet mēs to mainīsim uz cilvēkiem. Mēs mainīsim šo tekstu, sakot, ka cilvēki, kas šeit strādā, ir gudri, izpalīdzīgi un rūpīgi. Mēs palīdzam viens otram risināt problēmas un tikt galā ar kašķīgiem klientiem. Mēs varētu kaut kur izveidot šo saiti, bet mēs to negrasāmies, mēs vienkārši atstāsim to vienu. Tātad mēs to aizvērsim, un mēs atvērsim nākamo. Vēl viens iemesls, kāpēc vēlaties strādāt kopstrādes birojā, ir aprīkojums. Jūs nevēlaties mājās faksa aparātu, kurš to dara? Bet kādreiz jums tas būs vajadzīgs. Tāpēc mainīsim to uz instrumentu kopu. To sauc par portfeli, bet tas izskatās kā instrumentu komplekts. Un tas man ir pietiekami labi. Mēs to atstāsim zilu, un iekārtas mēs rakstīsim tieši šeit. Un mēs ievietosim jaunu tekstu. Mums ir faksa aparāts un jauks lāzerprinteris, kā arī konferenču zāle ar konferences tālruni. Lietas, kuras jums, visticamāk, nav vai vēlaties mājās. Un atkal mēs šo atstāsim bez saites. Un trešā funkcija paliks atbalsts. Izņemot, tas nav tehniskais atbalsts. Mēs nerunājam par tehnisko atbalstu, bet gan par emocionālu atbalstu. Cilvēkiem ir nepieciešami apkārtējie cilvēki, lai viņi nebūtu prātīgi. Mēs visi esam saprātīgi. Lielāko daļu laika. Tagad es gribētu norādīt, ka šeit katram no šiem ir lauka dzēšanas poga, lai jūs varētu izdarīt divus vai tikai vienu, ja vēlaties. Un tur ir arī jauna funkcijas pievienošana, lai jūs varētu pievienot ceturto, piekto, sesto utt. Tātad, tagad noklikšķiniet uz publicēt. Un mēs to slēgsim. Un tur mums tas ir, kāpēc jums vajadzētu nākt strādāt pie mums. Neliela ietekme uz katru no ikonām, un teksts izskatās skaists. Tagad, pirms mēs sākam nākamo lapas sadaļu, es vēlētos iestatīt noklusējuma fontu visai vietnei. Un tas ir pavisam vienkārši. Mēs gatavojamies pielāgot, izskata iestatījumus, tipogrāfiju. Un es izvēlos kajīti. Un es šeit izvēlēšos to pašu. Un tagad viss izmanto kajīti. Atšķirība ir neliela, taču tā ir. Tagad nākamā sadaļa, pie kuras mēs strādāsim, ir aptuveni sadaļa, un tā ir šī mazā šķēle šeit. Tagad šī sadaļa faktiski izvelk savu saturu no mājas lapas, WordPress lapas, ko sauc par mājas lapu. Tāpēc mēs ejam uz informācijas paneli un pacelsim šo lapu. Un šobrīd tas ir tukšs. Tagad, kā jūs pamanījāt, lapas nosaukums šeit netiek izmantots nekur, tāpēc nav īsti nozīmes tam, kas tas ir. Ievietosim tekstu šeit. Un tagad es gribu to padarīt par galvenes lielumu viens un to centrēt. Tad ievietosim zem tā tekstu. Mēs vēlamies, lai kāds teksts, kas liktu cilvēkiem justies tā, kā viņi vēlas, būtu daļa no mūsu kopienas. Tāpēc mēs ievietosim šo tekstu. Katru piektdienu mēs rīkojam grupas pusdienas, un dažādi cilvēki piedalās ēdiena gatavošanā mūsu mājas virtuvē. Mēs ēdam kopā kā cieši saistīta draugu grupa, kas viens otru veido un palīdz viens otram augt. Padarīsim to nedaudz lielāku. Un centrējiet to. Tagad jūs ņemsit vērā, ka mūsu burtu izmēri ir norādīti punktos, nevis pikseļos. Mēs faktiski vēlamies pikseļus. Tāpēc mēs pāriesim uz iestatījumiem un jaunā cilnē atvērsim TinyMCE Advanced iestatījumus. Un tieši šeit mēs noklikšķināsim uz fonta lielumiem, un tas izmantos pikseļus. Tāpēc tagad mēs noklikšķiniet uz saglabāt izmaiņas. Un es to atjaunināšu, lai atsvaidzinātu lapu. Un tagad mēs varam izcelt visu šo tekstu un izvēlēties px. Un tieši to mēs vēlamies tieši tur. Tagad noklikšķiniet uz atjaunināt, un mēs apskatīsim lapu. Tas ir diezgan slidens, bet zem šī teksta mēs vēlamies mazliet vairāk teksta. Atgriezīsimies pie mūsu redaktora, un es gribu diezgan daudz vietas, tāpēc es to izdarīšu un ielīmēšu šeit. Un tagad mēs to padarīsim arī px. Un arī centrā, un mēs pagaidām neveidosim šo saiti, jo lapas, uz kuru tas apmeklēs, nepastāv. Bet mēs joprojām vēlamies mazliet vairāk polsterējuma zem tā. Tāpēc tagad es noklikšķiniet uz atjaunināt. Un tur mēs ejam. Bet es gribu, lai tas būtu mazliet lielāks. Padarīsim to vienkārši par H. Nu, skaidri noformulēsim un sāksim to sākt. Tātad, tagad tas ir H trīs, un mēs to atkal centrēsim. Un es noklikšķiniet uz atjaunināt. Tāpēc tagad pārlādēsimies. Tur mēs ejam. Un vēlāk, kad būsim izveidojuši vēl dažas apakšlapas, mēs atgriezīsimies un izveidosim šo saiti uz lapu par. Tātad šī ir mūsu sadaļa. Katra kopiena un kopstrādes vietne vēlas parādīt dažus no tās biedriem. Tas var palīdzēt cilvēkiem justies gaidītiem. Tāpēc mēs mainīsim šo darbinieku lapu uz dalībnieku lapu. Un mēs to darīsim, noklikšķinot uz pielāgot, pēc tam ritināsim atpakaļ uz šo sadaļu un mēs noklikšķināsim uz tikšanos ar mūsu komandu. Un tagad mēs rediģējam šo sadaļu. Mainīsim to, lai satiktos ar dažiem no mums. Un tad mēs ievietosim citu apakšvirsrakstu. Mūsu biedri ir daudzveidīga izstrādātāju, dizaineru, projektu vadītāju un daudzu citu nozaru grupa. Mūsu dalībnieku sarakstā ir apmēram% sieviešu, un mums ir pārstāvēts plašs etnisko piederību klāsts. Tātad mums šeit ir četras noklusējuma vērtības, un tieši šeit jūs varat redzēt četras sadaļas. Un tur ir saite, lai pievienotu jaunu komandas locekli. Tātad, atvērsim pirmo. Nomainīsim vārdu uz Tīna. Apakšvirsraksts būs dizainera slīpsvītras mākslinieks, un mēs mainīsim arī viņas attēlu. Mēs noņemam virsrakstu un vienmēr augšupielādētajos attēlos ievietojam alt tekstu. Un vai jūs atceraties, ka mēs instalējām My Eyes Are Up Here? Ir divi dažādi tā priekšskatījumi. Tagad šajā konkrētajā gadījumā viņas seja jau atradās centrā, tāpēc tai nebija īsti nozīmes. Bet tas būs svarīgi attiecībā uz citiem augšupielādētajiem attēliem. Mums nav jāizvēlas izlīdzinājums vai izmērs, vai kaut kas cits, jo tēma to izvēlas mums. Tātad mēs noklikšķināsim uz ievietošanas ierakstā, un tur ir Tīna. Ievietosim labāku Tīnas aprakstu. Tagad ņemiet vērā, ka šis ir teksta apgabals, tāpēc jūs varat satvert šo mazo lietu šeit un slīdēt uz leju, ja tas ir nepieciešams. Tīna savas dienas pavada, veidojot digitālos mākslas darbus. Viņas māksla ir bijusi apskatāma Kārnegija zālē un Londonas mākslas muzejā. Es gribētu norādīt, ka visi, kurus es šeit ielikšu, ir veidoti. Un vēlreiz atkārtojiet, ka visi mani attēli bija no Unsplash. Tagad mēs varētu izveidot saiti, ja Tīnai būtu sava lapa, bet viņas nav, un tāpēc mēs šo saiti atstāsim tukšu. Un tad mēs izvēlēsimies viņas sociālos tīklus. Mēs varam izvēlēties no ikonas un pēc tam ievietot URL. Un es tos atstāšu kā noklusējumu, jo Tīnai patiesībā nav sociālo tīklu, jo es viņu veidoju. Bet, ja jūs vēlētos atbrīvoties no viena, jūs varētu noklikšķināt uz noņemšanas ikonas, un tagad LinkedIn vairs nav no Tīnas. Ja vēlaties pievienot kaut ko citu, varat noklikšķināt uz pievienošanas ikonas un atrast citu sociālo tīklu. Tā ir Tīna. Es jums parādīšu vēl vienu. Un pēc tam, izmantojot rediģēšanas burvju, dariet pārējos divus jūsu labā, jo viņi tiks darīti tieši tāpat. Nākamie mūsu cilvēki faktiski būs trīs māsu kompānija. Un šeit atkal mēs varam izvēlēties, ko vēlamies, lai būtu uzmanības centrā. Mēs noklikšķināsim uz ievietošanas amatā, un tur ir mūsu trīs māsas. Viņi ir mārketinga firma. Un tagad saka, ka Juanita, Džuljeta un Žaklīna ir trīs māsas, kas uzsāka savu mārketinga firmu. Viņi galvenokārt sadarbojas ar jauniem pilsētas māksliniekiem un mūziķiem. Tagad ņemiet vērā, ka visi šie citi attēli ir kvadrātveida, bet šis nav, tas ir nedaudz īsāks. Ir labi. Tomēr tie visi ir vienāda platuma, un mūsu tēma to ierobežos. Viņiem visiem jābūt vienāda platuma, bet tie varētu būt nedaudz garāki vai īsāki. Tāpēc tagad es darīšu nākamos divus. Tagad man ir sadaļa, kurā ir parādīti daži no mūsu kopienas locekļiem. Kā redzat, ir viegli pievienot vairāk, un katrs no tiem ir diezgan elastīgs. Tāpēc tagad noklikšķiniet uz publicēt un aizveriet pielāgotāju un pārliecinieties, vai tas izskatās labi visā platumā. Tas, protams, dara. Tagad, kad šī sadaļa ir pabeigta, mēs varam pāriet pie nākamās sadaļas. Ikreiz, kad jūs pārdodat produktu, cilvēki vēlēsies redzēt atsauksmes. Viņi vēlas dzirdēt no cilvēkiem, kuri ir veikuši pirkumu, un uzzināt, ko viņi domā. Tātad mūsu nākamā sadaļa būs liecību sadaļa. Tiek izsaukts noklusējums, ko klienti saka, bet mēs mainīsim savu. Mēs sāksim, noklikšķinot uz pielāgot, un mēs ritināsim atpakaļ uz leju. Un mēs šeit noklikšķināsim, ko klienti saka. Līdzīgi kā visās pārējās sadaļās jūs varētu atspējot. Pēc noklusējuma ir trīs atsauksmes, taču jūs varētu pievienot vēl citas. Tāpēc mainīsim mūs no tā, ko saka klienti, uz to, ko saka locekļi. Un tad mūsu sadaļas apakšvirsrakstam mums reti ir jātirgo, jo mūsu biedri mēdz visiem pateikt, ka viņi zina, kāda ir lieliska vieta, kur strādāt. Tāpēc tagad pieņemsim mūsu pašu atsauksmes. Dodamies mainīt attēlus. Un ņemiet vērā, ka tas automātiski to iekļauj mums lokā. Mūsu sākotnējais attēls bija kvadrāts. Es izvēlējos saglabāt vārdu un pat apakšvirsrakstu, jo tas der. Bet mēs ievietosim savu tekstu. Man patīk, ka es izjūtu cieņu no apkārtējiem cilvēkiem. Būt biznesā par sievieti bieži nozīmē sazināties ar cilvēkiem, kuri nedomā, ka man vajadzētu būt šeit. Bet Coworker Pro es iederos. Un tad atkal varētu būt saite, bet mēs nekur nesaistāmies, tāpēc varam to atstāt tukšu. Darīsim mūsu nākamo cilvēku. Tur mēs tagad esam izvēlējušies Hansonu. Un mēs viņu ievietosim. Un ievietojiet pastā. Un atkal, mēs izmantosim tikai vārdus, un tā vietā, lai viņš būtu neatkarīgs mākslinieks, mēs viņu sauksim par rasēšanas inženieri. Un tad mēs ievietosim savu tekstu. Jaunības un satraukuma atmosfēra šajā telpā ir apreibinoša. Šie cilvēki maina pasauli, un man ir jābūt tur, lai redzētu, kā tā notiek. Un tad mēs nomainīsim trešo. Mēs mainīsim attēlu. Pārlūkot šeit. Gatavojas ievietot mūsu alt tekstu. Un ievietojiet pastā. Mēs atstāsim Natāliju kā brīvmākslinieci. Noņemiet uzvārdu un ievietojiet to mūsu pašu tekstā. Labākie ir piektdienas pusdienas ar grupu. Es mīlu grupas ēdienu gatavošanu un ģimenes sajūtu, kas rodas no visiem, kas atrodas ap galdu. Un tas ir, tagad mums ir savs atsauksmes. Mēs publicēsim, aizvērsim pielāgotāju. Un pēc tam ritiniet uz leju, lai redzētu, kā tas izskatās platekrānā. Un tas izskatās lieliski. Ir vēl viena sadaļa, kas mums jādara, un tā ir kājene. Bet vispirms es gribētu norādīt, ka tāpēc, ka mēs nevēlamies emuāru šajā lapā, mēs varam doties uz pielāgošanas rīku, un mēs ejam līdz emuāra apgabalam un noklikšķināsim uz maza acs te. Un tagad tas ir pazudis. Un tagad mums ir šī kājene, kas ir sagatavota galvenokārt mums. Bet publicēsim. Un aizveriet to un redziet, kā tas izskatās. Tas iet tieši no liecībām līdz kājenei. Kājenes rediģēšana Hestijā nedaudz atšķiras no citām sadaļām. Tas joprojām izmanto pielāgošanas rīku, taču tam ir daži dažādi sīkrīki. Apskatīsim Noklikšķinot uz pielāgot, mēs nonāksim līdz galam. Un visā šajā kājenē ir tikai viena rediģēšanas saite. Noklikšķiniet uz tā. Šeit jūs varat mainīt fona attēlu tāpat kā visus pārējos attēlus, kurus esam mainījuši. Es pametīšu šo, jo man patīk pilsētas ainava, bet jūs tur varētu ievietot jebko fonā, ko vēlaties. Tur ir nosaukums, sazinieties, mēs to atstāsim, jo ​​tas der. Bet pēc tam apakšvirsraksts, mēs ievietosimies tā, ka reģistratūra tiek apmeklēta no: rītā līdz plkst. Austrumu standarta laiks. Tad mums šeit ir formas nosaukums, un tas ir šeit. 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.

Skatīt vairāk videoklipu …

Kaut ko pievienot?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map