Bir iş veb saytını necə etmək olar – Tamamilə addım-addım video təlimatı!

WordPress əqdləri


Mən bir qayda olaraq bu qədər kəskin bir yazıya başlamazdım, amma DAMN bu gün sizin üçün xüsusi bir şey tapdı: Tamamilə addım addım video bələdçi (heç bir şey atılmadan) peşəkar kiçik biznes WordPress veb saytı yaratmaq!

Bu videonu bu qədər xüsusi edən nədirsə də mahiyyətcə üç şey: 1. Bu, özümüzün bunu etməyə necə gedəcəyimizi (və biz bu mövzuda çox mütəxəssisik); 2. Daxil olduğumuz detallığın səviyyəsi – video bir yarım saat davam edən bir çırpıntıdır və başdan sona bir nümunə kiçik biznes saytı yaradırıq; və 3. Videonun tam başlanğıclara yönəldilməsi – çox güman ki, əvvəllər belə bir iş görməmiş insanlar (və hələ də özləri üçün bir sayt yaratmaq ideyasını həqiqətən olduqca zəhmli bir şey kimi görürlər)..

Sadəcə olaraq, kliklədiyimiz yerə tıklayaraq və öz işinizə uyğun bir neçə cəhət dəyişdirmək üçün bir az düşünərək, inşallah fantastik (və texniki cəhətdən də) WordPress veb saytını düzəldə bilərsiniz.!

Bəs nə gözləyirsiniz? Başlamaq!

WordPress ilə peşəkar bir iş saytı necə etmək olar:

Vimeo-da videoya baxmaq üçün birbaşa link.

– (Qeyd: HeroPress-in yaradıcısı Topher DeRosia-a video kreditlər

Video Transcript:

Bu videoda WordPress ilə necə peşəkar bir iş veb saytı yaratmağı sizə göstərəcəyəm. Addım-addım gedəcəyik və heç nə qoymayacağam. Model olaraq istifadə edəcəyimiz iş bir iş yeridir. Bu veb saytın son versiyasına nəzər salmaq istəyirsinizsə, coworkerpro.com saytına daxil ola bilərsiniz. Bu sayta daxil edəcəyimiz elementlər hər hansı bir iş saytında istifadə edilə bilər. Fəaliyyətə çağırış var. Bir az bizim haqqımızda. Bəzi heyət, ifadələr və əlaqə forması, eləcə də bir neçə digər səhifələr. Beləliklə, işiniz nə olursa olsun, bu videonun sonunda bunun üçün ən yaxşı veb saytınız olmalıdır. Saytımızı Site meydançasında qonaq edəcəyik. Onların təklif etdikləri və işlərin sürətlənməsinin nə qədər asan olduğunu nəzərdən keçirəcəyik. Kömək etmək üçün bir neçə əlavə plagin quraşdıracağıq və Themeisle-dən Hestia mövzusundan istifadə edəcəyik. Hestia, səhifənin hər hissəsini, ön hissədən düzəltmək üçün WordPress-də qurulmuş özelleştiricidən istifadə etməyə imkan verir. Saytımızın işini daha sürətli və yaxşı hala gətirməyə kömək edən bir neçə vasitə ilə də tanış olacağıq. Saytın öz optimizatoruna baxacağıq. Axtarış motorları optimallaşdırması üçün Google Axtarış Konsolu və Google Analitikasını, həmçinin Yoast SEO-nu birləşdirəcəyik. Bundan sonra spam, ehtiyat nüsxə və bəzi əlavə statistikaları idarə etmək üçün Automattic-in Jetpack plaginindən istifadə edəcəyik. Bir neçə saatdan sonra davam etsəniz, tam, gözəl, işlək, iş üçün istifadəyə hazır veb saytınız olmalıdır. Buna görə başlayaq. Qurmaq istədiyimiz ilk şey veb hostinqdir. İndi veb hosting saytınızın İnternetdə yerləşəcəyi yerdir. Əşyalarınızı saxlamaq üçün kirayə qaraj almaq kimi bir şeydir. Bir az yer icarəyə götürürsən, veb saytını ona yerləşdirirsən və insanlar ziyarətə gələ bilərlər. İstifadə edəcəyimiz sayt Sayt sahəsi adlanır. Onlar əla qiymətlər və çox xoşladığım xüsusiyyətlərə sahib əla bir ana. Ancaq buraya başlamazdan əvvəl WinningWP.com saytında sizə bir şey göstərmək istəyirəm. Siteground və WinningWP saytınızdakı% hostingdən%% qənaət edə biləcəyiniz bir tənzimləməyə malikdir. Bundan əlavə, WinningWP ödəməli olduğunuz pulun bir hissəsini alır. Bu pul bu kimi video yaratmaq üçün gedir, buna görə ucuz hosting, əla məzmun əldə etdiyiniz və WinningWP də bir az qazandığı bir vəziyyətdir. İndi bu sövdələşmədən istifadə etmək üçün bu səhifəyə keçməlisiniz, videonun altında bir link olacaqdır. Və kuponu tətbiq vurun. Və orada deyirik ki, WinningWP.com ziyarətçiləri üçün xüsusi razılaşma var. Bir plan seçəcəyik. Gedəcəyimiz plan GrowBig planıdır. Başlanğıc proqramı üzərində çox xoşuma gələn kifayət qədər əlavə xüsusiyyətlərə malikdir. Lakin GoGeek həqiqətən inşa edəcəyimizdən daha böyük saytlar üçündür. Buna görə GrowBig-i seçək. Və başlamaq üçün düyməni basacağıq. İndi bu video üçün bir hissə yeni bir domen adını qeyd etməkdir. Əgər sizdə artıq bir domen adı qeydiyyata alınmışdırsa, Siteground onu saytınızda qeyd etmək və ya adını Siteground-a köçürmək üçün burada əla sənədlərə malikdir. Ya biri çox yaxşı işləyir və burada hər ikisini necə etmək barədə yaxşı məlumatlar var. Yenisini əldə edəcəyik və bu, coworkerpro.com olacaq. İndi bu domenin qiyməti var. bir il. İllik bir qiymət olaraq bu barədə düşünəndə həqiqətən çox deyil. Davam edək. Burada deyilir, təbrik edirik, domen adımız mövcuddur. İndi Sayt meydançasında hesab yaratacağıq. Əvvəlcə bir e-poçt ünvanını, sonra Siteground üçün bir parol qoyduq. Bu, domen adınız və ya FTP və ya bu kimi bir şey üçün bir parol deyildir, sadəcə Sayt sahəsinə daxil olmaqdır. Sonrakı, bəzi şəxsi məlumatları qoyduq. Sonra, kredit kartı məlumatlarımızı daxil edəcəyik. Budur, hesablaşma ünvanımız yuxarıda göstərilən əlaqə məlumatlarında göstərilənlə eynidir. İndi nə satın aldığımızı nəzərdən keçirəcəyik. GrowBig planını əldə edirik. Məlumat mərkəzimiz Çikaqoda olacaq. Olduğum yerə olduqca yaxındır. Ancaq bir seçiminiz var, başqa yerlər də ola bilər, yalnız bu düyməni basmaq lazımdır. $ Üçün aylıq plan alıram. bir ay, buna görə də indi mənə dollar veriləcək .. Domen adının qeydiyyatı üçün əlavə edin $. Əlavə olaraq, həqiqətən domen gizliliyini istəyirik. Bu, spamerləri e-poçt ünvanlarını axtaran domen qeydlərini taramaqdan saxlayır. Nəhayət, Saytda sayt skaneri var. Bu saytınıza hacks və hücumlar və bu kimi şeylər axtarır. Düzdü, pis adamları bir addım qabaqlayır. Beləliklə, mənim cəmi $ olacaq .. Ancaq gözəl şey budur ki, bu bütün ili ödəyir, buna görə bir il ərzində yenidən düşünmək lazım deyil. Xidmət şərtlərini təsdiqləyirik və indi ödəmə düyməsini basın. Və sifarişimiz təqdim edildi. Müştəri bölgəmizə dərhal daxil ola bilərik. Bununla birlikdə, domen adlarının qeydiyyata alınması üçün saatlaradək davam edə bilər. Beləliklə, domen adımız dərhal işə yaramır. İndi Sayt Saytı hesabımızı yaratdığımızdan, yaratdığımız domen adına girib bu yer doldurucusunu görə bilərik. Sayt sahəsindəki bütün yeni domen adları bu kimi bir yer sahibi olur və öz veb saytımızı quraşdırana qədər orada qalacaqdır. Beləliklə, növbəti addımımızı davam etdirək və WordPress-i quraşdıraq. Əvvəlcə Siteground.com-a gedək və əvvəllər yaratdığımız hesabla daxil olaq. İndi əsas paneldə daxil olduğumuz üçün hələ qurmadığınız yeni bir hosting hesabınızın olduğunu bildirən bir az xəbərdarlıq var. Və görünüşü klikləsək, bizə bir neçə variant təqdim edir. Yeni bir veb sayt qura bilərik, veb sayt köçürə bilərik və ya indi köməyə ehtiyac duymadıq. Və ya bu kiçik oxu vura bilərik və bu daha sonra qayıdır. Ancaq davam edib yeni bir veb sayt qurmağa hazırlaşırıq. WordPress istəyirik. İndi bəzi WordPress hesabı məlumatlarını daxil edirik. Beləliklə, bu saytımızda WordPress üçün olacaqdır. Və təsdiq vuracağıq. İndi deyir ki, hesabınıza WordPress yükləməyi xahiş etdiniz. Və sonra Saytın xidmət şərtlərini oxuduğumuzu və razı olduğumuzu təsdiqləməliyik. Bunu sizin üçün bir məşq olaraq buraxacağam. İndi, tam quraşdırma düyməsini basacağıq. İndi nə edirsə, bizim üçün məlumat bazası yaratmaq, WordPress-i quraşdırmaq və ikisini birləşdirmək, sadəcə qoyduğumuz məlumatlardan istifadə etməklə. Müştəri sahəmizə davam edə bilərik. Ancaq indi veb səhifəmizə qayıdıb yenidən yükləsək, bir blogumuz olduğunu görərsən. Ayrıca HTTPS işlədiyimizi, yəni bizim üçün SSL sertifikatı yaratdıqlarını da qeyd edəcəksiniz. Bunun baş verdiyini harada göstərəcəyəm, bir daha lazım olursan necə edəcəyini bil. Saytın istifadəçi ərazisindəki hesablarımıza daxil oluruq. Və sonra cPanel-ə keçin. Biz həmişə cPanel-ə etibarlı şəkildə daxil olmaq istəyirik, buna görə də davam edin və yadda saxlamağı seçin. İndi bu səhifədə çox şey var, amma burada da bu gözəl axtarış var. Bizdə olan SSL sertifikatı Let’s Encrypt-dan gəlir. Beləliklə, biz L-E-T-də yazacağıq və orada biz var, aşağıdan süzülürük. Və burada iş yoldaşı üçün SSL sertifikatımızı görə bilərsiniz. Ancaq Sayt sahəsi bunu bizim üçün qurdu, buna görə narahat olmaq lazım deyil. Sadəcə istədim ki, harada olduğunu görə biləsiniz, çünki bu vacibdir. Beləliklə, indi WordPress-ə daxil olaq və bir az konfiqurasiya aparaq. Bu, bir neçə dəqiqə əvvəl yaratdığım istifadəçi adı və şifrəmdir. İndi Sayt Sahəsinin bizim üçün etdiyi başqa bir şey Jetpack-ı quraşdırmaqdır. Bir az sonra konfiqurasiyaya baxacağıq. Salamlama çubuğunu və Jetpack çubuğunu bağlayacağam və indi çox vanil bir WordPress quraşdırmanı var. Beləliklə, etmək istədiyimiz ilk işlərdən biri Parametrlər → Permalinks-ə keçin və adın yazılmasını istəyirik, çünki daha sadə və asan oxunan URL-lər yaradır. Axtarış motoru optimallaşdırması üçün daha yaxşıdır və bu, həqiqətən vacib ola bilər. Sonra müzakirəyə gedəcəyik və bu anda şərhləri söndürəcəyik, çünki heç kimin bu veb saytın büdrəməsini və şərhlərdən istifadə etməsini istəmirik, çünki bəlkə də spam ola bilər. Reading-ə gedəcəyik. İndi axtarış motorunun görünməməsinə mane olacaq, çünki ictimaiyyətə açıq olmağa hazır deyilik. İndi unutma, saytınızı bitirdikdən və canlı yayımlanmağa hazır olduqdan sonra bu Parametrlər → Oxu səhifəsinə qayıdın və axtarış motorlarını bu saytı indeksləşdirməkdən çəkin. Çünki o zaman Google sizi tapa biləcək. Sonra, WordPress ilə gələn standart məzmunu silmək istəyirik. Bir şərh ilə bir yazı var. Əgər həmin yazını zibil edib zibili boşaltırıqsa, şərh də onunla gedir, buna görə bu rəyi tapıb silmək lazım deyil. Ancaq indi səhifələrə keçək və səhifələr tapılmadı. Beləliklə, indi səhifəmizə baxsaq, olduqca mülayim görünməlidir. Heç nə tapılmadı. Yan paneldə bəzi şeylər var, gəlin buna diqqət edək. Bunu dərhal boşaldacağıq və sonra təmiz şiferə sahib olacağıq. Və var. Boş bir sayt, məzmunumuzla doldurmaq üçün haqlıdır. İndi ana səhifəmizdə bir bloq yazmaq niyyətində deyil. Saytın ayrı bir hissəsi olacaq. Ancaq hazırda ana səhifəmiz bir bloqdur. Qoy bunu dəyişək. İlk edəcəyimiz şey iki səhifə yaratmaqdır. Bunu bir evə deyəcəyik və sadəcə yayımlayacağıq. Sonra başqa birini düzəldəcəyik və saytımızda blog olmayacaq, bir xəbər bölməsi olacaq, buna görə də bu Xəbərlər deyəcəyik. Beləliklə, indi iki səhifə var, Ev və Xəbərlər. Ancaq indi WordPress-dən onlardan necə istifadə edəcəyimizi izah etməliyik. İndi Parametrlər → Oxumağa gedirik. Və burada, ana səhifənizin görüntüləndiyini və bu anda son yazılarınız olduğunu söylədi. Ancaq bunun əvəzinə sabit bir səhifə seçəcəyik. Əsas səhifə üçün Evi, ismarıclar səhifəsini isə Xəbərləri seçəcəyik və dəyişiklikləri saxlayacağıq. İndi veb səhifəyə baxsaq, səhifəmiz var. Saytımız hələ də mənim blogum və WordPress blogum adlanır, ancaq bir neçə dəqiqədən sonra bunu dəyişəcəyik. İndi saytımızda ən əsas konfiqurasiyaları hazırladığımız üçün irəliləməyimizə kömək edəcək bir neçə plugin quraşdıracağıq. Birincisi TinyMCE Advanced adlanır. İndi TinyMCE, WordPress-in istifadə etdiyi redaktorun adıdır. Heç bir səhifə və ya yazı etmisinizsə, TinyMCE istifadə etdiniz. Bu səhifəni redaktə etsək, onu burada görərsiniz. Varsayılan olaraq, bu bir çubuğa malikdir. Alətlər çubuğuna keçid adı verilən bu düyməni basarsanız, ikinci bir çubuğu alırıq. Lakin TinyMCE Advanced daha da əlavə edir. Burada müxtəlif növ başlıqlar üçün açılan siyahı var və burada hər cür digər alətlərdən menyu naviqasiyası mövcuddur. Gəlin bu əslini tez quraq. Plaginlərə gedirik, yenisini əlavə edirik və pluginləri axtara bilərik və orada da var. İndi quraşdırmanı vurub aktivləşdirəcəyik. İndi səhifələrə qayıdıram və evimi düzəltsəm, şriftlər, başlıqlar üçün açılan bir açığın olduğunu görərik və cədvəllərdən və hər cür başqa şeylərdən istifadə edə bilərik. Bu da sonradan faydalı olacaq. İndi quraşdıracağımız digər plugin “Gözlərim buradadır” adlanır. Və bu fotoşəkilləri kəsməyə kömək edən həqiqətən əla bir plagindir. Normalda, hündür və dar bir fotoşəkiliniz varsa və WordPress-dən bir kvadrat düzəltməsini xahiş etsəniz, o kvadratı ortadan çıxarır. Ancaq gözlərim yuxarıdadır, ağıllı şəkildə insan üzlərini aşkarlayır. Bunun kimi. Və sonra müvafiq kiçik şəkillər yaradır. Bundan əlavə, insanlar yoxdursa, bu çəhrayı nöqtəni istədiyiniz yerə qoymaq üçün seçiminiz var və fotonun həmin hissəsinin daima şəkildəki olduğundan əmin olun. Beləliklə, dağlar və bir yol ilə bir fotoşəkiliniz varsa və onu əkmək istəsəniz, yalnız dağları görsəniz, sadəcə dağ ərazisini seçə bilərsiniz və WordPress əkəndə dağları qoruyacaq. Bu plugin, kadr arxivləri və insanların qalereyaları hazırlanarkən həqiqətən faydalıdır, çünki WordPress həmişə üzlərini tutacaqdır. Beləliklə, bunu quraşdıraq. Artıq quraşdırılıb. İndi real tez keçmək istədiyim bir neçə başqa plagin var. Salam Dolly hər WordPress quraşdırması ilə gəlir və bizə lazım deyil. Beləliklə, biz sadəcə bundan yaxa qurtarmaq istəyirik. Videoda daha sonra istifadə edəcəyimiz Akismet. Anti-spam üçün istifadə olunur. Jetpack bir sıra alətlər ilə birlikdə gəlir və biz bundan sonra da gedəcəyik. Və sonra, SG Optimizer saytınızı Site meydanında sürətləndirmək üçündür. Mükəmməl bir önbelleme plagini və daha sonra baxacağımız bir çox şey var. Sonra, mövzumuzu quraşdıracağıq. İstifadə edəcəyimiz mövzu Hestia adlanır. Və Themeisle’dən gəlir. Bu, Themeisle.com saytında səhifədir. Və iki versiyada, bir ödəmə versiyası və pulsuz bir versiyada gəlir. Bu videoda pulsuz versiyasından istifadə edəcəyik. Ancaq bunun edə biləcəyi şeylərdən bir qismini sizə göstərmək istədim. Baxdığımız Hestia budur. Və bu ana səhifə heç bir kodlaşdırmadan qurulmuşdur. Bu səhifə qurucuları ilə tam uyğun gəlir, amma bu videoda birini istifadə etməyəcəyik, çünki ehtiyac duymuruq. Hestia onsuz böyükdür. Təcrübəçi ilə gözəl işləyir. Və olduqca populyardır. Bunu WordPress.org saytından əldə edib, pulsuz versiyasından istifadə edəcəyik. Pulsuz versiyasını quraşdıranlar var. Beləliklə tablosuna, sonra görünüşünə, sonra temalarına gedəcəyik. Yeni mövzu əlavə edin. Və Hestia’nı axtarın. Və var. Quraşdırma düyməsini basın və aktivləşdiririk. Və biz var. Gəlin ana səhifəni ziyarət edək və göründüyü kimi. Budur saytın adı. Və bu bir səhifə başlığıdır və onu tənzimləyicidə dəyişə bilərik. Bu blog sahəsi kimi bir neçə şey və bəzi şəkilləri olan populyar altbilgi ilə təchiz olunmuşdur. Görünüşü necə dəyişəcəyik, menyu əlavə edəcəyik və bununla əlaqədar bir sıra işlər görəcəyik. Ancaq əvvəlcə mövzu bölgəsində olduğumuz müddətdə bir əlavə mövzunu silmək istəyirik. Beləliklə, silmək və. Bəzilərini silməyimizin səbəbi, heç bir təhlükəsizlik problemi varsa, mövzudan istifadə etməməyimizə baxmayaraq, buna həssas ola biləcəyimizdir. İndi tez bir zamanda düzəldilməyənlərdə təhlükəsizlik problemi olma ehtimalı azdır. Ancaq digər tərəfdən, əgər bunlar ümumiyyətlə olmasa, bu barədə narahat olmağımız lazım deyil. Bəs niyə bir əlavə saxladıq? Həmişə bir əlavə mövzu istəyərsiniz, çünki əsas mövzu ilə əlaqəli bir şey baş verərsə, o da silinir və ya korlanırsa saytınız ikinci mövzuya geri dönəcəkdir. Sonra onu görə və idarəetmə sahəsinə daxil ola biləcəksiniz. Beləliklə, səhifəmizi qurmağa başlayaq. Görəcəyimiz ilk şey Hestia ilə başlamaq üçün klikləməkdir. Və bunun həqiqətən nə etməsi bizi görünüşü altında bu səhifəyə aparır. Və bunun necə başlamaq barədə bəzi məlumatları var, lakin tövsiyə olunan iki hərəkət var. Hər ikisini də edəcəyik. Orbit Fox Companion, bəzi ön səhifə xüsusiyyətlərini əlavə edən bir plagindir. Pulsuzdur və biz onu burada quraşdıra bilərik. Və biz var. Növbəti Pirate Formaları adlanır və bu əlaqə formasıdır. İndi Pirate Formaları, Gravity Formaları və ya Ninja Formaları kimi digər formalar qədər böyük və mürəkkəb deyil. Ancaq məqsədlərimiz üçün çox kiçik bir əlaqə forması düzəltmək niyyətindədir. İndi deyildi ki, Hestia Pro bütün daha böyük form plaginlərinə tam uyğundur. Buna görə ehtiyacınız varsa, əlbəttə ki, onları Hestia ilə istifadə edə bilərsiniz. Faydalı plaginlər altında səhifə qurucuları və tərcümə plaginləri kimi şeyləri görürük. Burada dizayn üçün istifadə olunanların heç birini istifadə etməyəcəyik. Beləliklə, etmək istədiyimiz növbəti şey ana səhifəyə getməkdir. Yalnız ön səhifədə etdiyimiz başqa bir şey, burada tapa biləcəyiniz özelleştirici vasitəsi ilə ediləcək. Fərdi düzəliş vuracağıq. İndi, soldan yuxarıdakı menyudan keçə bilərik və ya hər şeyi dəyişdirmək üçün kiçik mavi qələmlərin hamısını vura bilərik. Qələmlər mürəkkəb menyuda hər şeyi tapmaqda çox xoşdur. Gələcəyimiz ilk işlərdən biri saytın sxemini dəyişdirməkdir. Hal-hazırda, qutuda və bu sərhəd bu tərəfdə, sağda. Görünüş parametrlərinə keçsək, ümumiyyətlə, qutu düzülüşünü çıxara bilərik. İndi tam genişliyə keçir. Paylaşma nişanlarını davam etdirəcəyik və yuxarıya doğru hərəkət etməyi təmin etmək istəyirik. Budur, bir az düyməni buradan yuxarıdan yuxarı geri göndərməyə kömək edir. İndi etmək istədiyimiz növbəti şey saytımızın şəxsiyyətini dəyişdirməkdir. Hal-hazırda, bu sadəcə mənim blogumdur. Biz onu Coworker Pro-a dəyişməyə hazırlaşırıq. Eynilə bu da dəyişdi. Və ana səhifədə görmədiyimiz, lakin alətlər çubuğunda görünəcək etiket xətti üçün ən yaxşı şəkildə Coworking yazacağıq. Sonra “Dərc et” düyməsini basın. Yayınlamaq işinizi qənaət etmək kimidir. İndi bu başlıq çubuğunu yeniləmədiyini qeyd edəcəksiniz, çünki tənzimləyici yalnız ana səhifəni yenidən yükləyə bilər. Beləliklə, onu tez bir zamanda bağlayın. İndi baxa bilərsiniz, yaxşı işdə çalışırıq. Müştəriyə qayıdırıq. İndi gəlin arxa planınızı dəyişdirək və bu qələm də burada. Görünüşü dəyişə bilərik. Birini də yükləyəcəyəm. Bu video üçün istifadə etdiyim şəkillərin hamısı royalti olmayan şəkillər əldə etmək üçün əla yer olan unsplash.com saytından gəlir. Beləliklə, açıq düyməni vuracağam. Bu başlığı çıxartacağam, çünki ekran oxuyucuları üçün bu yaxşı deyil. Ancaq buraya alt mətn qoyacağam. Həmişə bütün şəkillərinizə alt mətn qoymaq istəyirsiniz. Sonra seçin image seçin. Və biz var. İndi bu mətni dəyişdirək. Sonra növbəti xətt olacaq, gəl bizimlə işləyək. Biz var. İndi bu düyməni dəyişdirək. Buraya vurun və bizi bura aparır. Orada, indi daha çox məlumat alın deyir. Biz mərkəzləşdirməyi xoşlayırıq və URL üçün bir dəqiqəlik onu tək qoyacağıq. Əslində daha sonra səhifədəki aşağı nöqtəyə bir keçid edəcəyik. Ancaq hələlik bunu tək qoyacağıq. Ancaq bu düymənin çəhrayı olmasını istəmirik, mavi rəngdə olmasını istəyirik. Beləliklə, mən buradan geri dönəcəyəm və rənglərə keçəcəyik və vurğun rəngimizi bu maviyə dəyişdirəcəyik. İstədiyiniz hər hansı bir rəng seçə bilərsiniz. Sadəcə bəyəndiyim səbəbi seçdim. Və sonra dərc etməyi basacağıq. Və bunu bağlayacağıq. İndi üst hissəmiz demək olar ki, hazırlanmışdır. Şriftlərimiz burada bir az cəsarətlidir. Bunu düzəltsin. Müştəriyə qayıdırıq. Beləliklə, indi görünüş parametrlərinə, mətbəəyə keçək və sonra şrift ölçüsünü seçəcəyəm. Və burada ön səhifə bölmələri, və burada böyük başlıq bölməsi var. Biraz daha kiçik edəcəyik. Minus üç, qoy dərc edək. Bunu bağlayın. Orada, indi hamısı bir xəttdədir, istədiyimiz kimi. İndi bir menyu hazırlamadan əvvəl, bu hissələrin qalan hissəsini hazırlamaq üzərində işləyirik. İndi yuxarı hissəmizi hazırladıq, ikinci hissəyə keçək. İndi həmkarlıq yeri üçün bir sayt qururuq, buna görə insanları inandırmaq istəyirik ki, buraya işləməlidirlər. Beləliklə, bu maddələri demək istədiyimiz şeylərə dəyişək. Customize düyməsini basın və sonra başlığı ilə bu qələmi vuracağıq. Və burada bir dəstə mətn qoya bilərik. İsteğe bağlı olaraq, bu hissələrdən hər hansı biri əlil ola bilər. Hamısını birlikdə qurtara bildik və bunu bir neçə nəfərlə birlikdə edəcəyik. Buna görə bu başlığı dəyişdirək. Orada. Bundan sonra, altındakı mətni də dəyişdirəcəyik. Sərbəst həyatda çox sayda zərbə var və pijamalarında evdən işləmək onlardan biridir. Bəs niyə bizimlə işə gəlməlisən? Sonra burada üç bölmə var və bu bölmələr üçün üç idarə sahəsi var. Beləliklə, birincisini açaq və nişanlar bir şriftlə idarə olunur. İndi bir iş otağında işləmək istəməyinizin səbəblərindən biri də insanlardır. Beləliklə, sağa vurun və bir insan tapaq. Bunlardan biri də işləyəcəkdi. Bunu seçək. Və bu qırmızı rəngdən çıxacağıq, amma bunu insanlar olmaq üçün dəyişdirəcəyik. Bu mətni burada işləyən insanlar ağıllı, köməkçi və qayğıkeş deyəcək şəkildə dəyişdirəcəyik. Bir-birimizə problemləri həll etməkdə və çirkin müştərilərlə işləməkdə kömək edirik. Və bu əlaqəni başqa bir yerə düzəldə bilərik, amma getmirik, sadəcə onu tərk edəcəyik. Beləliklə, birini bağlayırıq, digərini açacağıq. Bir iş otağında işləmək istədiyiniz başqa bir səbəb avadanlıqdır. Evdə faks maşını istəmirsiniz, kim edir? Ancaq bir gün birinə ehtiyacınız olacaq. Gəlin bunu bir alət qutusuna dəyişək. Portfel adlanır, amma alət qutusuna bənzəyir. Bu da mənim üçün kifayətdir. Biz mavi tərk edəcəyik və burada avadanlıq yazacağıq. Biraz yeni mətn qoyacağıq. Faks maşını və gözəl bir lazer printerimiz və konfrans telefonu olan bir konfrans otağımız var. Çox güman ki, evdə olmayan və ya istəmədiyiniz şeylər. Yenə də bunu bağlantısız tərk edəcəyik. Üçüncü xüsusiyyət isə dəstək olaraq qalacaq. Bundan başqa texniki dəstək deyil. Texniki dəstək deyil, emosional dəstək barədə danışırıq. İnsanların sağlam olmaları üçün ətrafdakı insanlara ehtiyacı var. Hamımız sağlamıq. Çox vaxt. İndi burada qeyd etmək istərdim ki, bunların hər birində silmək üçün bir düymə var, buna görə iki və ya istəsəniz yalnız birini edə bilərsiniz. Ayrıca yeni bir xüsusiyyət də var, buna görə dördüncü, beşinci, altıncı və s. Əlavə edə bilərsiniz. Və bunu bağlayacağıq. Və orada biz var, niyə bizimlə işləməlisən. Nişanlar hər birinə kiçik təsirlər və mətn gözəl görünür. Səhifədəki növbəti hissəyə başlamazdan əvvəl, bütün sayt üçün standart şrift qurmaq istərdim. Və olduqca sadədir. Fərdi düzəlişlər, görünüş parametrləri, mətbəə yazmaq üçün gedəcəyik. Mən də kabinet seçəcəyəm. Mən də burada eyni şeyi seçəcəyəm. İndi hər şey kabindən istifadə edir. Fərq incədir, amma var. İndi üzərində işləyəcəyimiz növbəti hissə təxminən bölmədir və bu kiçik bir yerdir. İndi bu bölmə həqiqətən öz məzmununu ana səhifədən, WordPress-də ev adlanan səhifədən çıxarır. Beləliklə tablosuna gedib həmin səhifəni çəkəcəyik. Bu anda boşdur. İndi qeyd etdiyiniz kimi, səhifənin adı burada heç bir yerdə istifadə edilmir, ona görə də nəyin əslində əhəmiyyəti yoxdur. Beləliklə, burada bir mətn qoyaq. İndi başlıq ölçüsünü bir ölçüdə etmək və mərkəzləşdirmək istəyirəm. Sonra bir az mətnin altına qoyaq. İnsanların cəmiyyətimizin bir hissəsi olmaq istədiklərini hiss etmək üçün bəzi mətnlər istəyirik. Beləliklə, bu mətni içimizə salacağıq. Hər cümə qrup halında nahar edirik və müxtəlif yerlər mətbəximizdə yemək bişirməkdə iştirak edir. Bir-birimizi quran və bir-birimizin böyüməsinə kömək edən bir-biri ilə sıx dost olan bir qrup olaraq birlikdə yeyirik. İndi bunu biraz daha böyük hala gətirək. Və mərkəzləşdirin. İndi şrift ölçülərimiz piksel əvəzinə nöqtələrdə olduğuna diqqət çəkəcəksiniz. Əslində piksel istəyirik. Beləliklə, parametrlərə gedəcəyik və TinyMCE Ətraflı parametrlərini yeni bir nişanda açırıq. Və bundan sonra, burada şrift ölçüsünə basacağıq və px-dan istifadə edəcək. Beləliklə, indi dəyişiklikləri saxlamaq düyməsini basın. Mən səhifəni yeniləyəcək bu yeniləməyi düşünürəm. İndi bütün bu mətni vurğulamaq və px seçmək olar. Və tam istədiyimiz budur. Beləliklə, indi yeniləməni klikləyin və səhifəyə baxacağıq. Bu olduqca hamar bir şeydir, amma bunun altında bir az daha çox mətn istəyərik. Beləliklə, redaktorumuza qayıdaq və mən bir az yer istəyirəm, ona görə də bunu etmək və buraya yapışdırmaq istəyirəm. İndi biz də bunu px etmək istəyirik. Həm də mərkəzləşmişdir və biz hələ bu keçid etməyəcəyik, çünki gedəcək səhifə mövcud deyil. Ancaq yenə də bunun altından bir az daha padding istəyirik. Beləliklə, indi yeniləməni klikləyirəm. Və ora gedirik. Ancaq bunun bir az daha böyük olmasını istəyirəm. Gəlin bunu bir H.-ya çevirək. Bəs formatlaşdırmanı dəqiqləşdirək və yenidən başlasın. Beləliklə, indi H üçdür və biz yenidən mərkəzə gedəcəyik. Və yeniləməni klikləyirəm. İndi, yenidən yükləyin. Orada gedirik. Sonradan, daha bir alt səhifəni yaratdıqdan sonra geri qayıdacağıq və bu barədə səhifəyə bir keçid edəcəyik. Beləliklə, bu, bizim bölümümüzdür. Hər bir icma və əməksevər sayt bəzi üzvlərini göstərmək istəyir. İnsanlara xoş hisslər verməyə kömək edə bilər. Beləliklə, bu heyət səhifəsini üzvlər səhifəsinə dəyişmək fikrindəyik. Bunu özəlləşdirmə düyməsini basmaqla edəcəyik, sonra yenidən həmin hissəyə keçəcəyik və komandamızla tanış olacağıq. İndi isə bu hissəni redaktə edirik. Bunu bəzilərimizlə görüşmək üçün dəyişək. Və sonra başqa bir altyazı qoyacağıq. Üzvlərimiz tərtibatçılar, dizaynerlər, layihə menecerləri və bir çox digər peşə sahiblərinin müxtəlif qrupudur. Üzvlərimizin siyahısı% qadınlardır və təmsil etdiyimiz müxtəlif etnik qruplarımız var. Beləliklə, burada dörd defolt var və burada dörd hissəni görə bilərsiniz. Yeni bir komanda üzvü əlavə etmək üçün bir əlaqə var. Birincisini açaq. Adını Tina olaraq dəyişdirək. Altyazı dizaynerin slash rəssamı olacaq və biz də onun şəklini dəyişəcəyik. Başlığı çıxarırıq və yüklədiyiniz hər hansı bir görüntüyə həmişə alt mətn qoyuruq. Bir də xatırladım ki, gözlərim buradadır? Edilən iki fərqli önizləmə var. İndi bu konkret vəziyyətdə onun üzü artıq mərkəzdə idi, buna görə heç bir əhəmiyyət kəsb etmirdi. Ancaq yüklədiyimiz digər görüntülərdə əhəmiyyətli olacaq. Alignment və ya ölçü və ya bir şey seçmək lazım deyil, çünki mövzu bizim üçün bunu seçir. Beləliklə, biz posta daxil etmək düyməsini basın və Tina var. Tina üçün daha yaxşı bir təsvir edək. İndi qeyd edəcəksiniz, bu bir mətn sahəsi olduğundan, bu kiçik bir şeyi buradan götürə və ehtiyacınız varsa aşağı sürüşdürə bilərsiniz. Tina günlərini rəqəmsal sənət əsərləri yaratmaq üçün keçirir. Onun sənəti Carnegie Hall və London İncəsənət Muzeyində nümayiş etdirilib. Qeyd etmək istərdim ki, burada qoyacağım hər kəs düzəldilmişdir. Bir daha təkrarlayın ki, bütün şəkillərim Unsplash-dən gəldi. İndi Tina’nın öz səhifəsi olsaydı, bir link edə bilərik, amma bilmir və buna görə də bağlantı boş buraxacağıq. Onda sosial şəbəkələri seçəcəyik. Bir simgədən seçə bilərik və sonra bir URL qoya bilərik. Mən bunları standart olaraq tərk edəcəyəm, çünki Tina həqiqətən sosial şəbəkələrə sahib deyil, çünki mən onu düzəltmişəm. Ancaq birindən qurtulmaq istəsəniz, sil işarəsini vura bilərsiniz və indi LinkedIn Tinadan getdi. Başqa bir şey əlavə etmək istəsəniz, əlavə et işarəsini vurub başqa bir sosial şəbəkə tapa bilərsiniz. Beləliklə, Tina. Bir daha sizə göstərəcəyəm. Və sonra, redaktə sehri ilə digərlərini də sizin üçün edin, çünki onlar tam olaraq görüləcəkdir. Növbəti insanlarımız əslində üç bacının bir şirkəti olacaqlar. Və burada yenidən görüntünün mərkəzində olmaq istədiyimizi seçə bilərik. Göndərmə postuna vuracağıq və üç bacımız var. Onlar marketinq firmasıdır. İndi Juanita, Juliette və Jacqueline öz marketinq firmalarına başlayan üç bacı olduğunu söyləyir. Əsasən gənc daxili şəhər sənətçiləri və musiqiçiləri ilə işləyirlər. İndi qeyd edəcəksiniz ki, digər bu görüntülərin hamısı kvadratdır, amma bu deyil, bir az qısadır. Yaxşıdır. Hamısı eyni eni olsa da, mövzumuz bunu məhdudlaşdıracaq. Hamısının eni eyni olmalıdır, ancaq bir az daha uzun və ya daha qısa ola bilər. Beləliklə, indi növbəti ikisini edəcəyəm. İndi bəzi icma üzvlərimizi göstərən bir bölüm var. Gördüyünüz kimi, daha çox əlavə etmək asandır və hər biri olduqca çevikdir. Beləliklə, indi dərc edib klikləyin və müştərini bağlayın və geniş eni olduğuna əmin olun. Əmin olur. İndi bu bölmə ilə tamamlandığımızdan, növbəti hissəyə keçə bilərik. Hər hansı bir məhsulu satdığınız zaman insanlar rəyləri görmək istəyəcəklər. Alqı-satqı edənlərdən eşitmək və düşündüklərini görmək istəyirlər. Beləliklə, növbəti bölümümüz ifadələr bölməsi olacaq. Defolt deyilir, müştərilərin dedikləri, amma özümüzü dəyişdirəcəyik. Fərdi düzəliş klikləməklə başlayacağıq və aşağıya doğru gedəcəyik. Müştərilərin dediklərini buraya vuracağıq. Bütün digər bölmələrə bənzər olaraq əlil ola bilərsiniz. Varsayılan olaraq, üç ifadə var, amma daha çox əlavə edə bilərsiniz. Elə isə müştərilərin dediklərini üzvlərin dediklərinə dəyişək. Və sonra bölümüzün altyazısı üçün nadir hallarda bazara çıxmağa ehtiyac duyuruq, çünki üzvlərimiz hər kəsə bu işin nə qədər yaxşı bir yer olduğunu bildiklərini söyləməyə meyllidirlər. İndi isə öz ifadələrimizi götürək. Şəkilləri dəyişdirməyə gedir. Və onu avtomatik olaraq bizim üçün bir dairəyə qoyduğunu görəcəksiniz. Orijinal imicimiz bir kvadrat idi. Adını və hətta alt hissəsini, uyğun gəldiyindən saxlamağı seçdim. Ancaq öz mətnimizdə qoyacağıq. Ətrafımdakı insanların hörmətini qazanmağı sevirəm. İşdə bir qadın olmaq, burada olmağımı düşünməyən insanlarla münasibət deməkdir. Ancaq Coworker Pro-da uyğunlaşdım. Sonra yenidən bir əlaqə ola bilər, amma heç bir yerdə bağlantı yaratmırıq, ona görə də boş buraxa bilərik. Gəlin növbəti insanımızı edək. Orada, indi Hansonu seçdik. Və onun adını qoyacağıq. Və poçt daxil edin. Yenə də yalnız adlardan istifadə edəcəyik və onu müstəqil bir sənətkar olmaqdansa, onu hazırlayan mühəndis adlandıracağıq. Və sonra öz mətnimizə qoyacağıq. Bu məkanda gənclik və həyəcan ab-havası sərxoşdur. Bu insanlar dünyanı dəyişdirirlər və bunun baş verdiyini görmək üçün orada olmağa başladım. Və sonra üçüncüsünü dəyişdirəcəyik. Görünüşü dəyişdirəcəyik. Buraya baxın. Alt mətnimizi qoymaq üçün gedir. Və poçt daxil edin. Natalyanı freelancer olaraq tərk edəcəyik. Soyadınızı çıxarın və öz mətnimizə qoyun. Qrupla cümə yeməyi ən yaxşısıdır. Qrup yeməklərini və masanın ətrafındakı hər kəsdən gələn ailə hissini sevirəm. Budur, indi bizim ifadələr sahəmiz var. Biz yayımlayacağıq, müştərini bağlayırıq. Daha sonra geniş ekranda nə olduğunu görmək üçün aşağıya fırladın. Və əla görünür. Etməyimiz lazım olan daha bir bölmə var və bu altbilgi. Ancaq əvvəlcə qeyd edim ki, bu səhifədə bir blog istəmədiyimiz üçün, tənzimləyiciyə gedə bilərik və blog sahəsinə qədər bütün yola davam edəcəyik, az göz burda. İndi də keçdi. İndi bizim üçün hazırlanan bu altbilgi var. Amma dərc edək. Və bunu bağlayın və necə göründüyünə baxın. Bu ifadələrdən altbilgiyə doğru gedir. Hestiyadakı altbilgini redaktə etmək digər hissələrdən bir qədər fərqlidir. Hələ də özelleştiricidən istifadə edir, lakin bir sıra fərqli gadgetlara malikdir. Bir nəzər salaq. Fərdi düzəliş vurmaq üçün gedirik, sonra yolun altına gedəcəyik. Bu bütün altbilgidə yalnız bir düzəliş bağlantısı var. Buna görə klik edək. Burada, dəyişdiyimiz bütün digər şəkillər kimi fon şəklini də dəyişə bilərsiniz. Mən şəhər mənzərəsini bəyəndiyim üçün bundan ayrılacağam, ancaq orda istədiyiniz hər şeyi arxa plana keçirə bilərsiniz. Başlıq var, əlaqə qurun, biz onu tərk edəcəyik, buna səbəb olur. Lakin sonra altyazı, ön masanın iştirak etdiyini verəcəyik: a.m.-dən: p.m. Şərq standart vaxtı. Sonra burada bir forma başlığı var və bu da budur. 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.

Daha çox videoya baxın …

Əlavə ediləcək bir şey?

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