Переезд на WordPress
02.07.2014 759 Пишу Ваш комментарий wordpress, компьютерная теория
Итак, почему собственно WordPress, а не, скажем, Joomla! или Drupal какой-нибудь? В самом деле, в своё время работать приходилось со всеми этими «движками». Так почему тогда вордпресс? Прежде всего, потому что с этой cms я довольно давно работал. И если не обновлять знания в той или иной области, то можно запросто отстать совсем, таков уж род деятельности — меняется всё и стремительно.
Поэтому думал я не очень долго, а просто пошёл на официальный сайт и скачал оттуда последнюю версию — 3.9.1. С установкой её на сервер — на домашнем компьютере установлен «Денвер» — проблем не возникло. Думаю, не возникнет их и у вас. Указал как зовётся база данных, сервер, логин и пароль доступа к базе данных, а также логин и пароль администратора сайта. Вся установка не длилась и трёх минут. Сразу же вошёл в админку и осмотрелся.
Увидел предустановленные темы внешнего вида (шаблоны дизайна, как кому-то милее), убедился, что они достаточно «тяжелы» — много лишних, на мой взгляд, наворотов. В самом деле, не всё, что описано в темах, мне могло пригодиться. Но выбор другой темы или разработку собственной, я решил отложить на потом.
Перенос материалов
Сначала я решил перенести в этот «движок» и в эту базу данных материалы своей домашней страницы. Здесь мне не пришлось изобретать велосипед, ибо они давно уже изобретены. Для переноса материалов сайта с одной cms на другую существует немало специальных скриптов. Впрочем, ими я пользоваться не стал. В самом деле, не смотря на довольно долгую жизнь сайта, материалов на нём у меня было не так чтобы много — если собрать всё и из всех разделов, то количество, не считая отдельных фото, едва перевалило бы за двести. При этом, я собирался что-то вычитать, что-то исправить, а ещё что-то и вовсе не переносить. Поэтому я позволил себе роскошь — возиться с переносом два дня и сделал это вручную.
На старой версии сайта возможность комментировать статьи была только в разделе «Пишу». Для меня было важно сохранить все комментарии посетителей, чем я занимался очень аккуратно. Так что все те, кто оставлял их — могут видеть свои замечания и вопросы и теперь.
На самом деле (и я уже об этом писал), переезд сайта с CMS «Netcat» назрел уже давно — «движок» долгое время не обновлялся, ибо я не желал тратить деньги на техническую поддержку, кроме того, мне не везде хватало его функциональности. Особенно в последние несколько месяцев я это остро ощущал в организации фотогалереи. Стоит ли говорить, что при ручном переносе больше всего я уделил времени разделу «Снимаю»?
Теперь это не просто отдельные снимки с заголовками, которые разложены по тегам, а полноценные фотогалереи — снимки собраны тематически или по времени съёмок. Можно комментировать каждую из них или отдельные фото. Про организацию вывода фотогалерей я расскажу особо.
Выбор темы
Когда все материалы были перенесены, пришло время подумать о внешнем виде и функциональности. В начале я выбрал одну из предустановленных тем вордпресса — «Twenty twelve». При детальном её рассмотрении оказалось, что, не смотря на её кажущуюся внешнюю простоту, тема прописана очень подробно. Тем, кто не станет лениться, она может рассказать очень многое об оформлении тем. В ней имеется большое количество шаблонов «на все случаи жизни», как говорится. Вместе с тем, внешнее отображение материалов сайта в ней, на мой взгляд, выглядит бедновато.
Мне в ней очень понравилось отображение отдельных снимков из фотогалерей. Представьте, входите вы в выбранную галерею. Видите её название, дату её публикации, описание короткое или не очень, а дальше идут превью фото в несколько колонок. Как вы думаете, что произойдёт, если вы перейдёте по ссылке, кликнув мышью по одному из превью? Откроется фото в настоящем своём размере, где его можно будет детально рассмотреть и прочитать описание уже не к галерее, а к конкретному снимку? Для темы «Twenty twelve» — это верно. Более того, если кликнуть мышью по самому полноразмерному фото, это сработает как ссылка на следующий кадр галереи. Вместе с текстовыми ссылками на предыдущее и следующее фото, а также возможностью оставлять комментарии к снимкам, по-моему, это очень удобно и ожидаемо, однако так бывает не всегда.
Пока я выбирал тему для сайта, я перебрал их пару десятков. И в итоге остановился на такой, оформление которой мне очень понравилось, а вот показ снимков, вернее логика этого показа, привела меня в немую оторопь. Представьте: вы кликаете по превью снимка. После этого открывается страница с описанием выбранного фото и… ещё одно превью этого снимка. Оно больше прежнего, но это всё равно не снимок в загруженном размере, а только превью. Чтобы всё-таки посмотреть снимок целиком, теперь придётся кликнуть ещё раз уже по большому превью и только теперь фото загрузится в этой же вкладке или окне браузера безо всякого оформления. Чтобы продолжить осмотр снимков галереи, вам придётся перейти «Назад», вы попадёте на страничку с большим превью и описанием снимка, но и здесь вы не увидите ссылок на следующее фото. Чтобы смотреть другие снимки, вам нужно будет ещё раз нажать «Назад», перейти на страницу фотогалереи и уже там выбрать другой снимок. Скажите мне кто-нибудь, вам нравится такая логика отображения фото? Мне — нет! Поэтому, выбрав тему оформления «Magadine 1.2», я сразу же переделал фотогалерею в ней.
Немного теории
Наверное, здесь самое место и время поговорить об устройстве тем в вордпрессе, хотя в этой статье я бы не хотел подробно касаться этого вопроса, тем более, что об этом написан не один десяток статей. Все темы оформления сайта находятся по адресу: http://ваш-домен/wp-content/themes/, где «ваш-домен» — это собственно адрес вашего сайта в интернете. Каждая тема располагается в отдельной папке, где находятся файлы, на которые она разбита. Среди файлов, которые будут в теме наверняка:
style.css — файл со стилями, без него ни одна тема не работает;
header.php — «шапка» сайта;
footer.php — «подвал» сайта;
index.php — основной шаблон, отвечает за вывод главной страницы сайта, например;
functions.php — здесь описываются функции, если коротко;
single.php — шаблон вывода отдельной статьи на странице.
На самом деле, файлов здесь может быть (и, наверняка, и есть в любой теме) намного больше, я привёл только основные. Добавлю только, что в выбранную мной тему я добавил файл image.php, который отвечает за отображение на сайте конкретных картинок. Ведь фотогалерея по-сути и есть отдельные картинки. В этом файле я описал как должны отображаться снимки, куда должны вести ссылки, а также как оформлены заголовки и описания, а в файл отображения одного материала — single.php, я внёс правки. Теперь, если перед нами именно картинка, то за её вывод отвечает шаблон image.php, если же это целая фотогалерея или обычная статья, то выводится она на сайт без изменений, как и до этого. Остаётся только добавить, что за основу файла image.php, я взял подобный шаблон из темы «Twenty twelve», помните, я писал, что мне нравится, как в ней отображаются галереи?
Отдельно пришлось создать файл 404.php — шаблон вывода сообщений «Страница не найдена», такого файла в теме тоже не было. Кроме того, я отдельно настраивал правую колонку сайта, так называемый «сайдбар». Это делается сравнительно просто из административной панели вордпресса. Изменения в основном коснулись выбора виджетов — блоков, которые в ней необходимо отображать. Также правил файл style.css, чтобы добавляемые мной стили не пересекались с уже имеющимися. На сайт установлено несколько плагинов — функциональных расширений. Некоторые из них уже работают: формы комментариев защищены от роботов капчей (это правда не всем моим посетителям понравилось, но мера эта вынужденная); на сайте настроена рассылка обновлений, что это такое и как работает, я объяснять не хочу — всё и так должно быть понятно; а ещё во всех материалах сайта есть блок социальных кнопок. Любой из вас может ссылаться на мои статьи или фотогалереи на своих страницах.
Само собою, что чтобы сделать достоянием широкой общественности, сайт на вордпрессе с домашнего компьютера нужно было загрузить на хостинг. Для этого сначала пришлось сделать архив сайта существующего. После того, как файловая структура и база данных Неткэта легли в папку на моём компьютере и стали историей, на хостинге появился этот действующий по-новому сайт.
В этой статье я не расписывал всех изменений темы, лишь коснулся подробно переработки фотогалерей, при этом совсем не рассказал как создавал собственную простую и «лёгкую» тему и почему от неё отказался и выбрал «Magadine 1.2». Всё это, думаю, можно будет написать в отдельной «технической» статье. В этой осталось добавить только, что любой сайт — это «живой организм». В нём что-то переделывается, добавляется, что-то убирается как анахронизм. Это значит, что работа над моей домашней страничкой не окончена, однако, переносить её с вордпресса, на другой «движок» в ближайшее время я не собираюсь.