Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress Themes
Webdesign

Як Стварыць Сучасны Сайт на WordPress выкарыстоўваючы лаканічнасць WordPress Тэму

by
Difficulty:BeginnerLength:LongLanguages:

Belarusian (беларуская мова) translation by Alex Grigorovich (you can also view the original English article)

У нашы дні стварэнне сайта стала прасцей, чым калі б там ні было, благодоря WordPress. На WordPress не толькі лёгка навучыцца працаваць, але гэта выдатная платформа для стварэння сайта любога тыпу.

Благодоря множесту розных тым, вы можаце запусціць свой сайт на працягу пары гадзін, у незалежнасці ад таго, ці вы хочаце запусціць свой бізнэс сайт ці сайт - партфоліо, або хочаце пачаць всети персанальны блог.

Калі вы хочаце созадать сучасны і якасны сайт, WordPress дапаможам вам справіцца з гэтай задачай. Простыя і Якасныя тэмы - гэта добры выбар для любога бізнес праекта, таму чтоо пры сваім простым дызайне, яны добра прыцягваюць увагу да галоўнага змесціва.  Ён дапамагаюць наведвальніку вашага сайта состредоточиться на вашых прадуктах і паслугах, і дапамогуць ператварыць вашых наведвальнікаў у вашых кліентаў.

Modern homepage designs in Clean WordPress theme
Опцыі Хатняй Старонкі ў сучасным стылі для тэмы Clean Roneous WordPress.

Іншая перавага мінімалістычны WordPress тым у тым, што просты дызайн памяншае час загрузкі, а значыць вашым наведвальнікам не прыйдзецца чакаць гадамі, пакуль загрузіцца старонка сайта.

І нарэшце, акуратная WP тэма дапаможа бізнэсу здабыцьбольш кліентаў, а так жа блогерам пашырыць спіс падпісчыкаў. Адкрыйце длясябе лепшыя тэмы знаходзяцца ў трэндзе з акуратным і лаканічным дызайнам:

У гэтым уроку, мы пройдземся па асноўных характарыстыках,якімі павінен валодаць сучасны сайт выкарыстоўвае акуратную і лаканічную WordPress тэму. Пачнем!

Як Стварыць Сучасны Вэб-Сайт Выкарыстоўвалага акуратна і лаканічнасць WordPress Тэму

Стварэнне ўласнага вэб-сайта можа здацца складанайзадачай, але як толькі ў вас будзе выразны план, вы можаце хутка запусціць свойсайт. Перш чым перайсці да налады тэмы, давайце разбярэмся з тым, што вамтрэба.

Што Вам Трэба Каб Пачаць

 Ёсць некалькі важных кампанентаў якія вам патрэбныя, каб запусціць сучасны вэб-сайт, і гэта:

1. Ваша Унікальнае Даменнае Імя

Перш за ўсё трэба купіць даменнае імя для вашага новагасайта. Калі вы ствараеце сайт для свайго бізнесу, то відавочна, для даменнагаімя вам варта выкарыстоўваць назву вашага бізнесу або назва кампаніі.  А калі ў ствараеце персноальный аўтарскі блог, у можаце выкарыстоўваць даменнае імя, якое неяк суадносіцца з тэмай вашага блога, або можаце выкарыстоўваць сваё імя ў якасці даменнага. Пераканайцеся гэтак жа, што вы выбралі лепшае пашырэнне для вашага даменнага імя.

Ваша ўласнае імя, у якасці даменнага, гэтак жа добра выкарыстоўваць калі вы вядзеце бізнес ад свайго імя, ці ствараеце персанальны сайт-рэзюмэ. У незалежнасці ад выбару, гэта павінна быць імя, якое лёгка вымаўляецца і якое лёгка запомніць.

2. Хостынг з WordPress Падтрымкай

З назвай дамену разабраліся, цяпер пара выбраць хостынг-правайдэра. Калі ў афармлялі куплю даменнага імя, праз такую ​​кампанію як BlueHost, SiteGround ці нешта падобнае, вы маглі так жа выбраць ў іх тарыф на хостынг.  Шэраг тым WordPress на ThemeForest гэтак жа маюць у якасці опцыі магчымасць размяшчэння на Envato Hosted service.

Envato Hosted - Premium WordPress Hosting
Envato Hosted - Прэміум Хостынг для WordPress.

Большасць салідных хостынгавых кампаній, прадастаўляюцьмагчымасць аформіць даменнае імя бясплатна, калі скарыстаецеся адным з іхтарыфных планаў. Калі вы куплялі даменнае імя асобна дзесьці яшчэ, топравядзіце параўнальнае даследаванне, датычна кампаній, якія прадстаўляюцьпаслугі хостынгу, прачытайце незалежныя водгукі пользоватлей.

3. Прэміум WordPress Тэма з лаканічным дызайнам

Вам так жа спатрэбіцца прафесійна выкананая, акуратная і лаканічная WordPress тэма, каб стварыць сайт. Хоць ёсць бясплатныя WordPress тэмы, якія вы можаце знайсці ў сеткі, опцыі платнай тым дазваляюць вам атрымліваць кліенцкую падтрымку ад распрацоўніка. Вы гэтак жа можаце быць упэўнены, што ваша тэма будзе атрымліваць рэгулярныя абнаўлення, а гэтак жа вы можаце звязацца з распрацоўшчыкам, калі вам спатрэбіцца нейкая дапамога ў працы з вашай тэмай.

Для гэтага ўроку, я выкарыстоўвала папулярную тэму Roneous WordPress, якая можа выкарыстоўвацца ў шэрагуабласцей.  Тэма ідзе з выдатным дызайнам, мае 25 варыянтаў хатняй старонкі. Гэтак жа ў яе ўключаны шэраг папулярных убудоў, так што вам не прыйдзецца разбірацца з кодам для падтрымання працаздольнасці вашага сайта.

Clean modern Roneous WordPress theme
Roneous WordPress з сучасным дизайном. Clean modern Roneous WordPress theme

4. Кантэнт і Выявы

Апошняе, што ам трэба зрабіць, гэта сабраць разам на вашым сайце, змесціва і малюнкі. Рэкамендую выкарыстоўваць вам карцінкі высокай якасці, такія як, прафесійныя фатаграфіі з Envato Elements.  Такія выявы будуць выдатны візуальным суправаджэннем для вашай гісторыі, дапамогуць вам усталяваць сувязь з вашай аўдыторыяй.

Калі казаць пра кантэнце, падумайце аб тым, як вы хочаце, каб выглядаюць вашыя старонкі. Гэтак жа напішыце пару пастоў у блог для пачатку, каб вашы посетели ведалі аб вашым бізнэсе і пра тое, што вы прапануеце.  Акрамя, таго вы можаце дадаць парачку водгукаў ад вашых кліентаў, асаблівае калі вы робіце сайт для свайго бізнесу.

Прыступаючы да працы

Зараз, калі вы ўсё падрыхтавалі, пара пачынаць стварэнне сайта. Для гэтага, вам трэба будзе ўсталяваць WordPress і затым ўсталяваць тэму і ўбудовы. Пасля таго, як вы ўсё ўсталюеце, мы пройдземся па кроках, якія дапамогуць вам наладзіць вашу тэму:

1. Усталёўка WordPress

Каб усталяваць WordPress вам трэба ўвайсці ў вашу панэль кіравання на сайце хостынг-правайдэра. Выкарыстоўвайце імя і пароль, якія вы знойдзеце, хутчэй, у приветсвенном лісце і вынікайце па спасылцы, якая прывядзе вас на старонку ўваходу ў панэль упрвления. Калі ласка, увядзіце ваш лагін і пароль (дзеянні вядома могуць адрознівацца ў залежнасці ад вашага хостынг-правайдэра).

У панэлі кіравання, пракруціць ўніз да падзелу з назвамі Website Installers, Fantastico Installer або Softaculous Installer (ці гэта можа быць Усталёўка Сістэм Упраўлення).  Знайдзіце абразок WordPress і пстрыкніце кнопку Усталяваць (Install). На наступным старонцы вас папросяць ўвесці імя і пароль і выбраць даменнае імя па якім будзе адкрывацца ваш сайт.

Рэкамендуецца выбіраць надзейны пароль які змяшчае сімвалы ў верхнім і ніжнім рэгістрах, а так жа колькасці і спецыяльныя сімвалы. Запішыце дзе-небудзь ваша імя і пароль, каб вы без працы маглі пазней зайсці на ваш WordPress сайт.

Пасля таго, як вы ўведзяце ўсе элементы, націсніце яшчэ раз кнопку Устанавіць, каб завяршыць працэс інсталяцыі. Калі працэс ўстаноўкі завершыцца, вы ўбачыце паведамленне-апавяшчэнне са спасылкай на панэль кіравання сайтам WordPress. Пстрыкніце па спасылцы, увядзіце імя і пароль, які вы выбралі ў працэсе ўстаноўкі.

2. Усталяванне Вашай WordPress тэмы

Пасля таго, як вы зойдзеце ў панэль кіравання WordPress, пстрыкніце па ўкладцы Appearance> Themes> Add New. А на наступным экране, выберыце Upload Theme.

Пстрыкніце па кнопцы, каб выбраць архіў .zip з файламі вашай тэмы, і націсніце Upload. Пасля таго як тэма ўсталюецца, націсніце Activate.

3. Инсталируйте і Актывуйце Неабходныя Убудовы

Пасля таго, як вы ўсталюеце сваю сучасную WordPress тэму, вы ўбачыце паведамленне ў панэлі кіравання, што для тэмы патрабуюцца дадатковыя ўбудовы. Вы можаце пстрыкнуць па спасылцы Being Installing Plugins, што б ўсталяваць неабходныя ўбудовы.  Проста абярыце ўсе убудовы і затым націсніце Install ў выпадальным ўніз меню. Убудовы будуць устаноўлены і актываваныя, а вы можаце перайсці да наступнага кроку - наладзе вашага сайта.

required plugins
Усталюйце ўсе неабходныя ўбудовы WordPress.

Як Хутка Стварыць Ваш Сайт на WordPress

Усталяваўшы якасна зробленую WordPress тэму і ўбудовы, двайте наладзім старонкі і пяройдзем да налад тэмы. Так вы зразумееце дзе размешчаны раличные ўстаноўкі і як наладзіць колеру, шрыфты і макеты для вашага новага сайта.

Як Стварыць Вашу Хатнюю Старонку

Першы крок - гэта стварыць хатнюю старонку для вашага сайта. Каб зрабіць гэта зайдзіце ў Pages> Add New (Старонкі - Дадаць Новую) і назавіце яе Home. Як вы можаце бачыць на малюнку, у вас ёсць дполнительная кнопка, якая дазваляе вам выкарыстоўваць Візуальны Кноструктор Сайта.

Тут вы можаце выбраць, як кнопку Backend Editor, так і FrontEnd Editor.

Adding a homepage
Стварыце хатнюю старонку для вашага сайта на WordPress.

Рэдактар ​​бэкэндам дазволіць вам ўставіць элементы, тэкставыя блокі або выбраць шаблон.

Visual Composer elements
Элементы Графічнага канструктара

Калі вы аддаеце перавагу рабіць усё "ручкамі", пачніце з дадання колькасці радкоў і слупкоў. А пасля таго, як вы вызначыцеся са структурай для часткі, вы можаце пачаць размяшчаць элементы, такія як малюнкі, тэкст, блокі і іншыя.

Backend editor
Выгляд бэкенд рэдактара.

Іншая опцыя, якая можа паскорыць вашу працу - нарыхтоўкі шаблонаў. У большасці выпадкаў, у дакументацыі да вашай тэме, будзе інструкцыя, як можна імпартаваць дэма кантэнт і шаблоны.  Для тэмы Roneous, усё, што вам трэба - гэта ўставіць змесціва тэкставага файла ў тэкставы рэдактар. У гэтым прыкладзе, я імпартавала змесціва шаблону Business Agency.

Modern WordPress website theme demo homepage
Дэма хатняй старонкі для WordPress тэмы Roneous.

Апошняя частка стварэння хатняй старонкі заключаецца ў выдаленні хедэры і назвы старонак, каб наша старонка выглядала як і дэманстрацыйная.  Каб зрабіць гэта, на рэдактары старонак, пракруціць ўніз да падзелу Page Settings. Тут абярыце No header пад Header layout і No Title пад Page Title Layout:

PPage Settings of your WordPress theme
Наладкі старонкі для вашай WordPress тэмы.

Калі вы скончыце са сваёй старонкай, націсніце Publish. Затым зайдзіце ў Settings> Reading і пад Front page displays выберыце вашу наваствораных хатнюю старонку. Націсніце Save Changes.

Reading Settings
Ўстаноўкі для Чытанні на вашым WordPress сайце.

Як Стварыць Пост для Блога

Падобным чынам, мы збіраемся стварыць старонку для блога. Зайдзіце ў Pages> Add New і на гэты раз назавіце старонку Blog. Для старонкі блога, вам не трэба ўводзіць нейкі змест, так як на ёй будуць адлюстроўвацца вашы новыя блог пасты.  Націсніце Publish каб стварыць вашу старонку, а затым вярніцеся ў налады Settings> Reading і абярыце толькі што створаную вамі старонку як старонку для пастоў (Posts Page). Захавайце змены - Save Changes

Вы можаце паўтараць гэты працэс столькі, колькі вам трэба, каб стварыць астатнія старонкі на вашым сайце.

Як Імпартаваць Дэма Версію

Калі вы жадаеце імпартаваць дэма версію, зайдзіце ў Tools> Import і абярыце WordPress Importer. Ўсталюеце гэты убудова, актывуйце яго, і затым запусціце Яго.  Загрузіце .xml файл, які ідзе разам з вашай WordPress тэмай і пстрыкніце па Upload file and import.

На іншай старонцы вы можаце прызначыць пасты для сябе і адзначыць чекбокс Download file attachments. Пстрыкніце па кнопцы Submit і дэма сайт будзе імпартаваны.

Настройка Параметраў для Вашай WordPress Тэмы

Цяпер калі ў вас ёсць аснова, вы можаце наладзіць сайт у адпаведнасці з кветкамі вашага брэнда, можаце наладзіць шрыфты і іншае. Некаторыя Сучасныя WordPress тэмы ідуць са спецыяльнай панэллю Опцый, а іншыя могуць выкарыстоўваць стандартны WordPress Live Customizer.  У нашым выпадку, каб змяніць налады, зайдзіце ў Appearance> Customize. На гэтым экране, вы можаце змяняць колеру, шрыфты, загрузіць лагатып, выбраць макет для футера, і яшчэ шмат чаго.

Theme customizer
Наладчык Тым ў Wordpress.

Каб змяніць любы макет, усё што вам трэба зрабіць - гэта пстрыкнуць па Edit With Visual Composer. І вы зможаце рэдагаваць налады для элементаў, якія ўжо ёсць, змяняць калонкі макета, замяняць элементы, на тыя якія больш падыходзяць вашаму сайту.

Што Робіць Вэб-Сайт Сучасным

Сайты з акуратным і мінімалістычны дызайнам вельмі папулярныя ў нашы дні, з імі вы арганічна ўпішамся ў цяперашнюю онлайн кан'юктуру. Вось некалькі саветаў, якія дапамогуць вытрымаць дызайн вашага сайта ў адпаведнасці з трэндамі:

1. Шмат Пустога Прасторы

Пустое прастору дазваляе вам лепш звярнуць увагу на сам кантэнт. Гэта прастора паміж рознымі элементамі на старонцы, такімі як малюнак і тэкст, але яно не абавязкова павінна быць пустым і белым.  Пры правільным выкарыстанні, яно надасць вашаму сайту сучасны і лаканічны стыль, так што пераканайцеся, што элементы на вашым сайце "ня ціснуць" адзін да аднаго. У такім выпадку ваш кантэнт і заклікі да дейтсвию будуць добра прыкметныя.

2. Вялікія Выявы

Малюнкі не толькі дапамагаюць звярнуць увагу вашай аўдыторыі на змесціва старонкі, ён яны так жа заполнятю прастору, ствараюць прывабныя каляровыя рашэнні. Вы можаце іх выкарыстаць у шапцы сайта, як фон, або стварыць галерэю для партфоліо вашых работ, і прадуктаў, якія вы прапануеце.

Вы можаце стаць уладальнікамі неабмежаванага колькасці сцёкавых фотаздымкаў на Envato Elements, а так жа вэб-шаблонаў, графікі і шмат чаго іншага:

3. Масіўная тыпаграфікі

Выкарыстоўвайце масіўныя і вялікія шрыфты для назваў і загалоўкаў, каб прыцягнуць увагу да розных раздзелах вашага сайта. Добрая камбінацыя шрыфтоў розных памераў, можа нават дапамагчы вам, выбудаваць візуальную іерархію.

4. Мінімальна Колькасць Навігацыі

Каб ваш сайт быў лаканічным на колькі магчыма, пакіньце толькі самыя важныя элементы для навігацыі па старонках. Тады вашым наведвальніка будзе лягчэй перамяшчацца па вашаму сайту, а вы заўсёды можаце дадаць выпадальнае меню, калі вы хочаце прапанаваць наведвальнікам яшчэ нейкія старонкі.

5. "Масіўныя" Колеры

І нарэшце, колеру, дапамогуць вам выбудаваць зоны прыцягнення ўвагі, вылучыць раздзелы. Іх можна гэтак жа выкарыстоўваць для вылучэння элементаў, якія заклікаюць да дзеяння, і зрабіць іх больш прыкметнымі на любы з вашых старонак.

Стварыце Ваш Сайт У Сучасным Стылі Выкарыстоўваючы Тэму для WordPress

Зрабіць сучасны сайт лёгка, калі вы ведаеце, што зробіць ваш сайт сучасным і ў вас ёсць патрэбныя інструменты для працы. Выкарыстоўвайце саветы гэтага ўроку і паглядзіце нашу калекцыю Сучасных Тым для WordPress сайтаў, каб хутка запусціць сайт, які адпавядае духу часу.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.