Добрый день, уважаемые читатели wmbn.ru! Продолжаем затрагивать тему Шаблоны для WordPress, и сегодня речь пойдет о шаблонах бизнес тематики на WordPress. Скорее подборка тем не будет напрямую связана с бизнесом, просто данные шаблоны, как мне кажется, более подойдут сайту, чья основная тематика — Бизнес или заработок. Немного хотелось бы сказать, что конкретно будет представлено — будет представлен обзор шаблонов бизнес тематики для WordPress, которые могут и в принципе ничего в себе не содержать, что касается напрямую денег. Просто подбор будет из таких тем, которые имеют как строгий стиль, что чаще всего характерно для бизнеса, так и элегантность.

Шаблоны бизнес тематики для WordPress

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

Visiting Card — шаблон визитка для CMS WordPress

Первая и уже «нестандартная» бизнес тема для сайта на WordPress — Visiting Card. С первого взгляда шаблон может показаться довольно простым и в тоже время непонятным, но когда более вникаешь в суть шаблона, его настроек, то он становится более ясным и легко настраиваемым.

Шаблон для сайта визитки Visiting Card

Шаблон визитка имеет лишь одно место под виджет, который будет показан только на странице Обо мне. Необязательно, чтобы страница так называлась и ее можно поменять, но название все же должно соответствовать с ее содержимым. Тема имеет свои настройки — можно указать аватар, а так же профили в социальных сетях:

В зависимости сколько аккаунтов вы указали, столько и появятся их на главной странице шаблона.

Настройки шаблона для сайта визитки Visiting Card

Такой подход подойдет в том случае, если кроме основного сайта, идет раскрутка группы ВКонтакте, страницы в Facebook или учетной записи в Twitter. А сайт нужен лишь для того, что бы можно было получить с него трафик и новых подписчиков.

Чтобы заполнить информацию на странице Контакы, ниже нужно ввести данные для обратной связи:

  • Название компании;
  • Адрес;
  • Сайт;
  • E-mail;
  • ICQ UIN;
  • Skype;

После ввода данных на странице отобразится контактная информация. А теперь приступим к редактированию кода данного шаблона. Файлов в бизнес шаблоне немного и в основном потребуется только основной файл шаблона — index.php. Первым делом поменяем страницу Обо мне на другую. Для этого откройте для редактирования файл index.php и найдите в нем данный участок кода:

<div id="datacontent">
      <ul class="navigation">
        <li><a href="#networks">Профили</a></li>
        <li><a href="#about">Обо мне</a></li>
        <li><a href="#contact">Контакты</a></li>
       </ul>

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

Business Theme — бизнес шаблон для блогов на WP

Второй шаблон WordPress более приближен к бизнес теме, называется он Business Theme. Название говорит само за себя. что шаблон напрямую связан с сайтами, чья основная тематика бизнес. Настроек у шаблона как таковых нет — можно добавить только произвольное меню и виджеты, для которых есть место в сайдбаре.

Шаблон бизнес тематики для WordPress

Шаблон показался тоже не без недостатков, а именно «упавшая» текстовая форма поиска, черный фон и нет возможности из настроек поменять изображение шапки сайта (так как нет собственных настроек). Первым делом разберемся с «упавшей» формой писка (ее можно поменять на более функциональный поиск от Яндекса или Google, но может кому-то хватает и стандартного движка).

Разберемся в каком блоке расположена сама форма поиска, для этого с помощью Firebug или Google Chrome проверяем ее код. Найдено имя кнопки для отправки запроса Searchsubmit, следовательно в файле style.css ее и придется искать. После того, как приступите к редактированию файла бизнес шаблона, найдите данный участок кода:

#s {background: transparent url(/zoonews/wordpress/besplatnye-shablony-biznes-tematiki-dlya-wordpress/images/search-text-bg.gif) no-repeat; border: none; width: 243px; height: 30px; padding-top: 10px; text-indent: 13px;}

И замените его на данный код:

#s {background: transparent url(/zoonews/wordpress/besplatnye-shablony-biznes-tematiki-dlya-wordpress/images/search-text-bg.gif) no-repeat; border: none; width: 243px; height: 30px; padding-top: 3px; text-indent: 13px;}

Поменялся только внутренний отступ от основного документа padding-top, который сместил форму поиска по разным частям.

Чтобы изменить фон данного бизнес шаблона, придется немного потрудится, а именно поработать с изображениями. Во первых в файлах шаблона есть четыре изображения с названием wrapper, которые делают шаблон с округлыми краями. Именно их нужно изменить так, чтобы они сливались с основным цветом фона (в файле style.css для тега body можно изменить свойство background). Делается это легко, нужно просто выделить черную часть картинки волшебной палочкой в Photoshop или Gimmp и залить ее цветом фона.

Далее поработаем с кнопкой поиска — чтобы не было лишних проблем с ней, выделите ее так же волшебной палочкой. Затем удалите черные края до прозрачного фона и затем сохраните изображение в формате *.png. После этого снова зайдите в файл style.css, где потребуется изменить расширение кнопки с *.gif на *.png (кнопка searchbutton).

Осталось разобраться с названием сайта, его слоганом и изменением изображения в шапке бизнес шаблона — все это меняется в файле style.css. Название сайта меняется в самом начале файла, где указан стиль для тега h1:

h1 a {color:#000;}

Цвет я указал черный, так как цвет шаблона изменил на светлые тона. Слоган меняется ниже, в следующем участке кода:

p#slogan { color: #111; font-size: 12px; margin: 0;}

А изображение в шапке сайта находится в данном коде:

#banner { background: transparent url(/zoonews/wordpress/besplatnye-shablony-biznes-tematiki-dlya-wordpress/images/banner.gif) no-repeat; width: 936px; height: 209px; margin-bottom: 20px; position: relative; top: 7px; left: 8px;}

Чтобы поменять изображение в шапке, просто смените путь до файла, указав другое название загруженной картинки. На этом с шаблоном бизнес тематики Business Theme можно закончить.

Corporate Life шаблон WordPress для бизнес сайтов

Приступим к третьему очень красивому шаблону WordPress — Corporate Life, который отлично подойдет для сайта бизнес тематики или сайта визитки для компании. Приятная текстура шаблона и его оформление отлично скажется на качестве сайта и его оценке посетителями, а это немаловажно для шаблона бизнес тематики.

Однако сам по себе шаблон попался немного сырым, а если быть точнее, то его главная страница, как показалось, по умолчанию вообще не присутствует, а появляются сразу записи. Это не особо приятно, когда в шаблоне подготовлена отличная главная страница с описанием вашего сайта или бизнеса.

Сначала решим данную проблему, а только потом перейдем к обзору готового шаблона. Первым делом создайте страницу в WordPress, указав для нее шаблон Home. Далее, в настройках WordPress выберите для главной страницы созданную (пункт Параметры — Чтение). Все готово, теперь главная страница сайта будет с описанием.

Далее, в блоке, где расположены кнопки с переходами на страницу О нас, Блог, Услуги и Свяжитесь с нами, посмотрите их адрес, и затем создайте для каждой страницы свою, указав шаблон Базовый. Тем самым, при переходе на страницу данный блок кнопок не будет отображаться на других страницах.

Описание сайта в блоке меняется в файле promo.php, где так же можно поменять иконки кнопок перехода. Код помечен комментариями, поэтому сложностей в редактировании возникнуть не должно. После всех настроек и изменений можно приступить к обзору шаблона бизнес тематики — Corporate Life.

Шаблон для бизнес сайта Corporate Life

Еще раз повторюсь, что шаблон выполнен в приятной текстуре, которая не режет глаза. Шаблон опять же не имеет своих настроек, но это не делает его хуже. Для виджетов доступно два поля — одно открывается на главной странице, другое на странице с записью. На главной странице шаблона отображается большой выделенный блок с описанием сайта и кнопками для быстрого перехода. Это, как мне кажется, очень отличный вариант для бизнес сайта или сайта предприятия, так как им более важно предоставить информацию об услугах и сайта сразу же, чем делать это на каких-либо страницах. Однако в описании нужно уложиться кратко, чтобы пользователь мог понять, о чем сайт и его бизнес тема в целом.

Контактная форма шаблона

Сопровождаются все страницы формой обратной связи, похожую на стандартную форму, которую можно организовать с помощью плагина или скрипта. Это обязательный атрибут как любого бизнес шаблона, так и сайта — не думаю, что без данной формы получится какое-либо общение с клиентом (исключая номера а адреса). На главной странице форма делит с блоком записи оставшуюся часть шаблона, а на странице поста она компактно сворачивается в сайдбар.

Хочу добавить, что такая форма очень полезна так же для корпоративного блога, который оказывает различные услуги не только в рамках бизнеса. В общем кому понравился шаблон WordPress бизнес тематики Corporated Life, смело устанавливайте его в качестве основного шаблона, потребуется только его слегка изменить, сделав уникальным, отличным от основного шаблона.

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

Комментариев: 3

    1. writer

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>