Создаем простой сайт фирмы, бизнеса на wordpress (часть 1)

Здравствуйте, сегодня создадим простой сайт фирмы (предприятия, бизнеса), на котором будет три странички: главная страничка со слайдером, страничка с описанием услуг фирмы и контактная страничка с формой для отправки на почту.

Для создания данного сайта был выбран хостинг – “hostenko.com” – тариф Trial – бесплатный тестовый период на 14 дней. Почему? Потому что на этом бесплатном тарифе можно отправлять письма с контактной формы, в отличие от некоторых других хостингов, которые только на платных тарифах включают данную функцию – боятся спамеров.

В данном примере у меня установлена WordPress 4.8 (любую версию wordpress, в т.ч. wordpress 4.8, можно скачать здесь – “wordpress.org/download/release-archive/”).

Так как частенько плагины пропадают с “wordpress.org” – официального репозитория плагинов, то нижеуказанные плагины можно скачать в данной статье и прямо с моего сайта.

Для примера создадим простой сайт тематики “Выкуп авто”.

1. Устанавливаем плагины:

Для нашего сайта фирмы понадобятся следующие wordpress плагины:

1.1. Плагин для создания слайдера: Easing Slider:

Сайт плагина: “ru.wordpress.org/plugins/easing-slider/”
Активных установок: 70,000+
Требуемая версия WordPress: 4.5
Скачать плагин Easing Slider можете с моего сайта по следующей ссылке – здесь.

Плагин Easing Slider создает достаточно простой и красивый слайдер из картинок, которые вы ему зададите.

1.2. Плагин для создания контактной формы: Contact Form 7

Сайт плагина: “ru.wordpress.org/plugins/contact-form-7/”
Активных установок: 3,000,000+
Требуемая версия WordPress: 4.7
Скачать плагин Contact Form 7 можете с моего сайта по следующей ссылке – здесь.

1.3. Плагин для создания легкочитаемых url страничек Cyr to Lat enhanced:
То есть вы пишите название странички/записи на русском языке и wordpress задает url адресс странички также на русском языке, чтобы вместо русских букв были использованы английские/латинские буквы –
нужно установить данный плагин.

Сайт плагина: “ru.wordpress.org/plugins/cyr3lat/”
Активных установок: 100,000+
Требуемая версия WordPress: 2.3
Скачать плагин Cyr to Lat enhanced можете с моего сайта по следующей ссылке – здесь.

1.4. Плагин для создания колонок в страничках/записях – Column Shortcodes:

Сайт плагина: “ru.wordpress.org/plugins/column-shortcodes/”
Активных установок: 100,000+
Требуемая версия WordPress: 3.1
Скачать плагин Column Shortcodes можете с моего сайта по следующей ссылке – здесь.

Устанавливаем и Активируем 4 вышеуказанных плагина:

2. Устанавливаем стандартную тему wordpress:

Почему стандартную – потому что они бесплатные, ссылки внешние из неё легко удаляются, а главное что у неё есть мобильная версия сайта (важно для поисковиков).

Для примера возьму старую добрую, а главное простую тему – Twenty Twelve.

Устанавливаем и активируем стандартную тему Twenty Twelve.

3. Установим Статическую главную страницу.

То есть на Главной странице сайта будет показана статическая страница, а не лента из последних опубликованных записей.

Для этого в админке wordpress выбираем пункт “Внешний вид”, подпункт “Настроить”:

Далее выбираем пункт “Статическая главная страница”:

После выбираем в параметре “На главной странице отображать” – Статическую страницу и выбираем саму страницу:

И жмем кнопку “Сохранить и опубликовать”.

Теперь наш сайт выглядит следующим образом:

Давайте уберем сайдбар (боковая колонка) у страницы – для этого заходим в “Редактор Страницы” и в блоке “Своиства страницы”, в пункте “Шаблон” выберем параметр “Шаблон без боковой колонки”:

В итоге у нас получится вот такая страничка:

4. Создаем слайдер:

В админке wordpress выбираем пункт Sliders, подпункт Add New, задаём имя слайдера и жмем на кнопку Add Slides:

И загружаем изображения, например вот таких картинок (кликаем и сохраняем в формате 960*325):

Немного настроим слайдер: кликаем по пункту Dimensions и устанавливаем высоту 900 ширину 400, ставим галочку напротив пункта “Make 100% full width”, и снимаем у пункта “Crop & Resize images”.

Далее нажимаем Publish:

После слева нажимаем на подпункт All Sliders:

Здесь вам предлагаю для вставки Слайдера либо воспользоваться – Shortcode (шорткодом), либо Template Functio (php код).

Если вы захотите вставить слайдер на Страничках/Записях, то воспользуйтесь Shortcode (шорткодом) или кнопочкой, которая появилась в “Редакторе Страниц/Записей” после установки плагина Easing Slider:

Если же вы захотите вставить слайдер в какой-либо Шаблон сайта (пункт “Внешний вид” – подпункт “Редактор”), то используйте Template Functio (php код).

В данном примере мы будет использовать – Template Functio (php код).

Давайте вставим слайдер в шапке сайта (файл header.php) и будем показывать его только на главной странице сайта.

Для этого заходим в пункт “Внешний вид”, подпункт “Редактор”, справа в списке шаблонов выбираем файл – header.php:

Здесь в код файла header.php буду вставлять php код слайдера для данного примера он такой:

<?php if( is_front_page() ){ ?>
<br>
<br>
<br>
<?php if ( function_exists( 'easingslider' ) ) { easingslider( 14 ); } ?>
<?php } ?>

1-ая строчка отвечает за вывод слайдера только на главной странице.
5-ая строчка – это php код слайдера, который я взял здесь:

Теперь давайте вставим вышеуказанный фрагмент кода в код файла headre.php.

Для этого находим строчку:

</nav><!-- #site-navigation -->

И после этой строчки вставляем фрагмент кода со слайдером, вот так:

...
</nav><!-- #site-navigation -->

<?php if( is_front_page() ){ ?>
<br>
<br>
<br>
<?php if ( function_exists( 'easingslider' ) ) { easingslider( 14 ); } ?>
<?php } ?>

<?php if ( get_header_image() ) : ?>
...