Главная - Без рубрики - WordPress-сайт vs. HTML-сайта

WordPress-сайт vs. HTML-сайта

Всем доброго времени суток!

Заголовок сегодняшней публикации вот о чем. Знаю, что многие “начинающие” веб-мастера (таких посетителей здесь большинство) часто еще не понимают разницы: что такое HTML и PHP, какая разница между статичным и динамичным контентом и так далее.

Я не собираюсь вам рассказывать основы сайтостроительства, скажу только несколько слов в пользу WordPress (если сравнивать с HTML-шаблонами).

1. Сайт на WordPress в отличие от сайта на языке HTML хранит  информацию не на отдельных страницах в формате .html, а хранит всю информацию в базе данных и методом запроса эта информация (контент: текст, изображения, видео и аудиофайлы) вытаскивается и демонстрируется на страницах сайта на WordPress. Поэтому, сам WordPress (WP) относится к категории CMS – Content Management System, или сокращенно – CMS (ЦМС).

2. Сменить макет сайта для WordPress – это буквально несколько секунд. Отключить один шаблон и включить другой – что может быть проще? HTML сайт так просто не поменяешь. Весь текст сайта записан на страницах HTML и смена дизайна – это очень кропотливая работа, которую должен выполнять специалист, знакомый с языком HTML-тегов (не помешает и многое другое знать тоже).

3. Не всем нужен динамичный контент. Много небольших и средних компаний, оказывающих стабильный, на протяжении длительного периода список услуг и производящих один и тот же продукт, легко могут использовать для своего корпоративного сайта шаблон, сверстанный на HTML-страницах. Такой сайт гораздо быстрее работает,  ему не нужен мощный хостинг с кучей разного рода серверных приложений, много места на диске и т.д. Он экономичнее – это главное. Владелец не меняет контент годами (хотя это неправильно).

4. WordPress или другая система CMS (кстати, кому интересно – вот список основных платных и бесплатных CMS на сайте) требует больше технических возможностей, т.к. основа работы CMS – сервер провайдера хостинговых услуг, его технические характеристики и ограничения, использования нескольких баз данных для одного сайта (повышает устойчивость и безопасность)и многое другое, не буду вас утомлять техническими терминами. Все это требует затрат: от доллара в месяц и выше. Взамен, владелец сайта на CMS получает возможность быстрого доступа к своему сайту, легкое управление его содержимым, администрирование всех мыслимых и немыслимых технических возможностей своегоресурса. И необязательно при этом быть большим знатоком серверных языков, а также специалистом по веб-программированию.

5. Я не буду углубляться в вопрос – какая CMS лучше. Для меня ответ давно очевиден – это CMS WordPress.

К чему я все это написал? А вот к чему.

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

В последнее время их количество резко выросло особенно в Рунете. Есть серьезные площадки, есть такие, которые с помощью плагинов-“грабберов” скачивают чужие коллекции и размещают у себя, выдавая их за свои (у меня уже есть прецеденты).  Речь сейчас не об этом.

Я хочу сказать, что я не видел нигде: ни в Рунете, ни за его пределами, ни одного сайта или каталога, кто выкладывал бы шаблоны для WordPress. сделанные изначально как шаблоны сайтов в HTML.

Я думаю, многие из вас, кто еще не определился, на чем будет делать свой будущий сайт, или определился совсем недавно и свой выбор отдал в пользу WordPress, сталкивались с каталогами платных и бесплатных HTML-сайтов и видели много красивых шаблонов, но из-за того, что все они – всего лишь HTML-шаблоны, с горечью шли искать симпатичные шаблоны на WordPress.

Например, в Сети много “ходит” платных шаблонов от компании Templatemonster (наверняка слышали о “Монстрах”, это я о них…). Эти же шаблоны есть и в бесплатном доступе на разных “варезных” сайтах.

Сегодня я открываю новую главу в своей Коллекции WordPress.

Перед вами – первый сделанный мной “перевертыш”: был шаблон сайта на HTML – стал шаблоном WordPress. Он первый и далеко не последний.

На HTML сделано очень много, действительно красивых шаблонов. Но сегодня их востребованность резко падает. Все хотят иметь сайт на CMS.

Я готов приложить свои знания и умения к ликвидации этого пробела и буду регулярно “переносить” HTML-шаблоны на WordPress. Если кто-то думает, что это очень легко – советую попробовать.

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

Из минусов назову еще два: во-первых, меню навигации не поддерживает вложенные страницы, во-вторых, шаблон ограничен количеством выводимых на главной странице рубрик. Фактически, их можно сделать не более шести.

К плюсам хочу отнести тот факт, что шаблон работает на WordPress версии 3.0.1. и поддерживает создание произвольного меню.

Изначально, сам HTML – шаблон “заточен” под автомобильную тематику и был назван автором Autoportal. Я постарался ничего не менять в дизайне, зацепив немного функционал. HTML-сайт работает все-таки иначе, чем сайт на WordPress, поэтому пришлось “нарезать” весь функционал с учетом возможностей WordPress (и моих знаний этой системы).

Я выше писал, что шаблон “заточен” под автомобильную тематику, поэтому я не стал его выкладывать в поддомен для режима Демонстрации, если интересно – смотрите скриншот и смотрите видео,которое я залил на Youtube:

autoportal
[sdfile url=»http://www.bestwordpress.org.ua/wp-content/files/auto_portal.zip»]

Описание:

Как я уже писал выше, на главной странице я не стал ничего менять в дизайне, за исключением слайдера. В HTML стоял вариант, не подключенный ни к какому скрипту Java. Просто теги и картинки. Кстати, кто захочет и скачает шаблон, может сравнить два варианта: HTML-шаблон и шаблон на WordPress. Я положил в шаблон папку /HTML, где лежит родной авторский index.html и картинки автора.

Вариант слайдера автора я заменил плагином Featured Content Gallery. Также в шаблоне есть еще несколько встроенных мной плагинов,о которых я расскажу ниже, в разделе Особенности.

На главной странице фактически шесть информационных блоков: три в сайдбаре и три –в основной колонке:

1. Слайдер. К нему можно подключить отдельную рубрику, а можно выводить записи из разных имеющихся. Но. Если учитывать правила SEO – на странице не должно быть  “сдублированного” контента, поэтому советую для слайдера –отдельную рубрику.

2. Ниже слайдера – три картинки с заголовками. Этот блок я назвал “Тюнинг”.

3. Ниже Тюнинга – лента новостей из одной рубрики, которую образно можно назвать как Автоновости со всего мира.

Три блока новостей в сайдбаре:

1. Новости авторынка.

2. Авто-шоу (выставки).

3. Бренды.

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

В заголовке слева логотип автора (лежит в папке /images).

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

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

В шаблоне есть одна страница – шаблон “Архив”.

Особенности

Начинать надо с плагинов:

1. Get the image. Сначала установите и активируйте его, иначе шаблон просто не откроется. Плагин выводит миниатюры изображений с помощью произвольных полей. Плагин надо только активировать, код его я уже добавил и вам с ним ничего делать не надо. Так как в шаблоне на главной используется три варианта размера картинок (два в колонке записей и один в сайдбаре), я применил три произвольных имени для подключения картинок:

  • image – имя произвольного поля для изображения  размером 180х135px, которое выводится в блоке под Слайдером.
  • feature – имя произвольного поля для изображения размером 174х115px, которое выводится ниже, в ленте новостей.
  • thumb – имя произвольного поля для изображения размером 66х66px,которое выводится в сайдбаре.

Как работать с произвольными полями – ищите у меня на сайте или в Сети,об этом много написано.

2. The Excerpt Reloaded. Плагин выводит на главной записи в виде анонсов. Плагин надо только активировать и сделать это вместе с активацией первого. Код плагина я добавил, вам ничего делать не надо.

3. Featured Content Gallery. Плагин выводит на главной странице Слайдер. Как его настроить и как включить – ищите у меня на сайте, я писал об этом, или в Сети. Скажу только, что размер окна вам надо выставить такой: 600 на 375, высота всплывающего блока – 70.

Все три плагина мной обновлены до последней версии, корректно работают на WordPress v.3 и старше. Плагины я положил в папку /plugins.

Чтобы вам было легче с настройками шаблона, я положил в папку /images все нужные вам картинки, включая две картинки для слайдера, а также создал XML – файл для импорта контента. С его помощью вы можете сразу установить 18 записей и затем добавить картинки через произвольные поля. Как воспользоваться функцией WordPress – Импорт? Ищите у  меня в блоге статью на эту тему в разделе безопасности и защиты сайта на WordPress.

Как подключить рубрики.

Для вывода рубрик в блоках я использовал функцию query_posts. Детально описывать ее работу не буду, советую почитать вот эту статью.

Для подключения первого блока на главной, который в шаблоне я озаглавил как Тюнинг, откройте файл index.php, строка 25. В параметрах — (‘cat=5&showposts=3’) — число 5 это ID рубрики Тюнинг. Когда создадите свою рубрику,найдите ее ID (на странице Рубрики наведите курсор на имя рубрики, внизу в окне браузера в строке состояния будет ссылка, в которой увидите число, это и есть ID рубрики). Замените своим ID. Если имя рубрики будет у вас другим, замените в строке 23 мое имя Тюнинг.

Для подключения второго блока — Лента новостей, строка 44 этого же файла. У меня стоит число 4. Замените своим.

В сайдбаре выводится три блока из трех рубрик. Откройте файл sidebar.php. Здесь я использовал  другую функцию — get_posts. У нее тоже есть свои параметры, похожие на параметры функции query_posts.

Строка 24 — имя рубрики Новости авторынка, строка 27 — параметры вывода рубрики и количества записей. У меня стоит ID рубрики 4. Замените своим.

Тоже самое сделайте в строках: 48 и 50, 71 и 73.

И последнее. В строке index.php 60 выводится ссылка на чтение всей рубрики — «Все статьи рубрики». В ссылке отсутствует имя страницы, куда надо перевести посетителя:

<a href=»<?php bloginfo(«home»); ?>/_________»

Когда вы создадите свои рубрики, у вас повится эта страница с ссылкой на рубрику. Вам надо будет заменить в том месте, гдеу меня стоит «подчеркивание».

Тоже самое надо сделать в файле sidebar.php, в строках 41, 64 и 86.

Установка

Обычная. Проверял на WordPress версии 3.0.1.

Проверял браузерами:

  • IE8
  • Mozilla 3.6.8
  • Opera 10.63
  • Chrome 6.0.472.62
  • Safari 5.0.1

Будут вопросы, отзывы, советы – пишите в комментариях.

Вы можете бесплатно использовать и модифицировать эту тему. В качестве благодарности за проделанную работу, будет замечательно, если вы оставите ссылки в подвале шаблона. Спасибо!

Возможно, вы хотите заказать у меня разработку уникального шаблона на любую тему для WordPress? Возможно,у вас есть шаблон HTML-сайта, который вам нравится и вы хотите его “перегнать” на WordPress? Тогда пишите, мои данные есть на странице Делаю сайты.

О admin

3 комментария

  1. а где можно посмотреть ролик, который на скриншоте?

    • Уже нигде, Ютуб аннулировал мой аккаунт, а на компьютере я этот ролик не сохранил

  2. Как здорово! Вы автор того самого шаблона, над которым я колдую неделю! Суть такова — я начинающий, поэтому нырнул во всё это с головой, вынырнуть не получается, да и нравится мне это. Вот это всё. Ненуачо, на старости лет захотелось новых ощущений (мне 44).
    С преамбулой покончили, теперь к главному. Создаю сайт по дорожной тематике — дороги, их состояние, контроль работы ГИБДД и дорожных служб, отзывы и пожелания общества.
    Ваш шаблон как нельзя лучше подходит для этого. Правда, я скачал его где-то в завалах шаблонов для Вордпресс, и он, явно, урезан. Нет плагинов и есть другие отличия.
    Ну, буду честным, немного изменил лого, фон, цветовую палитру, но это в порядке эксперимента, сайт в разработке и на локалхосте.
    Загвоздка оказалась в следующем: Установил плагин форума, если быть точнее, то Мingle forum. Всё установилось и настроилось, единственное, чего бы хотелось — раздвинуть форум на всю ширину страницы, убрав только с этой страницы сайдбары.
    Буду благодарен за советы.
    И ещё раз спасибо за отличный шаблон.
    Да-да, я знаю, что лучшая «спасиба» это вебмани ))

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*