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

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

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

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

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

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

Создать сайт для фирмы или бизнеса — это ещё пол дела, главное его раскрутить, но тут возникает трудный выбор между SEO и контекстом — советую прочитать данную статью и сделать выводы!

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

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.

устанавливаем стандартную тему wordpress

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

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

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

sitefirmy7

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

sitefirmy8

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

sitefirmy9

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

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

sitefirmy10

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

sitefirmy15

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

sitefirmy16

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

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

создаем простой сайт

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

slide1

slide2

slide3

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

sitefirmy6

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

создать сайт автовыкуп

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

sitefirmy5-2

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

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

sitefirmy11

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

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

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

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

sitefirmy12

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

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

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

sitefirmy13

Теперь давайте вставим вышеуказанный фрагмент кода в код файла 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() ) : ?>
...

sitefirmy14

В итоге у нас получится следующий сайт:

sitefirmy17

Продолжение следует…