Перейти к содержимому

Как сделать новости на сайте html

  • автор:

Как добавить новость на сайт c помощью PHP. Часть 1

Как добавить новость на сайт c помощью PHP. Часть 1

Доброго времени суток! В данном цикле статей мы рассмотри с Вами, как можно реализовать простую систему с помощью которой можно будет добавлять новости на сайт. Реализована она будет на PHP.

Итак, для начала рассмотрим структуру нашего проекта:

.
├── css
│ ├── bootstrap.min.css
│ └── style.css
├── images
│ └── php-add-news-on-site.jpg
├── models
│ └── news_model.php
├── templates
│ ├── form.phtml
│ └── index.phtml
├── config.php
├── core.php
├── index.php
├── news.php
└── news_table.sql

Рассмотрим по отдельности каждую папку.

  • css — как нетрудно догадаться папка со css-стилями. В примере используется Bootstrap 5
  • image — папка для разных изображений
  • models — папка моделей для работы с базой
  • templates — html-шаблоны
  • config.php — настройки доступа к базе данных и другие настройки
  • core.php — несколько базовых функций
  • index.php — выводит список последних новостей
  • news.php — добавляет новость в базу
  • news_table.sql — SQL-скрипт для создания таблицы новостей

Теперь рассмотрим подробнее SQL-скрипт и HTML-шаблоны.

create table news
(
id int auto_increment,
title varchar(512) not null,
content text not null,
created_at datetime default now() null,
constraint news_pk
primary key (id)
);

В данном примере новость имеет заголовок (text) и содержимое (content), а также дату добавления (created_at). Это минимально необходимые данные.

Теперь рассмотрим HTML-шаблоны, которые выводят данные новости и предоставляют интерфейс для их добавления в базу.

index.phtml — вывод списка новостей

Добавить новость

—>

form.phtml — форма добавления новости


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

Создано 25.01.2022 13:40:02

  • Михаил Русаков
  • Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

    Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
    Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

    Если Вы не хотите пропустить новые материалы на сайте,
    то Вы можете подписаться на обновления: Подписаться на обновления

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

    Порекомендуйте эту статью друзьям:

    Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

    1. Кнопка:
      Она выглядит вот так:
    2. Текстовая ссылка:
      Она выглядит вот так: Как создать свой сайт
    3. BB-код ссылки для форумов (например, можете поставить её в подписи):

    Комментарии ( 0 ):

    Для добавления комментариев надо войти в систему.
    Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

    Copyright © 2010-2023 Русаков Михаил Юрьевич. Все права защищены.

    Как быстро добавить новость на HTML сайт

    Добрый день ! Есть сайт полностью на HTML (без каких либо движков) , хочется сделать личный кабинет , попадаем в него через логин и пароль и печатаем текстовую новость , которая появится в определенной области главной страницы . Подскажите как это можно реализовать или может есть готовые решения на javascript . Спасибо.

    • Яндекс напомнил вебмастерам, как правильно информировать его о новом сайте
    • Разные языковые локализации (СНГ)
    • В Яндексе теперь можно авторизоваться через Твиттер и другие популярные сервисы

    На сайте с 30.03.2007
    18 января 2012, 08:39

    Добрый день, а почему же не установить CMS и не перенести все новости?

    Я думаю это куда полезнее будет работа.

    p.s. спасибо всем тайным поклонникам

    На сайте с 05.02.2008
    18 января 2012, 08:45

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

    Установите какую-нибудь ленту новостей, например, CuteNews и выводите новости хоть до посинения.

    На сайте с 02.08.2009
    18 января 2012, 08:52

    Мне кажется что перенести html сайт на cms более сложно нежели сделать скрипт быстрого добавления новостей или я ошибаюсь ?

    ———- Добавлено в 11:52 ———- Предыдущее сообщение было в 11:47 ———-

    Хазарин:
    Установите какую-нибудь ленту новостей, например, CuteNews и выводите новости хоть до посинения.

    Да , спасибо , сейчас посмотрю !

    На сайте с 29.12.2010
    18 января 2012, 09:03
    NikolayTr.:
    ли может есть готовые решения на javascript

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

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

    Для этого без cms никак не обойтись.

    Даже если эта cms будет смописной и состоять из одного PHP-скрипта она от этого не перестанет быть «системой управления контентом»

    Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)
    На сайте с 04.01.2012
    18 января 2012, 09:28

    Попробуйте лучше CMS Kandidat — крайне легкая в установке, на PHP рабоатет, но без базы данных. Шаблон натягивается всего в одном файле, так чт ос легкостью сможете разобраться. А там уже и новости будут, и все чт ок этому прилагается 9включая комментарии)

    На сайте с 01.05.2010
    18 января 2012, 09:32

    NikolayTr., на перспективу, конечно, разумно CMS, если сайт постоянно развивается.

    Перенести контент реально, я это делал неоднократно. Кстати, на CMS, что посоветовал JetDesigner, переносить в некотором смысле легче, вплоть до автоматизма, т.к. данные хранятся в файлах dat, как раз расположенных в древе директорий. Т.е. нужен лишь умный блокнот с регулярками и пакетной правкой файлов, а так же мод реврайт.

    Если кроме овостей ничего менять не надо, закажите админку под это дело и всё.

    На сайте с 02.08.2009
    18 января 2012, 09:54

    gormarket:

    Даже если эта cms будет смописной и состоять из одного PHP-скрипта она от этого не перестанет быть «системой управления контентом»

    Можете подсказать готовое решение , если оно есть конечно , или только заказывать что бы написали ?

    ———- Добавлено в 12:54 ———- Предыдущее сообщение было в 12:33 ———-

    решение найдено , тема закрыта

    На сайте с 14.06.2011
    18 января 2012, 10:56

    NikolayTr.:
    Можете подсказать готовое решение , если оно есть конечно , или только заказывать что бы написали ?

    ———- Добавлено в 12:54 ———- Предыдущее сообщение было в 12:33 ———-

    решение найдено , тема закрыта

    Полюбасу прогер нужен будет.

    Как создать новость на сайте

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

    Как создать новость на сайте

    По данному разделу доступна подробная ВИДЕО инструкция.

    Перейдите в меню Сайт → Новости → Список. Заполните следующие поля страницы создания новости:

    • Заголовок (1) – выводится в новостной ленте на сайте и в списке новостей (в админ панели);
    • Превью (2)– изображение в новостной ленте на сайте (если поддерживается шаблоном);
    • Регион показа (3)– в каком регионе показывать новость (если выбран Базовый регион, показывает во всех);
    • Краткое описание (4) – короткий вариант новости для вывода в новостной ленте на сайте (если поддерживается шаблоном);
    • Новость (5)– текст новости с возможностью визуального редактирования. Полный текст можно увидеть после клика на новость в новостной ленте на сайте.

    Нажмите на кнопку «Сохранить».

    Как создать новость на сайте иллюстрация №1

    Фото 1. Создание новости

    После обновления главной страницы сайта опубликованная новость появится в новостной ленте.

    Как разослать новость клиентам

    Новость рассылается клиентам с установленной галочкой Получать рассылку новостей. Вы можете установить галочку в карточке клиента или с помощью массовых операций.
    Для новых клиентов галочка стоит по умолчанию.

    Вы можете включить запрос от клиента явного согласия на рассылку новостей.
    Для этого перейдите в меню Сайт → Общие настройки и установите галочку Показать чекбокс ‘Получать рассылку новостей’ в клиентской части.

    Для отправки новостей клиентам есть две возможности.

    1. Отправка одной новости

    Перейдите в меню Сайт → Новости → Список. Нажмите на конвертик для нужной новости. Новость уйдет клиентам, подписанным на новости.

    Как создать новость на сайте иллюстрация №2

    Фото 2. Отправка новости клиентам

    Инициировать рассылку можно также со страницы редактирования новости. В этом случае можно просмотреть или отредактировать все атрибуты новости перед отправкой.
    В списке новостей нажмите на кнопку редактирования для нужной новости и в нижней части страницы редактирования новости нажмите на кнопку «Разослать новость клиентам».

    ВАЖНО! Если новость была изменена, перед отправкой обязательно нужно нажать на кнопку «Сохранить» на странице редактирования новости.

    2. Рассылка списка новостей

    Отметьте галочками нужные новости. В верхней части таблицы введите тему рассылки и нажмите на кнопку «Отправить». Список новостей уйдет клиенту.
    Вы можете отредактировать шаблон списка в меню Служебные → Шаблоны html (письма, смс и т.п.). Подробнее о настройке шаблонов в статье Шаблоны писем.

    Как создать новость на сайте иллюстрация №3

    Фото 3. Отправка списка новостей клиентам

    Страница «Новости» на сайте: зачем нужна, как сделать, что разместить

    На сайте компании помимо обязательных основных страниц («Услуги», «О компании», «Контакты» и т.д.) также должен быть специальный раздел с новостями или блог. В этом разделе можно размещать корпоративные новости, акции, анонс мероприятий, новости отрасли и другие интересные посты и материалы, касающиеся деятельности компании.

    Бесплатный вебинар «Сайт за 5 дней». За 5 дней вы БЕСПЛАТНО научитесь создавать сайты:

    Создайте свой сайт уже через 5 дней. Бесплатно.

    Для чего нужна страница новостей на сайте:

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

    Особенно важна страница новостей на сайте для компаний, которые ведут активную внешнюю деятельность: участвуют в выставках, конференциях, разрабатывают новые продукты. Новостная страница для таких компаний — это PR-ресурс для продвижения и привлечения клиентов.

    Как сделать на сайте страницу новостей

    Во всех CMS есть функции создания и настройки новостей. Например, в WordPress для того, чтобы сделать раздел с новостями, сначала в пункте Записи создается рубрика «Новости», и потом создается запись с новостной публикацией и присваивается рубрике «Новости». Потом в меню главной странице добавляется ссылка на URL рубрики.

    В CMS создание новости автоматизировано. Вы просто создаете новый материал на сайте: пишете текст, добавляете иллюстрацию, и ему система присваивает дату и публикует в нужном разделе.

    На самописных сайтах раздел с новостями делают как обычную HTML страницу, на котором вручную прописывают список новостей. Это не очень удобно, так как приходится следить сразу за двумя страницами.

    Разработка seo-сайтов

    Разработка SEO-сайтов с пожизненной гарантиейСоздаем невероятные SEO-сайты, оптимизированные по 69 параметрам уже на этапе разработки

    Где разместить раздел с новостями

    Новостной раздел должен быть отдельной страницей. Как правило, это страница первого уровня. Например: site.ru/news.

    На этой странице отображается кликабельный список всех новостей, которые являются страницами уровнем ниже. Например, site.ru/news/news_1.

    Ссылка на страницу новостей закрепляется либо в главном, либо в дополнительном меню (например, в футере). Также необходимо выводить новости на главной странице сайта.

    news example 1

    Делается это для того, чтобы посетители видели, что компания ведёт активную деятельность, она развивается, проходят какие-то мероприятия и т.д. К тому же, если какая-то новость заинтересует посетителя, он перейдет по ссылке, прочтёт публикацию — таким образом увеличится время его пребывания на сайте, которое является поведенческим фактором, влияющим на ранжирование. Но чтобы это работало, необходимо регулярно публиковать свежие новости.

    Что можно разместить на странице новости сайта

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

    Рекомендации к оформлению страницы новостей

    1. Каждая новость помимо заголовка должна сопровождаться датой публикации, изображением, анонсом и ссылкой «Читать далее» или «Подробнее».

    news example 2

    Кстати!

    Наличие изображение не обязательно, но желательно — оно привлекает внимание к новости, а страница с картинками выглядит более разнообразно и презентабельно, чем сплошной текст. Если новости обновляются редко, то есть менее 1 раза в 2 недели, то даты лучше не показывать.

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

    3. Изображение должно присутствовать не только в превью на странице со всеми новостями, но и в самой публикации.

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

    ——————————————
    Есть реклама. Информация о рекламодателях по ссылкам в статье.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *