ВебСам - строй сайт сам

Вы наверное заметили, что дизайн и структура нашего сайта сильно похожа CMS WordPress. Не будем больше вас томить, действительно сайт ВебСам работает под управлением платформы WordPress. Как же это стало возможным, спросите вы, если бесплатный хостинг народ.ру не поддерживает какие либо скрипты? Каким образом WordPress работает на народ? И почему в качестве основы выбран именно WordPress?

Почему именно WordPress?

Сначала ответ на второй вопрос, на сегодняшний день, WordPress – одна из самых популярных CMS, система WordPress широко используется для ведения блогов и создания сайтов. На основе WordPress работают как небольшие личные интернет-дневники, так и большие и сложные новостные порталы. При разработке системы WordPress авторам уделяется особое внимание семантике, соответствию современным web-стандартам, удобству (юзабилити), простоте использования и обслуживания. Популярность WordPress привела к созданию множество дополнительных расширений и тем оформления, значительно расширяющих функциональность и дизайн и внешний вид сайта или блога. Лучший блог о uCoz: uGuide.

Теперь, когда вы знаете, почему выбран WordPress, перейдем к главному вопросу нашей истории.

Этот сайт действительно работает на платформе WordPress, но на локальном компьютере разработчика, для публикации же в Интернет над сайтом проводится ряд процедур, после которых сайт становится доступен для всех желающих на хостинге народ.ру, эту версию мы назвали WordPress Offline Edition.

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

Чтобы опубликовать сайт на популярном бесплатном хостинге народ.ру, сайт требуется перенести, преобразовав его из динамического вида (так как CMS WordPress обычно работает на связке php+mysql) в статический html код (именно такие файлы поддерживает хостинг народ.ру).

План мероприятий, необходимых для создания сайта под WordPress на народе (Narod.Ru):

1. придумать доменное имя и зарегистрировать сайт на хостинге narod.ru
2. в связи с тем, что WordPress требует для своей работы интерпретатор php и СУБД mySQL (как вариант), рекомендуем скачать и установить на своем компьютере, где вы будите заниматься разработкой и поддержкой своего сайта, Джентльменский Набор Web-разработчика Denver, скачать можно с официального сайта Денвера. В пакет Denver уже интегрированы все необходимые инструменты и модули.

   

3. как установить пакет Denver хорошо описано на официальном сайте пакета, так и в других статьях в Интернет. Небольшое замечание, если после установки пакета, вебсервер Apache отказывался работать нормально, возможно вы столкнулись с подобной проблемой какая была у меня. До установки Denver на том же компьютере был установлен и настроен вебсервер Microsoft Information Internet Server (IIS) (в свое время велась разработка под среду ASP.NET), он то и перехватывал все обращения от браузера к вебсерверу и не давал возможности нормально работать серверу Apache, для решения проблемы, необходимо в IIS, через оснастку управления IIS изменить стандартные параметры портов, на которых сидят веб сервисы, для HTTP 80 был заменен на 88, 443 для SSL на 448, после этого веб запросы нормально обрабатываться вебсервером Apache, возможно после изменения настроек необходимо перезагрузить ПК.
4. стоить заметить особенность организации пакета Денвер, сервисы могут стартовать автоматически, так и вручную, через запуск командного файла (Start Denwer/Restart Denwer/Stop Denwer), нам необходим этот режим, так как мы постоянно будем то запускать, то останавливать вебсервер.
5. все рабочие файлы пакета располагаются в отдельной директории, которая называется по умолчанию - WebServers и она мэпиться на отдельный виртуальный диск, на любую незанятую букву, у меня, к примеру, для этих целей используется диск W.
6. итак, если у вас все получилось, после запуска Денвера по адресу - http://localhost/ вы увидели стандартное приветствие от Денвера: - «Ура, заработало!». Для информации, теперь на вашем компьютере по адресу http://localhost/Tools/phpmyadmin/index.php, скрывается оболочка phpMyAdmin с помощью можно управлять установленными базами данных mySQL, включая выполнение DML и DDL команд языка SQL.
7. затем необходимо создать наш сайт в структуре каталогов Денвера, для этого в папке home, создаем каталог narod.ru, а в нем папку с именем нашего сайта на народ.ру, для нашего сайта, это web-sam, структуру нашего сайта вы можете видеть на следующей картинке:

   

8. сделайте любой тестовый файл index.html и разместите его в полученной папке, после чего остановите Денвер (если он был запущен ранее) и запустите Денвер снова или можно воспользоваться кнопкой рестарта Денвера, это необходим чтобы были созданы новые домены в соответствии с созданной структурой папок. Запросите тестовую страницу через браузер, по адресу вида: http://ваш_сайт.narod.ru.
9. теперь в природе существуют два сайта с адресом http://ваш_сайт.narod.ru, один работает на вашем локальном компьютере, в то время когда запущен Денвер и он виден только вам и возможно еще в вашей внутренней подсети, второй доступен всем пользователям Интернета, размещен на хостинге народ.ру, один нюанс, чтобы попасть на настоящий сайт со своего компьютера, вам необходимо остановить Денвер, после чего из конфигурации сети будут удалены виртуальные хосты и остановлен вебсервер Apache, возможно необходимо еще закрыть и заново открыть бразер, чтобы разорвать соединение с сайтом и сбросить временный кэш браузера.
10. следующий шаг - скачиваем последнюю версию WordPress с официального сайта, либо качаем русскую версию WordPress, в том случае, если вы планируете сайт на русском языке (http://mywordpress.ru/) и устанавливаем ее на наш сервер. Если у вас возникнут вопросы или проблемы с установкой WordPress, то множество подробных и пошаговых инструкций по установке ВордПресс можно найти в Интернет.
11. необходимо выбрать тему оформления нашего сайта, для этого можно найти необходимое дизайнерское решение на любой вкус и цвет на сайтах с темами для WordPress, при обладании достаточными навыками можно доработать тему под свои нужды, либо создают свою тему полностью с нуля. В Интернет так же существуют уже адаптированные русифицированные темы.
12. для удобства навигации и небольшой оптимизации сайта для поисковых систем рекомендуем воспользоваться встроенной возможностью WordPress — функционалом ЧПУ ссылок (Friendly URL). ЧПУ — это формат веб-адреса, удобного для восприятия человеком, аббревиатура расшифровывается «Человеку Понятный Урл» (URL). Механизм ЧПУ ссылок реализуется на основе функционала модуля mod_rewrite для вебсервера Apache. Для включения ЧПУ необходимо в разделе “Настройки” - “Постоянные ссылки (ЧПУ)” в панели управления WordPress, выбрать оптимальный вариант для вас настройки ЧПУ. К примеру, можно настроить отображений ссылок вида: http://web-sam.narod.ru/?p=123 к http://web-sam.narod.ru/2008/08/wordpress-na-narodru/ Стоит заменить, что такие ссылки немного больше любят поисковики, да и для восприятия и запоминания они намного удобней, так как в них заложено значительно больше смысла. Возможные варианты форматов ссылок указаны на рисунке:

    

13. для корректной работы русских ЧПУ ссылок необходимо включить плагин обеспечивающий транслитерацию русских символов URL в английские, в русский вариант WordPress интегрированы два таких плагина RusToLat (поддерживаются стандарты ГОСТ и ISO) и Cyr-To-Lat.



14. в связи с тем, что наш вариант сайта на WordPress не будет предоставлять пользователям интерактивные функции (голосования, комментарии и т.д.), необходимо отредактировать установленную тему (Меню Дизайн – Редактор тем) и удалить или закомментировать все функции связанные с добавлением комментариев и изменением статьей, в противном случае, на сайте останутся ссылки, которые не будут работать в финальном сайте и в браузере у пользователя будет отображать ошибка 404 о том, что страница не найдена.
15. через модуль «Ссылки» добавляем в структуру сайта внешние ссылки на интерактивные сервисы — форумы, гостевые книги и т.д.
16. самая ответственная задача — создание статичной (оффлайн) копии стайта, с отвязкой ее от Denver и WordPress. После анализа всех существующих утилит по выкачиванию сайтов, мы остановили свой выбора на программе HTTrack Website Copier, функционал программы полностью отвечает нашим задачам. После запуска программы HTTrack Website Copier необходимо указать адреса сайт, который необходимо скачать, выбрать каталог куда сохранить локальную копию сайта, выбрать тип операции и другие опции, после чего начинается скачивания сайта.



17. следующая проблема, последние версии WordPress для кодирования контента используют кодировку UTF-8, это необходимо для корректной работы технологии AJAX. В то же время хотинг narod.ru принудительно прописывает в заголовках веб ответов кодировку Windows-1251. В итоге, если просто разместить полученные файлы на народ.ру, то при отображении страниц в браузере пользователя будут крякозябры, это происходит из-за разницы указания кодировки в ответе сервера и кодировке содержимого самой страницы.



18. для решения этой коллизии можно воспользоваться бесплатной утилитой WebSam Unicode2Ansi (для работы требует установки Microsoft .Net Framework). Дополнительная возможность программы WebSam Unicode2Ansi — удаление лишних комментариев вставляемых в html код программой HTTrack Website Copier при обработке сайта.
19. после перекодирования файлов в кодировку Windows-1251, файлы можно заливать на хостинг и они корректно будут отображаться в браузерах. Для обновления содержимого сайта рекомендуется воспользоваться любым ftp клиентом (например, можно воспользоваться любым любимым вашим ftp клиентом: FlashFXP, CuteFTP, SmartFTP, либо каким либо другим), к примеру, с этой задачей справиться и ftp клиент, встроенный в менеджер файлов FAR.
20. вот и все - финал! У вас в копилке есть уникальный сайт на narod.ru под управлением WordPress!

Преимущества размещения блога на WordPress на народ.ру:

1. стабильность функционирования хостинга (по праву народ.ру считается одним из самых больших бесплатных хостингов в Рунете, его истоки корнями уходят в далекое в прошлое, в то время как многие из ранее существовавших хостингов прекратили своё существования, народ.ру, продолжает жить и развиваться, есть определенные гарантии, что за будущее вашего сайта пока не стоит волноваться).
2. абсолютная бесплатность предполагаемого решения
3. гибкость и простота изменения дизайн и темы сайта
4. легкость управления контентом сайта
5. простота изменения и перекройки структуры сайта
6. ограниченная возможность использования внешних дополнительных расширений к WordPress
7. использование новых модных возможностей веб 2.0: облако тэгов, ЧПУ ссылки и т.д.
8. по наблюдениям некоторых экспертов Яндекс чуть больше любит сайты на народ.ру, чем на других бесплатных хостингах.

Недостатки размещения сайта на WordPress на хостинге народ.ру по указанной схеме:

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

Эпилог

Предложенный подход может быть реализован для любой CMS и любого хостинга – платного или бесплатного, в зависимости от тех задач, которые вы ставите перед собой или разработчиком. Создавайте свои системы на базе CMS Offline!

Результат описанной технологии вы можете наблюдать на нашем сайте, именно так организован сайт для вебмастеров и SEO специалистов – ВебСам.

Авторское право

Статья полностью написана проектом web-sam.narod.ru, любое использование частично или полностью возможно только при указании ссылки на сайт в виде: <a href=”http://web-sam.narod.ru/”>ВебСам - всё для вебмастера и SEO</a>. По всем вопросам пишите на почту: web-sam@narod.ru

Если вы воспользовались указанной технологией, поставте на вашем сайте ссылку:

<a href=”http://web-sam.narod.ru/”>Работает на WordPress Offline</a>

Работает на WordPress Offline

Если вам понравился наш сайт, вы можете разместите кнопку на нас на вашем сайте:

<a title=”ВебСам - всё для вебмастера и SEO” href=”http://web-sam.narod.ru/”><img src=”http://web-sam.narod.ru/websam_site_88×31.gif” alt=”ВебСам - всё для вебмастера и SEO”></a>.