Этой статьёй я хочу представить серию уроков, в которых будет рассмотрен процесс разработки сайта на Processwire. Почему я решил остановиться именно на этой CMS, а не скажем на более популярной Wordpress? Так уж сложилось, что одно время я долго работал на WP, и поначалу он действительно мне казался одновременно простым и мощным. Но в какой-то момент на поддержку стали приходить сайты, которые по своей сути внешне являясь несложными, внутри больше напоминали комбайн с избыточным функционалом. Поддерживать всё это было довольно сложно. Давайте попробуем разобраться, почему так произошло. Читать далее
Создание любого сайта начинается прежде всего с придумывания домена - и это логично, ведь чтобы попасть на какой-нибудь сайт, вы в адресной строке набираете его доменное имя. У данного сайта он выглядит так – maclen.ru Для вашего сайта вы можете придумать любое другое название. Единственное, должно быть соблюдено одно условие - данное имя должно быть свободным. Как понять, что оно свободное? В качестве примера я буду рассматривать регистратор доменных имён reg.ru Читать далее
Итак, после того как вы придумали название для вашего сайта, пришло время задуматься о том, где он будет размещаться. Для этих целей существуют хостинги, которые предоставляют ресурсы, необходимые для работы вашего сайта: процессор, память и жёсткий диск; на котором и будут размещаться непосредственно сами файлы движка. Если говорить о том, какой выбрать хостинг, то для себя я решил остановить свой выбор на "Бегет", потому что за многие годы использования, он зарекомендовал себя только с хорошей стороны. Поэтому все описанные действия будут производиться на нём, тем более у него есть бесплатный пробный месячный период, во время использования которого, вы сможете сделать вывод о качестве работы хостинга. Читать далее
В качестве материала для нашего будущего сайта, я взял бесплатный шаблон, который называется «Clean blog». Как по мне, он достаточно симпатичный и вполне подходит для использования его в качестве учебных целей. Архив с исходниками можно скачать по этой ссылке. Читать далее
Пока что мы создали 2 шаблона и это хорошо. Однако, визуально можно увидеть, что некоторые их части дублируются. Например, лого с меню: Читать далее
Теперь пришло время создать удобную структуру для блога. Предположим, что мы в этом смысле будем всё делать с оглядкой на Wordpress. Там есть две сущности – это «Страницы» и «Записи», которые находятся в двух разных местах админки. У нас же, в Processwire, всё будет находиться в дереве, с той лишь разницей, что все страницы первого уровня будут являться обычными страницами, а записи блога будут лежать в корневой странице «Блог». То есть будем таким образом придерживаться концепции WP, но в рамках PW. Итак, давайте приступим к реализации. Читать далее
Прежде чем мы будем выводить записи блога, нам надо эти записи создать в админке. Однако если взглянуть на вёрстку, то можно увидеть, что в одной записи блога как минимум будет присутствовать название и краткое описание: Читать далее
В этом уроке мы подключим форму обратной связи - последнюю страницу из нашего шаблона. Для этих целей я создал в папке шаблонов файл contact.php и скопировал туда div с уникальной частью содержимого из файла contact.html. Не забываем задать этому блоку идентификатор id="main-content". В итоге у меня получилось следующее: Читать далее
Пришло время внести финальные корректировки в оформление нашего блога, чтобы привести его страницы к тому виду, который у нас есть в изначальной вёрстке. Читать далее
В этом уроке мы реализуем поиск по сайту. Но сперва нам будет необходимо немного изменить вёрстку, так как в текущей явно не хватает боковой колонки. Как мы будем это делать? Открываем файл _main.php и заменим эту строку: Читать далее