Главная Новости

Создание сайта Часть № 2: Настройка вашего веб-сайта или блога WordPress


Опубликовано: 01.09.2018

WordPress: базовые концепции и понятия

Это вторая часть самоучителя по WordPress, с полным содержанием электронной книжки можно ознакомиться здесь .

Так выглядит блог сразу после установки. Давайте попытаемся разобраться в его навигации и дизайне. Каждая тема для Вордпресс (спорт, новости, бизнес) выглядит по своему, однако, все они имеют схожий набор базовых элементов. Давайте попытаемся разобраться в них.

• После того, как удалось установить Вордпресс на хостинг, вы увидите стандартный набор: ссылку «Home», ведущую на главную страничку вашего сайта; ссылку «About», где обычно размещается информация о владельцах сайта; Единственный пост «Hello Word» («Привет Мир»), а также правый «Сайдбар» с шестью по умолчанию установленными «виджетами»: Search (Поиск), Recent Post (Недавние темы), Recent Comments (Недавние комментарии), Archives (Архив), Categories (Категории) и Meta.

Важно: все «виджеты» можно переименовать на русский лад. Набор необходимых «виджетов» можно редактировать через администраторскую панель (об этом речь пойдет ниже).

• Навигационная панель, обычно используется для отображения статичных страничек

• Конфигурация «Сайдбаров» может быть достаточно разнообразной, все зависит от выбранной вами темы. Некоторые темы, позволяют не только создавать большое количество «сайдбаров», но и позволяют редактировать их отображение на странице.

Выбор темы для Вордпресс

Поиск подходящей темы для вашего wp-сайта является важным элементом общего успеха по нескольким причинам:

• Ваш сайт будет по разному восприниматься не только за счет размещенного на нем контента, а и благодаря красивому дизайну (пословицу «встречают по одежке» еще никто не отменял).

• Хорошо подобранная тема, с правильной цветовой гаммой, уже одним своим видом создаст ощущение профессионализма, а это 50% того, что посетитель захочет задержаться на сайте подольше.

• Некоторые темы позволяют иметь доступ к множеству настроек (в большинстве своем – это платные темы). Здесь вам и дополнительные «Сайдбары», и изменение цветовой палитры заднего фона, и выбор оттенков для названия сайта и многое, многое другое, чего нет в стандартной теме (например, в рассматриваемой нами сегодня «Twenty Ten»).

• Каждую тему можно отредактировать при помощи вмешательства в ее PHP-код, однако, такой способ не подойдет тем, кто плохо разбирается в этом языке программирования или вообще впервые слышит о нем. Лучше искать тему, которая уже будет удовлетворять вашим потребностям. Например темы Theme Framework дают своим владельцам возможность изменять внешний вид wp-сайтов при этом не вмешиваясь в его php-код (вся работа происходит в «Dashboard» (Главная страничка «Админпанели»)).

Важно: быстрота работы WordPress сайта во многом зависит от качества установленной темы, а также набора используемых плагинов. Качественные темы, как правило, являются платными. Например, из платных Theme Framework тем очень популярны ThemeForest и Woothemes, тогда как из бесплатных можно посоветовать Lysa, Revolution, Thematic, Hybrid, Atahualpa и Whitehouse.

Активация и установка темы для WordPress

Если Вы хотите использовать бесплатную тему, то ее установка и активация происходит через Dashboard: Appearance (Внешний вид) > Install Theme (Добавить новую тему). Ищите тему по названию, затем устанавливаете и активируете ее.

Если Вы приобрели коммерческую тему, то сначала ее следует загрузить в соответствующую директорию на вашем хостинге (все это происходит также как и в первом случае через админпанель Dashboard): Appearance (Внешний вид) > Install Theme (Добавить новую тему) > Upload (выбираем заархивированный файл нужной нам темы, и загружаем его).

Дизайн темы для Вордпресс

Первое, что делает обычно пользователь после установки WP – добавляет собственное лого/баннер вместо, показываемого по умолчанию. Ниже я опишу процесс создания баннера при помощи бесплатной программы Paint.net (работает только под Windows). Также для этих целей Вы можете использовать бесплатный графический редактор Gimp (работает на всех платформах) или раскошелиться и за $25-50 приобрести профессиональный софт PhotoShop Elements.

После создания собственного баннера, процесс его загрузки на сайт не составит особого труда (как обычно заходим в админпанель Dashboard): Appearance > Header, выбираем нужный нам графический файл ( Важно: размеры картинки должны быть 940 × 198 pixels, в противном случае, WP предложит на месте обрезать графический файл до нужных пропорций).

Понимание терминов «Post», «Pages» и «Links»

Вы должны понять базовые термины, часто встречающиеся при использовании Вордпресс.

• Posts. Под «постами» мы подразумеваем статьи, располагающиеся у вас на сайте в соответствии со временем их публикации (чем пост новее, тем выше он будет ранжироваться на главной странице). Однако, Вы можете отказаться от использования на главной странице «постов»и закрепить на ней статические страницы («Pages»). «Посты» по умолчанию можно комментировать, однако, если Вы этого не хотите, публикацию комментариев к тем или иным «постам» можно отменить.

Все «посты» публикуются в соответственные категории, которые можно добавлять, удалять и редактировать через Dashboard: Posts > Categories. Если вы создали «пост», но не выбрали ему категорию, она присвоится ему автоматически как «Uncategorized» (Без категории).

Важно: название всех категорий можно менять.

Все категории, по умолчанию отображаются в правом «Сайдбаре» при помощи виджета «Categories» (название можно поменять на более привычное «Категории»).

Pages («Страницы») . Страницы в WordPress всегда статичны. Это значит, что они всегда находятся на одном и том же месте, в отличии от «постов», которые опускаются по мере публикации более свежих статей. Помимо этого, страницы не имеют категорий. В большинстве случаев, в них размещается информация о владельцах сайта, навигационная карта портала, и прочая постоянная информация.

Links («Ссылки») . Под «Линками» подразумеваются ссылки на сторонние ресурсы или странички вашего сайта. Редактируются они через меню Dashboard в одноименном разделе «Links». Чтобы ссылки отображались в «Сайдбаре» на «Главной страничке» следует зайти в меню Appearance (Внешний вид) и кликнуть по подкатегории Widgets. В загрузившемся окне, слева будут отображаться все имеющиеся «виджеты», справа активные и неактивные «Сайдбары» (нам, естественно, нужен активный «Сайдбар»): зажимаем левой кнопкой «виджет» Links и перетаскиваем его в область активного «Сайдбара» справа. Все. Обновляем заглавную страничку, и проверяем результат.

Базовая конфигурация WordPress

По умолчанию, WP уже обладает большинством самых необходимых базовых настроек, но зачастую приходится что-то добавлять. Если возникла такая необходимость – заходим по ссылке http://имявашегосайта.com/wp-apmin и ищем категорию «Settings»:

Settings > General : здесь можно задавать название для вашего сайта, выбирать способ отображения дат и времени, а также заменить надпись «Just another WordPress site/Просто еще один сайт на Вордпресс» на что-нибудь собственное;

Settings > Writing: здесь задается количество публикуемых на «Главной страничке» постов (по умолчанию стоит цифра «10»);здесь же можно заменить текстовые смайлы =) :-) на графические аналоги; Если Вы хотите, удаленно редактировать свой блог при помощи таких программ как Windows Live Writer, то следует поставить галочку напротив «XML-RPC»;

Settings > Reading: здесь можно выбрать будет ли у Вас блог («Посты» публикуются на «Главной странице») или же статический сайт. WP является блог-платформой по умолчанию. Сайты фирм, как правило, имеют статичную «Домашнюю страничку», а все новости публикуются в отдельном разделе «Блог». Сделать это можно так:

Заходим в «Админпанель» (Dashboard) выбираем пункт «Pages», где создаем по очереди сначала страничку «Главная» (это будет ваша «Домашняя страничка»), а затем страничку «Блог» (здесь будут публиковаться ваши «посты»). Затем возвращаемся в Settings > Reading и ставим галочку напротив «A static page (select below)», а в двух выпадающих снизу менюшках ставим: в «Front page» — «Главная», а в «Posts page» — «Блог». Сохраняем настройки при помощи кнопки «Save Changes». Все. Теперь зайдя на «Главную страничку» вашего сайта Вы увидите статичную страницу, а все новости будут «спрятаны» под ссылкой «Блог». Важно: комментарии к статичным страницам можно отключить, через Dashboard > Pages.

Создание статической "Домашней странички"

Settings > Privacy: здесь выбираем « I would like my site to be visible to everyone, including search engines (like Google, Bing, Technorati)» — если Вы хотите, чтобы ваш сайт был виден для поисковых систем. В противном случае – выбираем второй пункт « I would like to block search engines».

Settings > Permalinks: это меню помогает сделать отображение ссылок вашего                  сайта более дружелюбным. По умолчанию все «линки» на «посты» выглядят примерно вот так: «?p=123», однако, это можно исправить. В меню «Permalink Settings» слева отображаются варианты показа ссылок (Day and name/дата и название, Month and name/месяц и название, Numeric/числовой, Custom Structure/собственные настройки), а справа – примеры.

Создание альтернативных ("дружелюбных") ссылок

Важно: если Вы хотите, чтобы ссылки на вашем сайте отображали только заголовок статьи в латинской транскрипции (например, ссылка на тему «Мысли: самый лучший планшетник» будет выглядеть так «http://itdistrict.ru/myli-samyj-luchshij-planshetnik/»), то следует установить дополнительный «плагин» Cyr-To-Lat (как это сделать я расскажу чуть ниже).

«Сайдбары» (Sidebars) и «Виджеты» (Widgets)

«Виджеты» — это еще один способ рассказать посетителям о вашем сайте. Размещаются «виджеты» только в «сайдбарах».

Корректировка отображения «виджетов»:

1. Через меню «Dashboard» проследуйте: Appearance > Widgets

2. Слева Вы должны увидеть доступные на данный момент «виджеты». Некоторые из них установлены с WordPress по умолчанию, некоторые – появились при помощи загрузки дополнительных «плагинов». Справа отображаются имеющиеся «Сайдбары» (всего 6 штук).

3. После стандартной установки активен только один «сайдбар». В принципе на начальном этапе, его Вам должно хватить с головой. Теперь, если Вам потребуется сделать какой-либо «виджет» активным — просто нажимаем на нем левой кнопкой мышки и перетаскиваем в поле «сайдбара» справа. В примере ниже, я перетащил «виджет» Calendar («Календарь») в область активного «сайдбара», при этом в строке «Title» я прописал русское название «календарь».

Управление Виджетами

А вот как эти настройки отображаются на главной страничке:

Отображение Виджетов на главной страничке

Установка необходимого набора «плагинов»

«Плагины» для WordPress – это небольшие программы помогающие отображать имеющуюся у Вас на сайте информацию в ином, более привлекательном, стиле. Большинство «плагинов» бесплатны, и могут быть установлены непосредственно при помощи поиска через админпанель Dashboard. До тех пор, пока Вы не активируете «плагины», они не будут работать («плагины» будут отображаться в «плагин-меню» WP как «inactive/неактивный»). Поэтому если какой-либо «плагин» вдруг ни с того ни с сего начал «хандрить» — просто «деактивируйте» его. Неактивный «плагин» можно также удалить, что предполагает полное физическое стирание программы с вашего хостинга. Ниже я представил минимум необходимых, на мой взгляд, «плагинов», которые стоит установить на WP-сайт. Установка «плагинов» происходит через админпанель Dashboard: Plugins > Add New. Просто вводим часть или полное название необходимого вам «плагина» в поле «Search» и жмем рядом стоящую кнопку «Search Plugins». На заметку: «плагины» для WP можно искать либо по дате (Term) загрузки, либо по автору (Author), либо по «тэгу» (Tag). После того, как необходимый нам «плагин» найден – жмем на кнопку «Install Now/Установить сейчас» и активируем его работу через соответствующее меню.

Subscribe to Comments . Этот «плагин» позволяет пользователям подписываться на комментарии к отдельно взятой статье размещенной на вашем сайте, таким образом, когда кто-то ответит, человек будет извещен об этом по электронной почте.

SI CAPTCHA Anti-Spam . «Плагин» создан для борьбы со «СПАМом»: каждому желающему оставить комментарий на вашем блоге предлагается ввести 4-хзначный код сгенерированный компьютером. Этакий себе тест на человечность.

All-in-One SEO Pack . Этот «плагин» позволит настроить ваш сайт для более быстрого его индексирования поисковыми системами. Отлично генерирует мета-теги и теги Description. На заметку: некоторые темы, такие, например, как Thesis, имеют собственные SEO-паки и вам не нужно устанавливать дополнительные «плагины».

Google Analyticator . Создан для отображения интерфейса «Google Analytics» в легком и доступном пониманию виде.

XML Sitemap . Как следует из названия «плагин» автоматически генерирует XML-файл карты вашего сайта.

WP-DB-BACKUP. Последний «плагин» в моем списке, но от этого не менее важный. WP-DB-Backup позволяет возвратить все на свои места, если вдруг база данных вашего сайта по какой-то причине «рухнула».

Важно!

Некоторые «плагины» автоматически создают «виджеты», например, это делает «My Link Order», дающий возможность создавать и редактировать в «сайдбарах» категории ссылок.

Не устанавливайте «плагины» с непроверенных сайтов, которые могут напрямую выполнять php-код (это может привести к неправильной работе блога, и даже потере имеющейся на нем информации). Все, что Вы видите через собственную панель Dashboard (Plugins >Add New), вероятнее всего работает и не причинит вреда вашему сайту («плагины» загружаются непосредственно с WordPress.org), хотя и здесь встречаются неприятные исключения.

rss