Движки сайтов (CMS)

Глава четвертая. Движки сайтов (CMS).

CMS – (content manager system) По-русски система управления контентом. Это отличная вещь, которая позволила упростить  донельзя весь процесс создания и управления сайтом. Существует множество движков сайтов. Самые распространенные движки, это  Joomla, WordPress, 1С-битрикс и пр. Многие крупные компании, занимающиеся созданием сайтов, пишут собственные движки. Мне доводилось работать с самописными движками. И честно скажу, это ад. Создателю движка, возможно и понятно где что расположено, понятна архитектура сайта и пр., но человеку, впервые открывшему админку сайт на самописе, вообще будет ничего не понятно. Простой пример, если мне потребуется установить красивую галерею для WordPress (WP), то достаточно будет поискать в интернете нужный плагин, выбрать из сотен вариантов и установить. В то время как для самописа необходимо будет написать с нуля эту саму галерею, и подключить ее сможет только тот человек, который знаком со структурой  этого самого движка. Использование самописных движков при создании сайта визитки, интернет-магазина, форума и других распространенных типов сайтов не оправдано. Единственная сфера, в которой использование самописа необходимо, это создание какого-нибудь уникального проекта или сервиса, где основные задачи невозможно решить стандартным набором плагинов, а необходимо прописывать всю структуру с нуля. Но чаще, самописные движки встречаются из-за того что студии создающие сайты не хотят терять клиента, и  вынуждают его оплачивать поддержку сайта, ведь только им известно как управлять самописом. Нужна галерея? Плати, допишем. Скачать и установить готовый плагин уже не получится.

Платные и бесплатные CMS. Какую выбрать? Я предпочитаю работать с WP и вам рекомендую идти этим путем. Во-первых, WP бесплатен, и распространяется по лицензии creative commons (кстати, как и моя книга). На чем зарабатывают создатели движка? На пожертвованиях от вебмастеров. Во-вторых, для WP написаны сотни тысяч дополнений, которые вы можете просто скачать и установить на свой сайт. В-третьих, все основные проблемы с работой и настройкой движка уже тысячи раз обсуждались, и вы без труда сможете найти в интернете решение практически для любой нестандартной ситуации. Ну и, в-четвертых, я лично перепробовал несколько движков, и остановился на WP, так как, на мой взгляд, это самый удобный движок. Ну и это не только мое мнение, это подтверждается еще и тем, что 25% всех сайтов в мире работают на этом движке.

Платные CMS типа 1С-Bitrix предназначены уже для более серьезных сайтов. При их помощи можно реализовать уже куда более крупные проекты. К примеру, у меня был опыт работы контент-менеджером по наполнению и продвижению интернет-магазина.  В этом магазине было более 10 тысяч товаров. Средствами WP такой объем решить было бы очень сложно. Но, на движке 1C-Bitrix, (ясно из названия, что он заточен под работу с базой 1С) после установки модуля обмена данных, стало возможным выгрузить всю базу из 1С, что многократно упростило работу по контролю цен и созданию новых страниц. Ведь при изменении цены на какой-нибудь товар, достаточно было просто изменить ее в 1C , произвести обмен с сайтом и на сайте уже отображалась новая цена. Это простой пример, почему иногда приходится использовать платные CMS. Но банально простой магазинчик с парой сотен товаров, можно сделать и на WP. Про сайты визитки и блоги я уже молчу, это то, подо что заточен WP и, на мой взгляд, здесь ему нет равных.

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

При переходе на сайт, вам, скорее всего, откроется то что видит посетитель. Для того чтобы управлять сайтом, нам необходимо попасть в админ панель. Для этого в строке браузера, к адресу вашего сайта добавляем /wp-admin/ .
У меня получился вот такой адрес http://antonlazarev.ru/wp-admin/.
После этого, вы попадете на страницу авторизации, где необходимо ввести тот логин и пароль который вы указывали при установке CMS.

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

Но, мой долг все-таки, по порядку расписать, что тут есть, для чего нужно и как с этим работать. Начнем с первого пункта «Записи». Кликнув по нему, раскроется список всех статей опубликованных на вашем сайте. Так как сайт только создан, то на нем присутствует всего одна, автоматически сгенерированная статья «Hello World» (Привет мир). Если навести на нее мышкой, появятся элементы управления  этой статьей.

Как правило, такая статья сразу же удаляется, так как она нам ни к чему, но в качестве знакомства с управлением сайтом, давайте кликнем на «Изменить».

Перед нами открывается интерфейс управления статьями. В правой колонке мы видим такие элементы управления как:
«Просмотреть изменения»  - полезная штука, позволяющая увидеть конечный результат до публикации.
«Статус» - Возможность менять статус статьи: опубликовано, на утверждении, черновик.
«Дата» - Возможность изменить дату публикации.
«Обновить» - если вас устраивает конечный результат статьи, вы можете нажать на кнопку, и статья изменится на сайте.

Вверху мы видим заголовок Привет, Мир! Мы можем отредактировать его при необходимости. Желательно, чтобы длинна заголовка статьи не была длиннее 60-ти символов.

Под заголовком, мы видим «постоянную ссылку» - именно такой адрес будет у статьи. http://antonlazarev.ru/2017/12/11/привет-мир/. Но такой адрес не вполне удобен. Во-первых, вначале идет автоматически проставляемая дата публикации, во-вторых, кириллическое написание, а то, как с этим можно намучиться я говорил в главе про доменные имена. Можно конечное изменить вручную этот адрес кликнув на «изменить» расположенное рядом. Но лучше один раз настроить, чем сто раз править.

Чуть ниже ссылки, есть кнопка «Добавить медиафайл». В любую вашу статью вы можете добавить картинку. Старайтесь выбирать картинки с небольшим разрешением и весом. Это позволит ускорить загрузку страницы и сэкономит место на хостинге. Все загруженные картинки будут доступны в разделе «медиафайлы» (консоль слева), и могут быть использованы в любой вашей другой статье, без необходимости дополнительной загрузки.

Видео, данным способом, не вставляются. Так как они весят довольно много, то, как правило, они вставляются фреймами.  Под любым видео на YouTube есть ссылка «поделиться» и вкладка «HTML-код». Копируем ее, возвращаемся на наш сайт.

Меняем тип отображения визуального редактора на «Текст». Данная вкладка позволит нам редактировать страницу в html формате.  Вставляем скопированный код.

Затем, возвращаемся на вкладку «визуально». И можем наблюдать конечный результат. Видео отображается на странице. Если нам понадобится изменить ширину или высоту видео, то сделать это тоже очень просто. Возвращаемся на вид редактора «текст». В коде находим значение WIDTH (ширина) и проставляем желаемую ширину в пикселях. То же самое и с HEIGHT (высота).

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

Затем, в появившееся поле вставляем нужный адрес, и нажимаем «применить». Рядом с кнопкой «применить» есть шестеренка «настроить ссылку». Вы можете через нее найти нужную запись на вашем сайте, но по мне так проще открыть страницу, скопировать и вставить.

Более, по данному пункту мне добавить нечего. Вам остается только начать писать статьи. Пробовать, публиковать, изменять их.

Медиафайлы.

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

Страницы.

Страницы, это статичные записи. Страницы, не попадают в ленту записей. Страницы, как правило, закреплены в меню. Можно добавлять страницы в подменю. Здесь можно добавлять или удалять новые страницы. Размещать их в подменю. Кликаем на свойства нужной страницы.

Раскроются элементы настройки страницы. Здесь мы можем запретить комментирование страницы. Нас здесь интересуют только три элемента, остольные не имеют практически никакого значения.

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

Комментарии.

В этом пункте мы можем управлять комментариями, модерировать их,  удалять, и даже корректировать.

Внешний вид.

-Темы. В разделе «темы» можно установить шаблон вашего сайта.  Кликаем «добавить новую».

Откроется список доступных шаблонов. Их немного. Наводим мышкой на любую из них. И видим, что  есть возможность установить или просмотреть. Кликаем «просмотреть»

Здесь мы можем увидеть, как будет выглядеть наш сайт, если мы установим данную тему. И если нас не устраивает наша, установленная тема, можем сменить ее на новую.  Кликаем «установить».

Тема установлена (то есть она скачалась). Далее кликаем «активировать». И все, шаблон сел на сайт. Если не кликнуть активировать,  шаблон просто будет доступен в разделе ваших «тем», но не будет «натянут» на ваш сайт.

Шаблонов здесь конечно мало, но есть куча шаблонов в интернете. Их можно скачать, и установить, загрузив с вашего компьютера.  Для этого вверху есть кнопка «загрузить». Готовый шаблон для сайта скачивается ZIP архивом и устанавливается так же не распакованным ZIP  архивом.

Где взять темы для сайтов? Уникальная тема для сайта, так же благоприятно сказывается на представлении поисковых систем о вашем сайте. Проблема только в том чтобы найти интересующую вас тему. Раньше я делал шаблоны сам в программке под названием Artisteer. Но в ней нет возможно сделать адаптивный дизайн. Адаптивный дизайн, позволяет сайту открываться в удобном для прочтения формате на различных устройствах, хоть на ПК, хоть на смартфонах. В итоге,  для своего блога www.anto-lazarev.ru  я купил шаблон здесь. И после установки, произошло маленькое чудо. Поисковые системы увидели, что сайт имеет адаптивный дизайн,  если до этого доля просмотров со смартфонов, и планшетов составляла менее 10 процентов, то после смены шаблона, выросла до 50-ти процентов. То есть увеличилась посещаемость. Так что, правильный шаблон играет не последнюю роль в развитии вашего сайта.

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

-Виджеты.

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

-Меню.

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

-Редактор.

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

В правой колонке вы можете видеть список доступных для редактирования файлов. Прежде чем что-то менять здесь, рекомендую, сделать резервную копию на хостинге. Так как одна лишняя точка, может сделать ваш сайт полностью недоступным.  У меня такое не раз происходило. Эти же файлы можно редактировать и через файловый менеджер на хостинге. Так как у вас есть возможность установить на хостинге два сайта, то можете установить еще один (учебный). Редактировать его, смотреть на результат, и если все получается, вносить изменения на основном.

Плагины.

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

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

Установка плагинов, проста донельзя. Жмем на кнопку «Добавить новый». На открывшейся вкладке вбиваем в поиск название интересующего нас плагина. Моментально открывается список плагинов подходящих нам. Кликаем установить, затем активировать и плагин уже работает на нашем сайте.

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

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

И это всего лишь один из примеров, как можно усовершенствовать ваш сайт.

Список плагинов которые я рекомендую к установке для любого сайта:

Akismet Anti-Spam удаляет спам в комментариях.

Cyr-To-Lat- этот плагин ставить в первую очередь. Он преобразует кириллические символы в адресе страницы на латиницу.

MotoPress Content Editor Lite- визуальный редактор записей. Расширяет возможности создания записей и страниц. Может разбивать страницы на блоки и колонки, добавлять параллакс эффект картинкам.

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

UpToLike Social Share Buttons- Добавляет иконки социальных сетей под ваши записи, с возможностью репостов. Ведет статистику кликов поделившихся в соцсетях.

Пользователи и Инструменты.

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

В разделе инструменты – возможность выгрузить наш сайт в формате xml и загрузить на другой сайт или же импортировать другой сайт так же в формате xml. Этим вы вряд ли когда-либо будете пользоваться.

 

Настройки.

Самым последним пунктом консоли мы видим «Настройки». Кликаем сюда. Откроется меню основных настроек. Вы может поменять их как вам будет удобно. Здесь я вам ничего конкретного посоветовать не могу. Повыбирайте различные варианты, посмотрите конечные результаты, какой вас устроит, тот и оставляйте. Здесь полная свобода, различные пункты желательно настроить под себя, но привел я вас сюда не для этого. Единственное что я вам порекомендую, это изменить тип постоянных ссылок.

В раскрывшемся выпадающем меню, кликаем на самый последний пункт  «Постоянные ссылки». Ставим галочку напротив «Название записи».  Прокручиваем страницу до конца, нажимаем сохранить изменения. Теперь в адресе ваших будущих статей уберется дата.

Такой формат, на мой взгляд, наиболее удобен. Но это не только мое мнение, такого же мнения придерживаются поисковые системы. А от их мнения, зависит ранжирование вашего сайта в поисковой выдаче, что в свою очередь сказывается на посещаемости вашего сайт. Конечно, это не значительный пункт, и от него мало что зависит, но его все равно необходимо учитывать. Как говорится «дьявол кроется в мелочах».