Unlimited Powerpoint templates, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Business
  2. Web Design
Business

Як выбраць шаблон для вэб-сайта (Што лепш для вашага сайта?)

by
Length:LongLanguages:

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

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

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

Як выбраць шаблон

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

1. Які тып вэб-сайта вы збіраецеся ствараць?

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

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

2. Які тып макета і дызайну вам пасуе?

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

  • шырыня змесціва
  • макет верхняй частцы старонкі
  • афармленне навігацыі
  • размяшчэнне logo
  • агульнае зручнасць выкарыстання

Шырыня змесціва

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

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

Шаблон Canvas HTML5 мае прыгожы дызайн на ўсю шырыню (звярніце ўвагу, як малюнак загалоўка ахоплівае ўсю шырыню палатна ад краю да краю):

Example of a full-width layout
Шаблон сайта Canvas - прыклад поўнапамернага макета.

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

Example of a boxed-width design
Brandon WordPress Template - прыклад макета з абмежаванай шырынёй.

Макет верхняй частцы старонкі

Верхняя частка «шапка» - звычайна гэта першае што бачаць вашыя наведвальнікі, калі заходзяць на ваш вэб-сайт. Ёсць шмат розных варыяцый макетаў верхняй частцы старонкі, ад простага малюнка лагатыпа і асноўнай навігацыі, да «шапкі», якая ўтрымлівае слайдшоў, відэа, малюнак з тэкстам па-над ім і да таго падобнае.

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

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

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

Ніжэй вы ўбачыце шаблон з адным з больш выкарыстоўваюцца афармленняў верхняй частцы старонкі Foundry WordPress Template:

Foundry WordPress Theme
Foundry WordPress Theme - прыклад «шапкі» сайта з прыкметным накладаннем тэксту.

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

Porto Site Template
Шаблон вэб-сайт Porto - прыклад сайта са слайдшоў ў верхняй частцы.

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

Афармлення панэлі навігацыі

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

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

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

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

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

Размяшчэнне лагатыпа

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

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

Агульнае зручнасць выкарыстання

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

3. Функцыі і налады

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

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

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

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

4. Падтрымка кліентаў і бюджэт

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

Вось некалькі нашых шаблонаў, якія ідуць з 6-месячнай падтрымкай, уключаючы:

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

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

Тыпы шаблонаў

Існуюць два асноўных тыпу шаблонаў вэб-сайтаў, якія вы павінны ўлічыць для вашага бізнес-сайта. Гэта статычныя або HTML-шаблоны і шаблоны WordPress. 1. Статычныя шаблоны

1. Статычныя шаблоны

Статические шаблоны веб-сайтов относятся к шаблонам веб-сайтов, которые используют комбинацию HTML и CSS для представления дизайна и содержания вашего веб-сайта; и JavaScript для добавления дополнительных функций, таких как слайд-шоу или проверка форм.

У статычных шаблонаў сайтаў ёсць свае плюсы і мінусы

Плюсы статычных шаблонаў вэб-сайтаў:

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

Мінусы статычных шаблонаў вэб-сайтаў:

  • Не абнаўляюцца - калі вы не знаёмыя з HTML / CSS, шаблоны статычных сайтаў можа апынуцца складана абнаўляць, што часта прыводзіць да найму распрацоўніка, нават для простых задач.
  • Няма дадатковых функцый - калі ў вашым бізнес расце і вы хочаце дадаць функцыі на ваш сайт, напрыклад магазін, вам давядзецца наняць распрацоўніка, які зробіць гэта для вас.
  • Кошт - нягледзячы на ​​тое, што шаблоны вэб-сайтаў даволі даступныя, яны могуць хутка апынуцца даволі дарагімі, калі вам спатрэбіцца мноства змен і абнаўленняў.

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

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

Вось папулярны шаблон статычнага сайта - Pillar, які мае ўбудаваны канструктар старонак, які дапаможа вам ствараць мноства html сайтаў:

Pillar Website Template
Шаблон HTML-сайта Pillar з канструктарам старонак - даступны на рынку Envato.

2. Шаблоны WordPress

WordPress гэта сістэма кіравання кантэнтам (CMS).

WordPress CMS пабудавана на PHP і базе дадзеных MySQL, якая захоўвае ўсе вашы дадзеныя. Затым гэтыя дадзеныя адлюстроўваюцца дынамічна дзякуючы інтэрфейсу вашага сайта праз HTML / CSS і Javascript.

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

А цяпер давайце зірнем на плюсы і мінусы выкарыстання WordPress.

Плюсы выкарыстання WordPress

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

Мінусы выкарыстання WordPress

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

Вось самая папулярная тэма WordPress на Envato Market (Avada), з-за яе гнуткага дызайну і поўнафункцыянальную опцый:

Avada WordPress Template
Avada самая прадаваная тэма WordPress на Envato Market.

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

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

Выбар правільнага шаблону вэб-сайта

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

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

Абавязкова азнаёмцеся з усімі даступнымі шаблонамі сайтаў на Envato Market для пошуку больш прафесійных варыянтаў.

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.