Скрипт управления информационно новостным разделом для HTML сайта

В одной из предыдущих статей мы обсуждали целесообразность применения CMS для сайтов малого и среднего бизнеса. В результате мы пришли к выводу, что информация на таких сайтах обновляется не чаше 1 раза в месяц, а то и пол года и использование громоздких CMS для редактирования контента на таких сайтах скорее досадная помеха, нежели чем благо. В качестве альтернативы был рассмотрен Textolite - скрипт редактирования текстового содержимого HTML сайта.
Но бывают случаи, когда нужно не только обновлять имеющуюся информацию, но и добавлять новую, как быть в таком случае? Подробнее об этом ниже.

Реклама

Необходимость в добавлении информации возникает у компаний, которым важно сообщать посетителям сайта о поступлении новых товаров, событиях важных для клиентов, появлении новой производимой продукции, объявления новых концертов, мероприятий, занятий, лекций и так далее.

Несмотря на важность внесения на сайт такой информации, и в этом случае нет необходимости создавать сайт на традиционных CMS вроде WordPress или Joomla. Для реализации этих целей может послужить Скрипт управления информационно новостным разделом сайта. При желании такие скрипты можно найти в интернет.

Мы же представляем собственную разработку cкрипта управления информационно новостным разделом созданного на основе скрипта NewsLister компании NetArtMedia: Менеджер Новостей V1.0. Скрипт NewsLister распространяется по MIT лицензии, согласной которой может любым образом изменяться и модифицироваться другими разработчиками и использоваться в любых проектах как частного, так и коммерческого характера.

Скрипт Менеджер Новостей V1.0 может быть подключен к любому HTML сайту, как при разработке нового сайта, так и при модернизации сайта на HTML, созданного ранее другими разработчиками. Этот скрипт абсолютно не требователен к хостингу и работает на легких недорогих хостингах с PHP. Этот скрипт даже не требует реляционных баз данных семейства SQL, так как все данные хранятся в текстовых XML файлах.
Подобный тип хранения данных делает работу сайтов значительно быстрее, надежнее и безопаснее чем работа сайтов с использованием SQL. К тому же копирование данных сохраненных в XML файлах сводится к простому копированию самого XML файла.
Таким образом, данные вашего новостного блога никогда не потеряются, если вы регулярно будете сохранять их на стационарный компьютер.

Краткая характеристика возможностей скрипта Менеджер Новостей V1.0:

размещение новостей на странице сайта списком с возможностью перехода на страницу подробного описания новости;
страница подробного описания новости;
управление списком новостей из административной части;
добавление подробного описания новости в удобном текстовом редакторе, добавление фото к новости и фото в тексте;
в части SEO: возможность добавления SEO URLs и мета тегов: Title, Keywords, Description, Autor;
способен работать на любом хостинге и не требует SQL;
легко интегрировать в любой существующий или разрабатываемый сайт на HTML;
простота в освоении и использовании, не требует специальных навыков;
простота сохранения и архивации данных.

Вход в панель управления скрипта Менеджер Новостей V1.0 осуществляется через пароль:

В верхней части страницы входа расположены ссылки не страницы:
ОТКРЫТЬ ОСНОВНОЙ САЙТ - открывает в новом окне страницу НОВОСТИ Вашего сайта;
СПРАВОЧНИК ПОЛЬЗОВАТЕЛЯ - открываетв новом окне страницу руководства пользователя скрипта;

Ниже расположены поля ввода Логина и Пароля.
В нижней части страницы входа находится ссылка на страницу ИНФОРМАЦИЯ О СКРИПТЕ И РАЗРАБОТЧИКЕ с подробной информацией о разработчиках скрипта (страница открывается в новом окне).
После правильного ввода ваших регистрационных данных вы попадаете на Главную страницу управления новостями и информацией:

В верхней части сайта в дополнение к предыдущим появляюются новые пункты меню:
УСТАНОВКИ - страница настроек скрипта (подробннее об этой странице ниже);
ВЫХОД - ссылка выхода из панели управления скрипта;

Ниже расположена кнопка ссылка Добавить Новость, при нажатии на которую происходит переход на страницу размещения новой информации.
Ниже идет список уже размещенных новостей в виде таблицы, имеющей следующие разделы:
Редактировать При нажатии на значок редактирования происходит переход на страницу редактирования уже существующей новости;
Дата Отображает дату размещения новостной информации;
Картинки Миниатюры изображений, размещенных в новости. При наведении на картинку изображение увеличивается для удобства просмотра;

Заголовок и тег Title не более 66 знаков Заголовок новости h1, который одновременно передается в тег Title. По правилам SEO его длина не должна первышать 66 знаков;
Содержание новости Частичная информация о новости, состоящая из нескольких начальных предложений текста новости;
Удалить Если вы хотите удалить какую-либо новость навсегда, поставьте мышью галочку в ококе напротив этой новости и нажмите кнопку УДАЛИТЬ, расположенную в нижней правой части таблицы.

Реклама

Далее рассмотрим работу со страницей редактирования уже размещенной новости. Работа со страницами редактирования и добавления новостной информации схожи, но пример cтраницы редактирования новости более наглядный:

Обратим внимание на название скрипта в верхней левой части страницы Менеджер Новостей V1.0, которое одновременнно является ссылкой переводящую пользователя на Главную страницу управления новостями и информацией с любой страницы скрипта.
Остальные пункты верхнего меню были описаны выше.

Теперь рассмотрим подробнее ПОЛЯ РЕДАКТИРОВАНИЯ НОВОСТИ:

Поле Заголовок и тег Title не более 66 знаков - в этом поле создается ключевой тег Title, который обязательно должен присутствовать на вашем сайте. Этот тег играет ведущую роль в SEO продвижении и ранжировании сайта в поисковых системах. По правилам SEO его длина не должна превышать 66 знаков. Подробнее о теге Title и как правильно его создать можно найти в интернет.
Поле Заголовок и тег Description не более 160 знаков - еще один важный тег который необходимо сформировать для успешного продвижения сайта. По правилам SEO его длина не должна превышать 160 знаков. Подробнее о теге Description и как правильно его создать можно найти в интернет.
Поле Заголовок и тег Keywords не более 150 знаков - многие считают, что сейчас этот тег перестал играть ту ключевую роль, что играл ранее, это утверждают и сами поисковые системы. Но, поскольку, они так и не раскрывают принципы по которым формируется ранжирование сайтов в поиске, заполнить его все же необходимо. Тем более вреда от этого не будет никакого. По правилам SEO его длина не должна превышать 150 знаков. Подробнее о теге Description и как правильно его создать можно найти в интернет.
Поле Введите SEO URL новости - SEO URL или человеко-понятный URL это набор слов в латинской транслитерации которые соответствуют теме страницы или статьи. Например, если заголовок новости звучит так "Наш новый товар подушки" то выделяем наиболнее значимые слова "новый товар подушки" и формируем из него URL страницы. Чтобы наша транслитерация соответствовала нормам поисковых систем, обратимся к абсолютно бесплатному сервису Яндекс Транслит и получим "novyj-tovar-podushki". Далее заполняем поле Введите SEO URL новости вводя полученые слова через пробел. Так же стоит отметить что слова составляющие SEO URL должны обязательно присутствовать в списке ключевых слов (Keywords) и теге Description.
Поле Содержание Новости - Собственно говоря, здесь все понятно. Это и есть текст вашего новостного сообщения. Для редактирования новости существует удобный текстовый редактор. С помощью него можно менять размеры и стили шрифтов, форматирование текста, вставлять в текст картинки, ссылки и так далее.
Однако, стоит помнить что любой текстовый редактор создает довольно "замусоренный" код, который неблаготоворно влияет на продвижение сайта, поэтому злоупотреблять эксперементированием с частой сменой стилей текста не стоит. Избежать этого может помочь применение вставки HTML кода, такая возможность предусмотрена функционалом редактора. Вставляя в текст заранее подготовленные куски кода можно добиться максимально "чистого" результата.
Поле Картинки - отображает миниатюры изображений - иллюстраций к новости. Для того чтобы разместить дополнительные картинки, или, наоборот, удалить устаревшие картинки, нажмите ссылку "ИЗМЕНИТЬ".
Пример:

Поле Автор - Формирует тег Autor и отображает информацию об авторе статьи.

Реклама

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

И напоследок о странице "установки" и полях настройки и управления скриптом. Странится открывается по одноименной ссылке в верхнем меню:

Теперь рассмотрим подробнее Поля настроек скрипта на странице УСТАНОВКИ:

Поле Использовать SEO URLs - Смело ставим "ДА" так мы провели доработку скрипта с целью корректного отображения SEO URLs.
Поле Формат Даты - тут тоже все ясно и особого смысла что-либо менять нет.
Поле Количество Новостей на странице - Определяет число новостей на СТРАНИЦЕ СПИСКА НОВОСТЕЙ основного сайта. Если количество новостей превысит указанное в поле число, то автоматически будет создана другая страница, а в нижнем левом углу появятся цифры, обозначающие номера страниц и значок "пролистывания".
Поле E-mail администратора - собственно говоря, тот адрес электронной почты, куда будут присылаться все сообщения со страниц Новости. Для этого нужно будет разместить дополнительно формы обратной связи и настроить их соответствующим образом. Так как возможность отправки сообщений из блока НОВОСТИ мало востребована, то подключение форм отправки сообщения является дополнительной опцией и оплачивается отдельно.
Поле Использовать Captcha - защита от спама для упомянутых выше форм обратной связи. По умолчанию стоит "ДА", оставляем этот параметр как есть.
Поле Временная Зона - В русской версии отключена, оставляем этот параметр как есть.
Поле Качество Картинки - Оставляем этот параметр как есть.
Максимальная ширина картинки - Не смотря на то что все картинки адаптивные (т.е. подстраиваются под размер экрана) иногда возникает необходимость ограничить максимальную ширину увеличения фото (особенно это важно для фото небольших размеров, так как при растягивании на большой экран они могут становиться размытыми. Применение ограничения на максимальную ширину решает эту проблему.

Помимо наcтроек, управляющих отображением страниц и фото, поля настроек скрипта на странице УСТАНОВКИ содержат и возможность изменения ЛОГИНА И ПАРОЛЯ администратора системы управления скриптом.

Ниже приведен пример страниц Списка Новостей и Отдельной Новости. Сразу оговоримся, что данный пример создан лишь для демонстрации работы скрипта, поэтому отличается достаточно скромным оформлением и дизайном.
При установке на конкретный сайт дизайн будет доработан под стиль самого сайта.

Пример страницы Списка Новостей:

Пример страницы Отдельной Новости:

Для просмотра изображений подключен скрипт Pretty Photo, пример: