Как да си направим бизнес уебсайт – Пълно стъпка по стъпка видео ръководство!

Сделки с WordPress


Обикновено никога не започвам толкова драматично, но DAMN имаме днес нещо специално за вас: Пълен стъпка по стъпка видео ръководство (без нищо прескочено) до създаване на професионален уебсайт за малък бизнес WordPress!

Това, което прави този видеоклип толкова специален обаче, е по същество три неща: 1. Фактът, че точно така самите ние бихме се заели да го правим (а ние сме, ама, доста експерти в това); 2. Нивото на детайлност, в което влизаме – видеоклипът е дълъг един час и половина и създаваме примерна уебсайт за малък бизнес от началото до края; и 3. Че видеото е насочено към пълни начинаещи – хора, които вероятно не са правили нещо подобно преди (и все още виждат цялата идея да създадат сайт за себе си като нещо наистина доста обезсърчително).

Като просто следвате, като щракнете на мястото, където кликваме, и с малко мисъл да промените няколко аспекта, за да отговарят на вашия собствен бизнес, ще се надяваме да можете да направите подобен фантастичен (и технически превъзходен) уебсайт на WordPress!

И така, какво чакате? Първи стъпки!

Как да направите уеб сайт за професионален бизнес с WordPress:

Директна връзка за гледане на видеото на Vimeo.

– (забележка: видео кредити към Topher DeRosia – създател на HeroPress

Видео препис:

В това видео ще ви покажа как да направите професионален уебсайт за бизнес с WordPress. Ще вървим стъпка по стъпка и аз няма да оставя нищо. Бизнесът, който ще използваме като модел, е пространство за коворкинг. Ако искате да разгледате окончателната версия на този уебсайт, можете да отидете на coworkerpro.com. Елементите, които ще поставим в този сайт, могат да бъдат използвани на всеки бизнес сайт. Има призив за действие. Малко за нас. Някои служители, препоръки и формуляр за контакт, както и няколко други страници. Така че какъвто и да е вашият бизнес, в края на това видео трябва да имате първокласен уебсайт за него. Ще хостваме нашия сайт в Siteground. И ще разгледаме всичко, което могат да предложат, и колко лесно е нещата да се търкалят. Ще инсталираме няколко допълнителни приставки, за да ви помогнем и ще използваме темата Hestia от Themeisle. Hestia ни позволява да използваме вградения в WordPress персонализатор за редактиране на всяка част от страницата, точно от предния край. Ще разгледаме и няколко инструмента, които могат да помогнат за това сайтът ни да работи по-бързо и по-добре. Ще разгледаме собствения оптимизатор на Siteground. Ще свържем конзолата за търсене с Google и Google Analytics, както и Yoast SEO, за оптимизация на търсачките. След това ще използваме Jetpack плъгин на Automattic за управление на спам, архивиране и някои допълнителни статистически данни. Ако следвате само след няколко часа, трябва да имате пълен, красив, функционален, бизнес уебсайт, готов за употреба. Така че нека започнем Първото нещо, което искаме да настроим е уеб хостинг. Сега уеб хостингът е мястото, където вашият сайт ще бъде в Интернет. Това е нещо като да получите гараж под наем, за да съхранявате нещата си. Наемате малко пространство, поставяте уебсайта си върху него и хората могат да дойдат да го посетят. Сайтът, който ще използваме, се нарича Siteground. Те са отличен домакин с страхотни цени и много функции, които наистина харесвам. Но преди да започнем тук, искам да ви покажа нещо на WinningWP.com. Siteground и WinningWP имат уговорка, при която можете да спестите% от хостинга си в Siteground. В допълнение, WinningWP получава малко парче от парите, които ще платите. Тези пари отиват за създаване на такива видеоклипове, така че наистина е печеливша ситуация, при която получавате евтин хостинг, страхотно съдържание и WinningWP също получава малко. Сега, за да използвате тази сделка, всичко, което трябва да направите, е да отидете на тази страница, под видеоклипа ще има връзка. И кликнете върху прилагането на талона. И там имаме, както се казва, специална сделка за посетителите на WinningWP.com. И ще изберем план. Планът, с който ще продължим, е планът GrowBig. Той има достатъчно допълнителни функции над StartUp, че наистина ми харесва. Но GoGeek наистина е за малко по-големи сайтове, отколкото ще създадем. Така че нека да изберем GrowBig И ще щракнем, за да започнем. Сега част от процеса на това видео е да регистрирате ново име на домейн. Ако вече имате регистрирано име на домейн, Siteground има отлична документация за това как да го насочите към вашия сайт, или всъщност да прехвърлите името на Siteground. Или единият работи много добре, и те имат добра информация как да правят и двете тук. Ще вземем нова и ще бъде coworkerpro.com. Сега този домейн струва $. годишно. И когато мислите за това като годишна цена, това наистина не е много. Нека да продължим с щракването Тук пише, поздравления, нашето име на домейн е достъпно. Сега ще създадем акаунт на Siteground. Първо въвеждаме имейл адрес, а след това и парола за Siteground. Това не е парола за името на вашия домейн или за FTP или нещо подобно, това е просто да влезете в Siteground. На следващо място, ние вкарваме малко лична информация. След това ще въведем информацията за кредитната си карта. И тук ще кажем, че адресът ни за фактуриране е същият като посочения в информацията за контакт по-горе. А сега ще прегледаме какво купуваме. Получаваме плана на GrowBig. Нашият център за данни ще бъде в Чикаго. Това е доста близо до мястото, където съм. Но имате избор, може да са други места, всичко, което трябва да направите, е да кликнете върху този бутон. Купувам -месечен план за $. на месец, така че в момента ще ми бъде таксуван $ .. Добавете към това регистрацията на домейн за $ .. Освен това, ние наистина искаме поверителност на домейна. Това не позволява на спамерите да обхождат регистъра на домейни, търсейки имейл адреси. И накрая, има скенер на сайта Siteground. Това следи вашия сайт, търсейки хакове и атаки и подобни неща. Струва си, заслужава ви една крачка пред лошите. Така че тогава моята сума ще бъде $ .. Но хубавото е, че това се плаща за цялата година, така че не е нужно да мислите за това отново в продължение на година. Потвърждаваме условията за обслужване и кликваме плащане сега. И нашата поръчка е изпратена. Можем да влезем веднага в нашата зона за клиенти. Регистрирането на имена на домейни обаче може да отнеме до часове. Така че нашето име на домейн няма да работи веднага. Сега, когато създадохме нашия акаунт на Siteground, можем да отидем до името на домейна, което създадохме, и да видим този заместител. Всички нови имена на домейни в Siteground получават подобен заместител и той ще остане там, докато не инсталираме собствен уебсайт. Така че за следващата ни стъпка, нека да продължим напред и да инсталираме WordPress. Първо, отидете на Siteground.com и влезте с акаунта, който сме създали по-рано. Сега, когато сме влезли, точно тук на главния панел, има малък сигнал, който казва, че имате нов хостинг акаунт, който все още не сте създали. И ако щракнете върху изглед, това ни дава няколко възможности. Можем да стартираме нов уебсайт, да прехвърлим уебсайт или да кажем, че нямаме нужда от помощ сега. Или бихме могли да кликнем върху тази малка стрелка и това ще се върне по-късно. Но ние ще продължим напред и ще започнем нов уебсайт. Искаме WordPress. А сега вкарваме малко информация за акаунта в WordPress. Така че това ще бъде за WordPress на нашия сайт. И ще щракнете върху потвърждение. И сега се казва, че сте поискали да инсталирате WordPress в профила си. След това трябва да потвърдим, че сме прочели и се съгласихме с условията за ползване на Siteground. Ще оставя това като упражнение за вас. И сега ще кликнем върху пълната настройка. И сега това, което прави, е да създаде база данни за нас, да инсталираме WordPress и да ги свържем, използвайки информацията, която току-що вложихме. И там сме. Можем да преминем към нашата зона за клиенти. Но сега, ако се върнем към нашата уеб страница и се презаредим, ще видите, че имаме блог. Освен това ще отбележите, че работим с HTTPS, което означава, че те създадоха SSL сертификат за нас. Ще ви покажа къде се случва това, така че да знаете как да го направите, ако някога се наложи отново. В зоната на потребителя на Siteground отиваме в моите акаунти. И тогава отидете на cPanel. Винаги искаме да имаме достъп до cPanel сигурно, така че продължете напред и изберете да го запомните. Сега има много неща на тази страница, но има и това прекрасно търсене тук. SSL сертификатът, който имаме, идва от Let’s Encrypt. Така че ще напишем L-E-T и там сме, филтрираме се веднага. И тук можете да видите нашия SSL сертификат за coworkerpro. Но Siteground го настрои за нас, така че няма нужда да се притесняваме за това. Просто исках да можете да видите къде е, защото е важно. Така че сега, влезте в WordPress и направете някаква незначителна конфигурация. Това е потребителското име и паролата, които създадох преди малко. Сега нещо друго, което Siteground направи за нас, е да инсталирате Jetpack. Ще разгледаме конфигурирането на това малко по-късно. Ще затворя лентата за добре дошли и бара Jetpack, а сега имам инсталирана много ванилна WordPress. Така че едно от първите неща, които искаме да направим, е да отидем в Settings → Permalinks и искаме име на публикация, защото това прави по-прости, по-лесни за четене URL адреси. Освен това е много по-добре за оптимизация на търсачките и това може да бъде наистина важно. Тогава ще преминем към дискусия и засега ще изключим коментарите, защото не искаме някой да се спъва на този уебсайт и да използва коментари, защото те вероятно ще бъдат спам. Ще отидем на Reading. И засега ще обезсърчим видимостта на търсачките, защото не сме готови да бъдем публични. Сега не забравяйте, след като сте свършили със сайта си и той е готов да стартира на живо, върнете се към тази страница Настройки → Четене и премахнете отметката от възпиращите търсачки да индексират този сайт. Защото тогава Google ще може да дойде да ви намери. След това искаме да изтрием съдържанието по подразбиране, което се предлага с WordPress. Има една публикация с един коментар. И ако сме изхвърлили тази публикация и изпразваме кошчето, коментарът върви заедно с нея, така че не е нужно да търсим този коментар и да го изтриваме. Но сега нека да отидем на страници, а няма страници. Така че, ако погледнем нашата начална страница, тя трябва да изглежда доста неприятно. Нищо не е намерено. Има някои неща в страничната лента, нека се погрижим за това. Просто ще изпразним това веднага и тогава ще имаме чист шисти. И ето го. Празен сайт, точно за попълване на нашето съдържание. Сега нашата страница няма да има блог на нея. Това ще бъде отделна част от сайта. Но в момента нашата начална страница е блог. Нека да променим това. Първото нещо, което ще направим, е да създадем две страници. Ще наречем този дом и просто ще го публикуваме. След това ще направим още един и нашият сайт няма да има блог, той ще има раздел за новини, така че ще наречем тази Новина. Така че сега имаме две страници, Начало и Новини. Но сега трябва да кажем на WordPress как да ги използваме. Сега отиваме в Настройки → Четене. И точно тук пише, че се показва началната ви страница и в момента това са най-новите ви публикации. Но вместо това ще изберем статична страница. И за началната страница ще изберем Начало, а за страницата с публикации ще изберем Новини и ще запазим промените. Сега, ако отидем да погледнем уеб страницата, там е нашата начална страница. И нашият сайт все още се нарича мой блог и мой блог за WordPress, но ние ще променим това само за няколко минути. Сега, когато имаме най-основните конфигурации, направени на нашия сайт, ще инсталираме няколко приставки, които ще ни помогнат да продължим напред. Първият се нарича TinyMCE Advanced. Сега TinyMCE е името на редактора, който WordPress използва. Ако някога сте правили страница или публикация, сте използвали TinyMCE. Ако редактираме тази страница, ще я видите тук. По подразбиране тя има тази една лента. Ако щракнете върху този бутон, наречен превключване на лентата с инструменти, получаваме втора лента. Но TinyMCE Advanced добавя още повече. Тук има падащ списък за различни типове заглавки и тук има навигация по менюто на всички видове други инструменти. Така че нека да инсталираме това наистина бързо. Отиваме в плъгини, добавяме нови и можем да търсим плъгини и ето го. Ще щракнете върху Инсталиране сега и ще се активира. И сега, ако се върна на страниците и редактирам вкъщи, ще видите, че имаме падащо меню за шрифтове, заглавки и бихме могли да използваме таблици и всякакви други неща. И това ще бъде полезно по-късно. Сега другият плъгин, който ще инсталираме, се нарича My Eyes Are Up Here. И това е наистина страхотен плъгин, който помага при изрязването на снимки. Обикновено, ако имате снимка, която е висока и тясна, и помолите WordPress да направи квадрат, той изрязва квадрата точно от средата. Въпреки това, с My Eyes Are Up Here, той интелигентно открива човешки лица. Като този. И след това създава правилни миниатюри. Освен това, ако няма хора, имате възможност да поставите тази розова точка където искате, и се уверете, че тази част от снимката винаги е на снимката. Така че, ако имате снимка с планини и магистрала и искате да я подрязвате, така че да виждате само планините, можете просто да изберете планинската зона, а когато WordPress се култивира, тя ще поддържа планините. Този плъгин е наистина полезен, когато правите архиви на персонала и галерии от хора, защото WordPress винаги ще получи лицето им. Така че нека да инсталираме това. Там сега е инсталиран. Сега има няколко други приставки тук, които бих искал да преодолея наистина. Здравейте Доли идва с всяка инсталация на WordPress и не ни е нужна. Така че ние просто ще се отървем от него Akismet, който ще използваме по-късно във видеото. Използва се за анти-спам. Jetpack също идва с редица инструменти и ще ги разгледаме по-късно. И тогава SG Optimizer е за ускоряване на вашия сайт на Siteground. Той има страхотен приставка за кеширане и редица други неща, които ще разгледаме по-късно. След това ще инсталираме нашата тема. Темата, която ще използваме, се нарича Hestia. И идва от Themeisle. Това е страницата за него в Themeisle.com. И той се предлага в две версии, версия за заплащане и безплатна версия. В това видео ще използваме безплатната версия. Но исках да ви покажа няколко от нещата, които може да направи. Това е Хестия, която разглеждаме. И тази начална страница е създадена без никакво кодиране. Той е напълно съвместим със създателите на страници, но няма да използваме такъв в това видео, защото няма да се нуждаем от него. Хестията е страхотна и без нея. Работи чудесно с персонализатора. И е изключително популярен. Ще го вземем от WordPress.org и ще използваме безплатната версия. Има над, инсталиране на безплатната версия. Така че ще отидем на табло, след това външен вид и след това теми. Добавяне на нова тема. И потърсете Хестия. И ето го. Щракваме да инсталираме и активираме. И там сме. Нека да посетим началната страница и да видим как изглежда. Ето заглавието на сайта И това е заглавие на страницата и бихме могли да я променим в персонализатора. Той е вграден с няколко неща, като тази област на блога, и попълнен футър с няколко снимки. Ще променим как изглежда, ще добавим меню и ще направим редица неща. Но първо, докато сме тук в областта на темите, ще изтрием всички, освен една допълнителна тема. Затова нека изтрием и И причината, поради която изтриваме някои, е, че ако има проблем със сигурността, можем да бъдем податливи на него, въпреки че не използваме темата. Сега е малко вероятно да има проблем със сигурността на тези, които не бяха коригирани бързо. Но от друга страна, ако изобщо нямаме такива, няма нужда да се притесняваме за това. Така че защо запазихме една допълнителна? Винаги искате една допълнителна тема, защото ако нещо се случи с основната ви тема, като тя бъде изтрита или повредена, вашият сайт ще се върне към второстепенната тема. Тогава ще можете да го видите и да влезете в администраторската зона. Затова нека започнем да изграждаме нашата начална страница. Първото нещо, което ще направим, е да започнете с кликването с Hestia. И това, което всъщност прави, ни отвежда на тази страница под формата. И има някаква информация как да започнете, но има две препоръчани действия. И ще направим и двете. Orbit Fox Companion е плъгин, който добавя някои функции на първа страница. Безплатна е и можем да я инсталираме тук. И там сме. Следващият се нарича Пиратски форми и това прави форма за контакт. Сега, пиратските форми не са толкова големи и сложни, колкото други форми като Gravity Forms или Ninja Forms. Но за нашите цели ще направим страхотна малка форма за контакт. Вече казахме, Hestia Pro е напълно съвместим с всички по-големи плъгини на формата. Така че, ако имате нужда от такива, със сигурност можете да ги използвате с Hestia. Под полезни приставки виждаме неща като създатели на страници и плъгини за превод. Няма да използваме нито един от тези за нашия дизайн тук. Така че следващото нещо, което искаме да направим, е да отидем на началната страница. И почти всичко останало, което правим на първа страница, ще става чрез персонализатора, който можете да намерите тук. Ще кликнете върху персонализиране. И сега можем да преминем през менюто отляво, или да кликнем върху всички малки сини моливи, за да променим нещата. Моливите правят много хубаво да намерите неща в сложното меню. Едно от първите неща, които ще направим, е да променим оформлението на сайта. В момента е кутията и има тази граница тук отдясно. Ако отидем на настройките на външния вид, по принцип можем да премахнем отметката от квадратното оформление. И сега отива на пълна ширина. Ще запазим иконите за споделяне и искаме да активираме превъртане до върха. Това поставя малко бутонче тук, за да ни помогне да се върнем обратно горе. Следващото нещо, което искаме да направим, е да променим идентичността на нашия сайт. В момента това е просто моят блог. Ще го променим на Coworker Pro. И точно така, тя е променена. И след това за маркера, който няма да виждаме в началната страница, но ще се появи тук в лентата с инструменти, ще напишем Coworking в най-добрия случай. Тогава ще щракнете върху Публикуване. Публикуването е като запазване на работата ви. Сега ще отбележите, че той не актуализира заглавната лента с това, защото персонализаторът може да презареди само началната страница. Така че нека го затворим бързо. И сега можете да видите, Коворкинг в най-доброто, точно там. И ще се върнем в персонализатора. Сега да променим нашия произход и това е този молив тук. Можем да променим изображението. И ще кача един. Всички изображения, които използвам за това видео, идват от unsplash.com, което е чудесно място за получаване на безплатни изображения. Така че ще щракна отвори. И ще извадя заглавието, защото това не е добре за читателите на екрана. Но тук ще сложа някакъв алт текст. Винаги искате да поставите alt текст върху всичките си изображения. След това щракнете върху изберете изображение. И там сме. Сега нека променим този текст. Тогава следващият ред ще бъде: Елате да работите с нас. Ето ни. Сега да променим този бутон Щракнете тук и това ни отвежда точно тук. Там сега казва, научете повече. Харесваме центрирането и за URL адреса ще го оставим сам за минута. Всъщност ще направим връзка по-късно на място, по-ниско на страницата. Но засега ще го оставим на мира. Но ние не искаме този бутон да е розов, искаме да е син. Така че аз ще се върна оттук и ще отидем на цветове и ще променим нашия акцент в този син. Можете да изберете всеки цвят, който харесвате. Току що избрах този, защото ми харесва. След това ще щракнете върху публикуване. И ще закрием това. И сега горната ни част е почти готова. Нашите шрифтове са малко прекалено смели тук. Нека да поправим това. Ще се върнем към персонализатора. Така че сега да преминем към настройките на външния вид, типографията и тогава ще избера размер на шрифта. А ето и секциите на първа страница, и тук е голямата част от заглавието. Просто ще го направим малко по-малък. Минус три, нека публикуваме. Затворете това. Ето, сега всичко е на една линия, точно както ние искаме. Преди да създадем меню, ще работим върху създаването на останалите от тези раздели. Сега, когато свършихме горната си секция, нека преминем към втория раздел. Сега създаваме сайт за място за работа, така че искаме да убедим хората, че трябва да дойдат тук. Затова нека променим тези елементи в нещата, които искаме да кажат. Ще щракнете върху персонализиране и след това ще щракнете върху този молив от заглавката. И тук можем да вмъкнем цял куп текст. По желание всеки от тези раздели може да бъде деактивиран. Бихме могли да се отървем от всичко това заедно и ще го направим по-късно с няколко от тях. Така че нека променим това заглавие Там. След това ще променим и текста под него. Животът на свободна практика има много предимства, а работата от дома във вашата пижама е един от тях. Така че защо трябва да идвате да работите с нас? Тогава тук имаме три секции и точно тук са трите административни области за тези секции. Затова нека отворим първия и иконите се контролират с шрифт. Сега една от причините да искате да работите в кокинг офис са хората. Така че нека кликнем тук и да намерим хора. Или едно от тях би работило. Нека изберем този И ще го оставим този червен цвят, но ще променим това, за да бъдем хора. И ще променим този текст, за да кажем, хората, които работят тук, са умни, полезни и грижовни. Ние си помагаме взаимно да решаваме проблеми и да се справяме с мърморещи клиенти. И бихме могли да направим тази връзка някъде, но не ставаме, просто ще я оставим на мира. Така че ще я затворим и ще отворим следващата. Друга причина, поради която бихте искали да работите в колегинг офис, е оборудването. Не искате факс машина у дома, кой прави? Но някой ден ще ти трябва такъв. Така че нека да променим това в кутия с инструменти. Нарича се куфарче, но изглежда като кутия с инструменти. И това е достатъчно за мен. Ще го оставим син и ще напишем оборудване тук. И ще добавим нов текст. Имаме факс машина и хубав лазерен принтер и конферентна зала с конферентен телефон. Неща, които най-вероятно нямате или искате у дома. И отново, ще оставим този без връзка. И третата функция ще остане подкрепа. Освен, че не е техническа поддръжка. Ние не говорим за техническа поддръжка, а за емоционална подкрепа. Хората се нуждаят от хора около тях, за да останат здрави. Всички сме здрави. През повечето време. Сега искам да отбележа, че тук има бутон за поле за изтриване на всяко от тях, така че можете да направите две или само един, ако желаете. Има и нова функция, така че можете да добавите четвърта, пета, шеста и т.н. Така че сега, щракнете върху публикуване. И ще закрием това. И там го имаме, защо трябва да идвате да работите с нас. Малки ефекти върху всяка от иконите и текстът изглежда красив. Сега преди да започнем следващия раздел на страницата, бих искал да настроя шрифта по подразбиране за целия сайт. И това е съвсем просто. Ще отидем да персонализираме, настройките на външния вид, типографията. И ще избирам каюта. И тук ще избера същото. И сега всичко използва кабина. Разликата е фина, но я има. Следващият раздел, над който ще работим, е разделът „about“ и това е малкото плъзгане тук. Сега този раздел всъщност дърпа съдържанието си от началната страница, страницата в WordPress, наречена home. Така че ще отидем на таблото за управление и ще издърпаме тази страница. И в момента е празно. Сега, както забелязахте, заглавието на страницата не се използва навсякъде тук, така че всъщност няма значение какво е. Така че нека да сложим малко текст тук. И сега искам да го направя с размер на заглавието един и да го центрирам. Тогава нека да сложим малко текст под него. Искаме текст, който ще накара хората да се чувстват така, сякаш искат да дойдат, да са част от нашата общност. Така че ние ще поставим този текст. Всеки петък правим групов обяд, а различни хора участват в готвенето в нашата кухня на място. Ние се храним заедно като плътно сплетена група приятели, които се изграждат взаимно и си помагат да се развиват. Сега, нека да направим това малко по-голямо. И го центрирайте. Сега ще отбележите, че размерите на шрифта ни са в точки, вместо в пиксели. Всъщност искаме пиксели. Така че ще отидем в настройките и ще отворим настройките за TinyMCE Advanced в нов раздел. И тогава точно тук, ще щракаме размерите на шрифта и ще използваме px. Така че сега кликваме запазване на промените. И ще актуализирам това, което ще опресни страницата. И сега можем да откроим целия този текст и да изберем px. И точно това искаме точно там. Затова сега нека кликнете върху актуализацията и ще разгледаме страницата. Това е доста гладко, но искаме малко повече текст под това. Така че нека се върнем към нашия редактор и аз искам доста място, така че просто ще направя това и го поставете тук. И сега, ще направим това също px. И също така центрирано и все още няма да правим връзка, защото страницата, на която ще отиде, не съществува. Но все пак искаме малко повече подплънки под него. Така че сега щракнете върху актуализация. И там отиваме. Но искам да е малко по-голям. Така че, нека просто направим това H. Е, нека да изчистим форматирането и да започнем отначало. И така, сега е H тройка и ще го центрираме отново. И щраквам върху актуализация. Затова сега нека да презаредим Ето. И по-късно, след като създадем още няколко подстраници, ще се върнем и ще направим това линк към страницата около. Това е нашия раздел. Всяка общност и съвместен сайт иска да покаже част от своите членове. Може да помогне на хората да се чувстват добре дошли. Така че ние ще променим тази страница на персонала в страница с членове. И ние ще го направим, като щракнете върху персонализирате, след това ще превъртите обратно надолу към този раздел и ще кликнете върху нашия екип. И сега ние редактираме този раздел. Нека го променим, за да се срещнем с някои от нас. И тогава ще поставим в друг подзаглавие. Нашите членове са разнообразна група от разработчици, дизайнери, ръководители на проекти и много други сделки. Нашият списък с членове е около% жени и ние имаме широк кръг от етноси. Така че тук имаме четири по подразбиране и точно тук можете да видите четирите секции. Има връзка за добавяне на нов член на екипа. Така че нека отворим първата. Нека променим името на Тина. И подзаглавието ще бъде дизайнерски наклонен художник и ще променим и нейната снимка. И ние премахваме заглавието и винаги поставяме alt текст на всички изображения, които качвате. И си спомняте, че инсталирахме My Eyes Are Up Here? Има двете различни визуализации, които направи. В този конкретен случай лицето й вече беше в центъра, така че всъщност нямаше значение. Но това ще има значение за други изображения, които качваме. Не е необходимо да избираме подравняване или размер или нещо друго, защото темата избира това за нас. Така че ще щракнем вмъкване в публикация и там е Тина. Нека да добавим по-добро описание за Тина. Сега ще отбележите, че това е текстова област, така че можете да вземете това малко нещо тук и да го плъзнете надолу, ако трябва. Тина прекарва дните си, създавайки цифрови произведения на изкуството. Изкуството й е изложено в Карнеги Хол и Лондонския музей на изкуствата. Бих искал да отбележа, че всички, които ще поставя тук, са съставени. И отново заявявам, че всичките ми образи идват от Unsplash. Сега бихме могли да направим връзка, ако Тина има собствена страница, но тя не го прави и затова ще оставим връзката празна. И тогава ще изберем нейните социални мрежи. Можем да избираме от икона и след това да поставим URL адрес. И ще ги оставя по подразбиране, защото Тина наистина няма социални мрежи, защото я измислих. Но ако искате да се отървете от един, можете да щракнете върху иконата за премахване и сега LinkedIn няма от Tina. Ако искате да добавите нещо друго, можете да щракнете върху икона за добавяне и да намерите друга социална мрежа. Това е Тина Ще ви покажа още един. И тогава, чрез магията на редактирането, направете другите две за вас, защото те ще бъдат направени точно така. Следващите ни хора всъщност ще бъдат компания от три сестри. И тук отново можем да изберем това, което искаме да бъде фокусът на изображението. Ще щракнем вмъкване в публикация и там са нашите три сестри. Те са маркетингова фирма. И сега се казва, че Хуанита, Жулиета и Жаклин са три сестри, които започнаха собствена маркетингова фирма. Те работят предимно с млади художници и музиканти от вътрешния град. Сега ще отбележите, че всички тези други изображения са квадратни, но това не е, това е малко по-кратко. Това е добре. Те обаче са еднакви по ширина и темата ни ще го ограничи. Всички те трябва да са една и съща ширина, но биха могли да бъдат малко по-високи или по-къси. И така, сега ще направя следващите две. Сега имам раздел, показващ някои от нашите членове на общността. Както можете да видите, лесно е да добавяте повече и всеки от тях е доста гъвкав. Затова сега кликнете върху публикуването и затворете персонализатора и се уверете, че той изглежда добре на пълна ширина. Със сигурност го прави. Така че сега, когато приключихме с този раздел, можем да преминем към следващия. Всеки път, когато продавате продукт, хората ще искат да видят препоръки. Те искат да чуят от хората, които са направили покупката, и да видят какво мислят. Следователно следващият ни раздел ще бъде раздел за препоръки. И по подразбиране се нарича, какво казват клиентите, но ние ще променим нашите. Ще започнем с кликване върху персонализиране и ще превъртите обратно надолу. И ще кликнем тук, какво казват клиентите. Подобно на всички останали секции, бихте могли да деактивирате. И по подразбиране има три препоръки, но бихте могли да добавите още. Така че нека променим нашето от това, което клиентите казват на това, което казват членовете. И тогава, за подзаглавията на нашите секции, рядко се налага да пускаме на пазара, тъй като нашите членове са склонни да кажат на всички, че знаят какво е страхотно място да работи. Затова сега нека вземем собствени отзиви Отивате да превключвате изображения. И ще отбележите, че автоматично го поставя в кръг за нас. Първоначалното ни изображение беше квадрат. Избрах да запазя първото име и дори подзаглавието, тъй като пасва. Но ще добавим собствен текст. Обичам, че получавам уважение от хората около мен. Да си жена в бизнеса често означава да се занимаваш с хора, които не мислят, че трябва да съм тук. Но в Coworker Pro се включвам. И след това отново може да има връзка, но ние не се свързваме никъде, така че можем да я оставим празна. Нека да направим следващия ни човек. Ето, сега избрахме Хансън. И ние ще вмъкнем неговото име. И вмъкнете в пост. И отново, ще използваме само имена и вместо да го накараме да бъде независим художник, ще го наречем чертожен инженер. И тогава ще вложим собствен текст. Атмосферата на младостта и вълнението в това пространство е опияняваща. Тези хора променят света и аз трябва да бъда там, за да видя това да се случи. И тогава ще променим третия. Ще променим изображението. Разгледайте тук. Ще вложим в нашия alt текст. И вмъкнете в пост. Ще оставим Наталия като свободна практика. Премахваме фамилното име и вкарваме в нашия собствен текст. Петъчните обеди с групата са най-добрите. Обичам груповото готвене и усещането за семейство, което идва от всички около масата. И това е всичко, сега имаме зона за отзиви. Ще публикуваме, затваряме персонализатора. И след това превъртете надолу, за да видите как изглежда на широкия екран. И изглежда страхотно. Има още един раздел, който трябва да направим, и това е подножието. Но първо, ще отбележа, че тъй като не искаме блог на тази страница, можем да отидем до персонализатора и ще стигнем чак до зоната на блога и ще щракнем върху малко око тук. И сега го няма. И сега имаме този футър, който се подготвя предимно за нас. Но нека публикуваме И затворете това и вижте как изглежда. Излиза направо от отзиви до футера. Редактирането на долния колонтитул в Hestia е малко по-различно от останалите раздели. Той все още използва персонализатора, но има някои различни джаджи. Нека да разгледаме Щракнете да персонализирате, тогава ще стигнем до дъното. И има само една връзка за редактиране на цялото подножие. Така че нека го кликнем Тук можете да промените фоновото изображение, както всички други изображения, които сме променили. Ще оставя този, защото харесвам градския пейзаж, но можете да поставите на заден план всичко, което пожелаете. Има заглавие, свържете се, ние ще го оставим, защото това се вписва. Но след това подзаглавието, ние ще добавим, че на рецепцията присъства от: a.m. до: p.m. Източно стандартно време. Тогава тук имаме заглавие на формуляр и това е точно тук. 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 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.

Вижте още видеоклипове …

Какво да добавя?

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