Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. WordPress
Webdesign

Як зрабіць просты одностраничный сайт: тэма Parallax WordPress

by
Length:LongLanguages:

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

Просты одностраничный вэб-сайт - выдатны спосаб прадставіць сваю кампанію ў Інтэрнэце. Вы дзеліцеся важнай інфармацыяй аб вашым бізнэсе, а наведвальнікі бачаць яе ўсю разам.

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

Навошта рабіць одностраничный сайт (з эфектам Parallax)

Гэты тып вэб-сайта з'яўляецца выдатным выбарам для любога ўладальніка бізнесу, у якога не так шмат часу на яго абслугоўванне або на любы бізнес, які толькі пачынаецца. Занятыя фрылансеры або дызайнерскія агенцтва таксама могуць атрымаць выгаду з дэманстрацыі сваёй кампаніі праз one page сайт.

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

Як заўсёды з WordPress, недахопу ў one page themes з прыгожымі эфектамі паралакс няма.  У разнастайнасці карпаратыўных тым і партфоліо можна знайсці тэму, якая адпавядае вашай галіны і характару вашага бізнесу. Тут прадстаўлены больш папулярныя тэмы WP:

Як выкарыстоўваць одностраничную тэму Parallax для стварэння сайта

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

Што спатрэбіцца для пачатку

Давайце разгледзім, як зрабіць one page сайт. Перш, чым ствараць сайт, вам трэба сёе-тое зрабіць. Акрамя тэмы, якую вы будзеце выкарыстоўваць, неабходна набыць даменнае імя і хостынг.  Пошук добрага набору малюнкаў, каб выкарыстоўваць эфект parallax, рэкамендуецца ў поўнай меры. Такім чынам, пачнем:

1. Набудзьце даменнае імя

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

2. Выберыце якасны план хостынгу

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

3. Вазьміце лепшую тэму One Page WordPress

Для WordPress даступныя як бясплатныя, так і premium тэмы, але часта рэкамендуецца выбіраць premium тэму, premium WordPress theme падтрымліваецца распрацоўшчыкам, таму яна заўсёды будзе абнаўляцца ў лепшым выглядзе.

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

У гэтым уроку я выкарыстоўваю магутную тэму The Ark з ThemeForest. Гэтая one-page тэма ўтрымлівае некалькі узораў макетаў:

The Ark WordPress theme with multiple layout options ready to use quickly
The Ark WordPress theme з разнастайнымі наладамі, гатовая да працы.

Галоўнае, яна цалкам спагадная, таму ваш сайт будзе выдатна адлюстроўвацца на розных экранах. Ёсць кампаноўнік старонак, які створыць цалкам унікальны макет one page сайта з нуля ці дадасць раздзелы на ваш сайт па меркаванні.

The Ark WordPress theme
Тэма Ark WordPress дазваляе хутка стварыць сайт на адной старонцы.

Праглядзіце one page тэмы, каб знайсці тую, якая вам падабаецца. Калі знойдзеце, купіце яе і загрузіце файлы тэмы на свой кампутар.

The Ark one page WordPress theme comes with several demos
The Ark WordPress тэма з прыкладамі макета.

4. Падбярыце змесціва і малюнкі

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

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

Пачнем

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

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

Ваша hosting кампанія адправіць вам прывітальнае ліст з усёй неабходнай інфармацыяй аб вашым плане хостынгу. Адкрыйце ліст і запішыце імя карыстальніка і пароль для вашай cPanel.  Націсніце спасылку, якая адразу прывядзе вас на старонку ўваходу cPanel. Увядзіце прадастаўленае імя карыстальніка і пароль і вы будзеце гатовыя ўсталяваць WordPress.

  1. У cPanel знайдзіце усталёўшчыкаў вэб-сайтаў або ўсталёўшчыка Fantastico або Softaculous. Націсніце на значок WordPress і на кнопку Install.  Вам будзе прапанавана паказаць імя карыстальніка і пароль і выбраць дамен для ўстаноўкі WordPress.
  2. Выберыце імя й надзейны пароль, які змяшчае як вялікія, так і малыя літары, а таксама лічбы і адмысловы знак. Запішыце імя карыстальніка і пароль у бяспечным месцы.
  3. Усталюйце і актывуйце неабходныя ўбудовы.

Пасля актывацыі тэмы WordPress вы атрымаеце апавяшчэнне аб неабходнасці ўстаноўкі дадатковых убудоў. Каб усталяваць іх, націсніце Begin Installing Plugins, абярыце ўсе убудовы і націсніце Install ў расчыняецца меню.

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

Зараз, калі вы ўвайшлі ў свой вэб-сайт WordPress, абярыце Appearance> Themes> Add new. На загружаным экране абярыце Upload Theme.

Installing your WordPress theme
Хуткая ўстаноўка тэмы WordPress.

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

3. Усталюйце і актывуйце неабходныя ўбудовы.

Пасля актывацыі тэмы WordPress вы атрымаеце апавяшчэнне аб неабходнасці ўстаноўкі дадатковых убудоў. Каб усталяваць іх, націсніце Begin Installing Plugins, абярыце ўсе убудовы і націсніце Install ў расчыняецца меню.

WordPress Plugins to Install
WordPress убудовы для ўстаноўкі.

Пасля гэтага перайдзіце ў Plugins> Installed Plugins і абярыце ўсе убудовы, якія вы толькі што ўсталявалі, і абярыце Activate.

Activate your WordPress Plugins
Актывацыя убудоў WordPress.

Як наладзіць одностраничный WordPress сайт

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

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

Як толькі абраная дэмаверсія ўстаноўлена, вы можаце пачаць наладу тэмы і замену інфармацыі.

Спачатку націсніце Settings> Reading> Front Page Displays a Static Page і абярыце адзін з макетаў старонкі ў якасці галоўнай. Затым выберыце патрэбны макет для старонкі тэкстаў і націсніце Save Settings.

Каб замяніць кантэнт, перайдзіце ў Pages> All Pages, абярыце хатнюю старонку і націсніце Edit.

Каб наладзіць выявы ў загалоўку, пстрыкніце значок Edit падзелу, які вы хочаце наладзіць, а затым выберыце Box Model.  Пракруціць старонку да раздзела Image або Parallax і заменіце малюнак сваім. Не забудзьцеся выкарыстоўваць малюнкі, якія не адцягваюць ад тэксту аб вашай кампаніі.

Add your companys messaging
Даданне паведамленняў у WordPress.

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

Каб адрэдагаваць змесціва, пстрыкніце раздзел, які змяшчае тэкст, і ўвядзіце сваю копію ў Visual Editor. Паспрабуйце гэты працэс для кожнага раздзела, які мае патрэбу ў рэдагаванні.  Калі рэдагуеце раздзелы, перайдзіце на ўкладку element.style і ўвядзіце ID маленькімі літарамі ў ID field. Гэта дапаможа вам хутка наладзіць меню навігацыі.

Adding ID attributes to your WordPress theme
Устаўка атрыбутаў ID ў тэму WordPress.
Акрамя таго, вы можаце дадаткова наладзіць макет або стварыць яго з нуля, перайшоўшы ў Ark> Sitemap.

Падменю Ark мае опцыі для налады headers, footers, sidebars і больш.

Кантэнт замянілі, давайце наладзім меню навігацыі. Перайдзіце ў раздзел Appearance> Menus і абярыце One Page Navigation ў расчыняецца меню. Усталюеце сцяжок побач з Main Navigation ў раздзеле Display Location і націсніце Save.

Adding a menu to your one page WordPress theme setup
Даданне меню на вашу тэму WordPress.

Націсніце Custom URL і ўвядзіце ID ўсіх частак, якія вы назвалі ў працэсе рэдагавання кантэнту ў поле URL. Націсніце Update Menu і ваша рух настроена.

Заключны крок - наладзіць тэму WordPress ў адпаведнасці з вашым брэндынгам. На панэлі інструментаў націсніце Ark> Theme Options.  На гэтай старонцы вы можаце змяніць загалоўкі сайта, наладзіць колеру, дадаць карыстацкія шрыфты ці выбраць шрыфты Google.

Work with the WordPress theme Options panel
Праца ў панэлі Options тэмы WordPress.

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

Як дадаць раздзелы на сайт з адной старонкі

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

Add sections to your one page website in your WordPress theme
Хуткае даданне раздзелаў сайта на тэме WordPress.

Вы можаце стварыць зусім новы макет, націснуўшы Pages> Add New> Use Fresh Builder і дадаўшы раздзелы ў выглядзе элементаў так, як вы хочаце іх бачыць.  Можна стварыць новы макет, перайшоўшы ў Ark> Sitemap> Default Page і націснуўшы на значок «+» унізе. Дайце вашаму шаблоне імя, націсніце Save, а затым дадайце патрэбныя вам раздзелы і элементы.

Adding a new page layout to your WordPress theme setup
Дадаць новую макета старонкі тэмы WordPress.

На гэтым ваш one page сайт настроены. Зараз, калі вы даведаліся, як зрабіць сайт на адной старонцы з тэмы WordPress, настаў час накіраваць на яго трафік.

Што рабіць, калі ваш сайт ажыў (прасовайце яго)

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

Яшчэ адзін просты спосаб прасоўвання вашага сайта - уключыць спасылку на яго на візітныя карткі і вашыя letterhead, brochures або fliers. Уключыце свой вэб-сайт у email signature, паколькі электронная пошта па-ранейшаму шырока выкарыстоўваецца.

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

Пачніце працу (хутка) з выдатнай One Page WordPress Theme

Бізнес-сайт не заўсёды павінен ўключаць некалькі старонак для перадачы інфармацыі аб вашых прадуктах або паслугах. Часам адной старонкі больш чым дастаткова, каб зацікавіць вашу мэтавую аўдыторыю і заахвоціць іх звязацца з вамі.  Скарыстайцеся магчымасцю прадставіць сваю інфармацыю на адной старонцы з адной з нашых premium WordPress themes, каб стварыць выдатны вэб-сайт для вашага бізнесу.

Advertisement
Advertisement
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.