Как сделать красивый сайт на Вордпрессе

Быст­рее, чем экспресс-дизайн. Дешев­ле, чем экспресс-дизайн. Луч­ше, чем экспресс-дизайн.

В про­шлых сери­ях мы уже зали­ли Ворд­пресс на хостинг и запу­сти­ли блог Миха­и­ла Мак­си­мо­ва. Но он выгля­дит скуч­но и несо­вре­мен­но. Наста­ло вре­мя испра­вить это и сде­лать мод­ный сайт.

На помощь при­зо­вём темы для Ворд­прес­са — спе­ци­аль­ные фай­лы и настрой­ки, кото­рые меня­ют внеш­ний вид бло­га, не тро­гая кон­тент. Есть три спо­со­ба под­клю­чить тему к Ворд­прес­су, от про­сто­го к слож­но­му:

• най­ти в мага­зине тем,
• ска­чать само­му и уста­но­вить через тот же мага­зин,
• ска­чать и уста­но­вить само­сто­я­тель­но.

Установка темы из магазина

Это самый про­стой спо­соб уста­нов­ки новой темы. Захо­дим в кон­соль адми­ни­стра­то­ра по адре­су www.адрес-блога.ru/wp-admin/ и выби­ра­ем в левом меню пункт «Внеш­ний вид» → «Темы».

Перед нами появят­ся темы, кото­рые уже уста­нов­ле­ны в бло­ге. По умол­ча­нию Ворд­пресс ста­вит три темы, внешне похо­жие меж­ду собой. Мы можем уста­но­вить допол­ни­тель­но сколь­ко угод­но тем, но актив­ной может быть все­гда толь­ко одна. Если мы ста­вим новую тему и дела­ем её актив­ной, ста­рая отклю­ча­ет­ся, но не исче­за­ет. Она оста­ёт­ся в спис­ке уста­нов­лен­ных тем и ждёт, пока мы к ней не вер­нём­ся.

Что­бы най­ти новую тему, нажи­ма­ем на кноп­ку «Доба­вить новую» и попа­да­ем в мага­зин тем. Любая тема в нём — бес­плат­ная, но в неко­то­рых темах за допол­ни­тель­ные воз­мож­но­сти нуж­но будет запла­тить. Если вам хва­та­ет бес­плат­ной части — поль­зуй­тесь, это тоже закон­но.

Каж­дую тему перед уста­нов­кой мож­но посмот­реть, как она будет выгля­деть на нашем бло­ге. Для это­го про­сто щёл­ка­ем по ней и смот­рим резуль­тат в окне пред­про­смот­ра. Если визу­аль­но нам всё нра­вит­ся, нажи­ма­ем ввер­ху кноп­ку «Уста­но­вить».

После уста­нов­ки она пре­вра­тит­ся в кноп­ку «Акти­ви­ро­вать», её тоже нуж­но нажать, что­бы блог выгля­дел по-новому. После это­го новая тема появ­ля­ет­ся в спис­ке уста­нов­лен­ных, ста­рая отклю­ча­ет­ся, а блог полу­ча­ет новый дизайн. Каж­дую тему мож­но настро­ить — поме­нять стан­дарт­ные кар­тин­ки, над­пи­си, цве­та и кноп­ки. Если есть навы­ки про­грам­ми­ро­ва­ния в PHP и HTML, то с темой мож­но сде­лать вооб­ще что угод­но.

Для настрой­ки и уста­нов­ки тем захо­дим в нуж­ный раз­дел.

Мага­зин тем в Ворд­прес­се пока­жет, какие темы у нас уже уста­нов­ле­ны и какие мож­но полу­чить. Есть филь­тры и сор­ти­ров­ка по попу­ляр­но­сти.

Пред­про­смотр темы «Highlight». Она нам понра­ви­лась, поэто­му нажи­ма­ем «Уста­но­вить», а затем — «Акти­ви­ро­вать».

Наш блог с новой темой. Сра­зу выгля­дит по-дизайнерски.

Новая тема — в спис­ке уста­нов­лен­ных. Мож­но вер­нуть­ся к ста­рой в любой момент.

Установка скачанной темы через магазин

Есть мно­го тем, кото­рые не попа­да­ют в офи­ци­аль­ный мага­зин Ворд­прес­са, но при этом такие же класс­ные, а то и луч­ше. Их мож­но ска­чать бес­плат­но на фору­мах или тема­ти­че­ских сай­тах — templatemonster.com или wp-templates.ru, themeforest.net. Если этих сай­тов вам мало или не нашли что нуж­но — поищи­те в Яндек­се «Темы для Ворд­прес­са», там будут сот­ни ссы­лок, по кото­рым мож­но най­ти всё что угод­но.

Чаще все­го на круп­ных ресур­сах с Вордпресс-темами есть такой же пред­про­смотр, как в офи­ци­аль­ном мага­зине. Как толь­ко нашли нуж­ный дизайн — ска­чи­вай­те.

Чаще все­го шаб­ло­ны ска­чи­ва­ют­ся в виде zip-архивов, что­бы один шаб­лон зани­мал ров­но один файл. Теперь нам нуж­но отпра­вить его в админ­ку. Для это­го захо­дим сно­ва в «Внеш­ний вид» → «Темы» и выби­ра­ем «Загру­зить тему».

После уста­нов­ки тема появит­ся в спис­ке наших тем, и мы можем там её акти­ви­ро­вать. Дело сде­ла­но.

Wp-templates.ru — шаб­ло­ны с руси­фи­ци­ро­ван­ны­ми настрой­ка­ми.

Если шаб­лон понра­вил­ся — ска­чи­ва­ем. Ско­рее все­го, там будет демо­вер­сия, а за все воз­мож­но­сти надо будет допла­тить, но нас это пока устра­и­ва­ет.

Сохра­ня­ем нуж­ный шаб­лон на диск.

В админ­ке нажи­ма­ем «Загру­зить тему» и выби­ра­ем ска­чан­ный файл.

После загруз­ки нажи­ма­ем «Уста­но­вить», а в появив­шем­ся окне — «Акти­ви­ро­вать».

Установка темы через панель хостинга

Если вы не люби­те все эти визу­аль­ные кон­со­ли и всё при­вык­ли делать через панель управ­ле­ния хостин­гом — это вари­ант для вас.

Для уста­нов­ки ска­чи­ва­ем файл с темой и рас­па­ко­вы­ва­ем по пути www.путь-к-блогу.ru/wp-content/themes/. Если фай­лы в архи­ве были в пап­ке — рас­па­ко­вы­ва­ем её туда цели­ком. А если в архи­ве лежат про­сто фай­лы без общей пап­ки, то по это­му адре­су созда­ём пап­ку с назва­ни­ем темы и рас­па­ко­вы­ва­ем всё туда.

Когда всё сде­ла­но пра­виль­но, то после рас­па­ков­ки вы смо­же­те уви­деть свою тему в спис­ке уста­нов­лен­ных в админ­ке Ворд­прес­са. Если вы не зна­е­те, что такое панель управ­ле­ния хостин­гом и как в ней рабо­тать — для вас есть отдель­ная ста­тья.

На что смотреть при выборе темы

Когда попа­да­ешь на сайт с тема­ми, сна­ча­ла гла­за раз­бе­га­ют­ся. Хочет­ся и эту тему, и ту, и вот эту. Но вот несколь­ко сооб­ра­же­ний, как не потра­тить день­ги на ненуж­ные и пло­хо рабо­та­ю­щие темы.

Не смот­ри­те на кра­си­вые фото­гра­фии. Часто дизай­не­ры тем ста­вят в пред­про­смотр кра­си­вых жен­щин, стиль­ную моло­дёжь, кра­си­вые пей­за­жи и все­воз­мож­ный лайф­стайл. Это выгля­дит кру­то, когда листа­ешь темы, но тут есть под­вох: на вашем сай­те вме­сто этих кра­си­вых фото­гра­фий будут ваши фото­гра­фии. И эффект рос­кош­но­го дизай­на может мгно­вен­но испа­рить­ся, если ваши фото­гра­фии не такие же соч­ные.

Поэто­му, выби­рая тему, смот­ри­те в первую оче­редь на кон­струк­цию, раз­ме­ры бло­ков, типо­гра­фи­ку, отсту­пы, тени и вся­кие эффек­ты, а не на кра­си­вые фото.

Оце­ни­вай­те сце­на­рии ваше­го сай­та. Как часто у вас будут выхо­дить новые ста­тьи? Чита­те­ли долж­ны нахо­дить нуж­ную ста­тью с глав­ной стра­ни­цы? Вам нужен блок «недав­ние ново­сти» или выде­ле­ние глав­ной ста­тьи? А сами ста­тьи — они боль­ше про текст или про кар­тин­ки? Если про текст, то дол­жен ли он быть чита­е­мым и круп­ным? А нуж­но ли вам как-то груп­пи­ро­вать ста­тьи? А будут ли у вас ста­тич­ные стра­ни­цы? А как вы их буде­те соби­рать?

Поза­да­вай­те себе эти вопро­сы и поищи­те отве­ты в выбран­ной вами теме. Вы пой­мё­те, напри­мер, что выде­ле­ние какой-то одной ста­тьи вам не нуж­но; или что вам совер­шен­но бес­по­лез­на рос­кош­ная фото­га­ле­рея, кото­рая в этой теме игра­ет глав­ную роль.

Мно­го эффек­тов — пло­хо. Дизай­не­ры тем любят пона­во­ра­чи­вать ани­ма­ций, эффек­тов, пере­хо­дов, теней, про­зрач­но­стей и про­че­го кол­хо­за. Это занят­но выгля­дит на рыб­ном тек­сте, но на вашем реаль­ном сай­те вы, ско­рее все­го, это всё выклю­чи­те.

Есть ли ком­по­нов­щик стра­ниц? Мно­гие темы Ворд­прес­са исполь­зу­ют пла­гин — ком­по­нов­щик стра­ниц (layout editor). Эта мини­про­грам­ма поз­во­ля­ет делать мно­го­ко­ло­ноч­ную вёрст­ку, встав­лять в стра­ни­цы гото­вые фор­мы обрат­ной свя­зи, кар­ты, интер­ак­тив­ные ком­по­нен­ты и всё подоб­ное. Тема с ком­по­нов­щи­ком удоб­нее, чем без.

Что за шриф­ты? Печаль­ная прав­да в том, что 90% кра­си­вых шриф­тов в замор­ских темах не име­ют рус­ской вер­сии, поэто­му все пре­крас­ные заго­лов­ки и рос­кош­ные кал­ли­гра­фи­че­ские над­пи­си у вас будут рабо­тать толь­ко на англий­ском. Шриф­ты, конеч­но, до какой-то сте­пе­ни мож­но заме­нить, но кирил­ли­че­ских (то есть рус­ских) по-прежнему мало­ва­то.

Подписывайтесь на наш канал, чтобы все было красиво!