Как сделать новостной портал вордпрессе
Добавил пользователь Валентин П. Обновлено: 04.10.2024
Плагинов, решающих подобную задачу, для WordPress, думаю, можно найти десятки. Мы обратимся к плагину с интересным названием Ditty News Ticker. Это плагин с действительно богатым функционалом для вывода ленты новостей.
Как обычно, начнем с поиска и установки плагина.
После активации плагина ленты новостей, в меню появится новый раздел под названием News Tickers.
Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц
Итак, пара новостей добавлена в ленту. Как же теперь вывести эту ленту? Здесь есть два способа. Первый способ, наиболее простой, это использование шорткода, т.е. новостную ленту мы можем встроить в статью или страницу. Второй способ, глобальный, это использование PHP функции плагина, которую необходимо вставить в шаблон темы, например в sidebar.php для вывода ленты в сайдбаре или footer.php — в футере.
Давайте для начала воспользуемся шорткодом. Его, как и функцию, удобнее всего взять на странице добавления или редактирования новостной ленты. Разместим шорткод в статье на выбор и посмотрим, заработает ли он. Если обратиться к выбранной статье, то мы действительно увидим новостную ленту в виде бегающей справа налево строки.
Собственно, задача решена — новостная лента появилась на сайте. Если вам захочется поиграться с настройками и изменить представление новостной ленты, тогда это можно сделать во вкладках Ticker Mode и Global Settings.
Например, если вы хотите изменить направление движения новостной ленты, скажем не справа налево, а сверху вниз, тогда во вкладке Ticker Mode в разделе Scroll Direction выберите соответствующее направление — Down. Если вам кажется, что лента движется слишком быстро, тогда укажите меньшее значение здесь же в разделе Scroll Speed.
Ну и, наконец, если вы хотите видеть новостную ленту на каком-нибудь постоянном месте, к примеру в сайдбаре, тогда рядом с шорткодом вы найдете PHP функцию, которую достаточно скопировать и вставить в соответствующее место вашего шаблона. После этого останется лишь оформить новостную ленту, чтобы она вписалась в дизайн вашей темы WordPress.
На этом у меня сегодня все. Напоминаю, что если вы хотите научиться сами создавать подобные плагины, тогда обязательно познакомьтесь с нашим курсом, посвященным изучению API WordPress. Удачи!
Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц
Основы создания тем WordPress
Научитесь создавать мультиязычные темы с нестандартной структурой страниц
Разработанный WPMU премиум-плагин Autoblog – мощный инструмент для получения RSS-фидов и публикации их на своем сайте. Многие считают, что этот плагин требуется только для создания спам-блогов. Безусловно, он используется и в этих целях, однако это далеко не единственное его предназначение. Поисковые системы уже давно научились выявлять и наказывать подобные спам-сайты, потому никого смысла в их создании нет.
В качестве средства для создания спам-блогов плагин Autoblog бесполезен. Однако он оказывается очень удобным средством для создания качественных новостных ресурсов.
Контент по-прежнему является королем – используем его в своих целях
Контент – это король. Это утверждение верно и по сей день.
Затем появились различные социальные медиа, такие как Delicious и Digg, Facebook и Twitter. Они предложили более совершенный способ предложения и распространения информации. Контент по-прежнему оставался королем, однако многие люди начинали видеть преимущества не только в публикации своих материалов, но и в распространении уже имеющихся. Если ваш ресурс заслуживал доверия, пользователи вновь и вновь возвращались к нему.
Переходим к тематическому сайту с агрегацией контента
Сайт с агрегацией новостей работает аналогично лавкам с модными журналами. Соберите все в одном месте, и люди будут заглядывать к вам.
Агрегаторы – неплохое решение. Однако на практике мало кто старается их создать. Или же их создают, и потом про них забывают. Почему так происходит? Возможно, это как-то связано с размещением и представлением информации.
В любом случае, факт остается фактом: мало кто пользуется этим полезным решением, хотя его потенциал огромен.
Если вы будете отбирать лучшую информацию для какой-либо ниши и публиковать ее на привлекательном, хорошо продуманном сайте, вы получите единственный в своем роде ресурс, на котором любой пользователь сможет найти для себя что-то полезное, свежее и интересное.
Это именно то, о чем мы хотим поведать в данной записи – создание сайта с агрегацией новостей, осуществляемой при помощи плагина WPMU DEV’s Autoblog.
Действительно ли это полностью автоматический процесс – настраиваем и забываем?
Не стоит рассчитывать на полную автоматизацию.
Конечно, плагин Autoblog может своими усилиями пытаться найти что-то в тех местах, куда вы его направили, однако для создания качественного сайта, который будет действительно представлять какую-то ценность для посетителей, этого недостаточно.
Иными словами, плагин Autoblog может выступать в качестве исследователя – очень мощного исследователя, который сделает за вас всю рутинную работу. Однако он будет поставлять лишь сырой материал, который все равно придется довести до кондиций, прежде чем его публиковать.
Что думает по этому поводу Google?
Да, у многих возник и такой вопрос: что же по этому поводу думает Google? Вы знаете ответ: да всем наплевать!
Правда, отношение может и не измениться. Вы должны учитывать это.
Не ждите никаких знаков внимания от Google.
Привлекайте посетителей другими методами – через социальные средства, сарафанное радио, почтовые рассылки и рекламу.
Посетителей всегда нужно чем-то привлекать. Если вы создадите качественный сайт, они обязательно будут заглядывать к вам.
Демонстрационный сайт
Вы можете заметить, что каждая запись на сайте обладает своей миниатюрой. Далеко не все WordPress сайты публикуют миниатюры в своих RSS-фидах. Это не остановило нас – мы просто выполнили некоторые действия, о которых расскажем ниже.
Как настроить фиды с помощью плагина Autoblog
Сначала мы расскажем про настройку фидов с помощью плагина Autoblog, а затем, в следующих разделах, дадим некоторые советы по поиску фидов и изучим плагины, которые могут выступать в качестве дополнения для Autoblog.
При первоначальной настройке своих фидов вам понадобится удостовериться, что они выводятся должным образом. Сразу же переработать свои фиды не получится. Для начала они должны будут появиться на внешних сайтах, и только потом уже они будут обработаны на вашем ресурсе.
Допустим, что вы забыли указать число слов в цитате, и фиды импортировались в виде одних заголовков. Вы можете удалить эти записи, однако, даже если вы вручную обновите фид, он выдаст, что вы уже получили все свежие записи.
Лучше всего для начала настроить тестовый сайт, чтобы поэкспериментировать с обработкой новостей. Либо самостоятельно обрабатывать фиды уже в процессе функционирования сайта. В таком случае вы можете удалять созданные записи и фиды по мере их появления.
Столкнуться с ошибкой в самом начале – не так страшно, однако можно этого избежать, просто создав тестовую площадку перед запуском сайта.
Давайте приступим к пошаговому созданию новостного сайта.
Шаг 1. Добавляем рубрики.
В зависимости от того, как именно вы хотите настроить свой сайт, вы можете добавить к нему некоторые рубрики.
Как вариант, можно автоматически создавать рубрики, основываясь на рубриках сайтов, с которых будет браться материал. Решать вам. Если вы долго будете работать с этой настройкой, то у вас на сайте появится огромное количество рубрик. Учтите этот факт, выбирая данную опцию.
Шаг 2. Выбираем дополнения.
Как только вы установите и активируете плагин, вы можете сразу же добавить к нему некоторый дополнения. В моем случае я решил активировать импорт миниатюр и дополнение для Твиттера. Последнее преобразует упоминания в Твиттере в ссылки.
Шаг 3. Вставляем фиды.
Ниже мы посмотрим на некоторые настройки, которые, возможно, потребуют детального разъяснения.
Добавляем фиды
Добавить новый фид можно в разделе плагина All feeds. Щелкаем по кнопке Add New. Затем придумываем заголовок для фида. Этот заголовок относится только к вашему фиду, и нигде не публикуется. Он позволяет идентифицировать ваш фид, если в дальнейшем вы захотите его отредактировать или удалить.
Шаг 4. Заполняем поля
Большая часть настроек этого раздела не требует разъяснения, однако мы все кратко по ним пробежимся.
Post type for new posts: позволяет выбирать, в каком виде вы хотите публиковать ваши фиды – как записи или, может быть, как страницы. Значение Post выбрано по умолчанию, и в большинстве случаев не меняется.
Assign posts to this category: привязывать записи к определенной рубрике, которая уже должна быть создана.
Treat feed categories as: когда вы импортируете записи с других сайтов, они чаще всего находятся в каких-либо рубриках. Информация об этих рубриках представлена в импортируемом фиде. В этом разделе вы можете автоматически добавлять рубрики, основываясь на рубриках сайта, с которого происходит импорт фида.
Поставьте флажок напротив опции “Add any that do not exist”, если вы хотите добавлять что-то одно, что не существует на вашем сайте (либо рубрики, либо метки).
Если вы получаете фид с сайта, который обновляется не так часто, достаточно будет выбрать настройку “every day”.
Как только вы закончите, просто нажмите кнопку “Add feed”.
Лучшие методы по работе с фидами:
Если вы планируете создать продуманный сайт, обязательно учтите следующее:
- получите разрешение у сайта на использование его фидов;
- используйте цитаты вместо полных записей;
- оставляйте ссылку на оригинал;
- используйте dofollow ссылки.
Плагины для расширения Autoblog
Использование стандартных миниатюр
Вы всегда можете получить изображения из фидов, однако в большинстве случаев фиды не имеют таких изображений. Если это так, записи будут публиковаться без каких-либо миниатюр.
Выход из ситуации есть – для добавления миниатюр можно воспользоваться плагином Default Thumbnail Plus. Этот плагин позволяет настраивать различные стандартные миниатюры для каждой рубрики. Если пост не имеет при себе миниатюры, плагин сам добавит ее.
Ниже представлена краткая страница с настройками плагина. Здесь мы видим стандартную миниатюру для всех таксономий (буква W) и миниатюры для различных рубрик.
Дубликаты записей
Если вы используете многочисленные фиды из разных источников, то на вашем сайте могут появиться дубликаты записей. Чтобы избавиться от них, достаточно установить плагин Super Post Cleaner. Он удалит из базы данных дубликаты записей, оставив только один пост.
Заключение
Создавать спам-блоги с помощью плагина Autoblog – пустое занятие. Даже если вы и привлечете к себе какой-то трафик, все равно все ваши старания будут аннулированы поисковыми системами, которые выбросят ваш сайт из поисковой выдачи. Ни один человек не будет вас рекомендовать, никто не будет на вас ссылаться.
Если же использовать Autoblog с умом, он выступит эффективным инструментом для решения различных задач.
Цикл используется в WordPress для вывода записей (новостей). С помощью циклов WordPress обрабатывает каждую из записей для вывода на текущей странице и форматирует ее в соответствии с указанными критериями внутри цикла. HTML или PHP код, расположенный внутри Цикла, будет повторен для каждой записи.
Внутри блока контент добавим следующий код
Смотрим, что получается
Для оформления обернем каждую новость блоком post
Также уберем параметр высота и заливка блока content
Параметры записей в WordPress
Выводим заголовки новостей с помощью функции the_title();
Ссылку на новость выведем с помощью функции the_permalink();
Поддержка миниатюр в WordPress
Добавим поддержку миниатюр для новостей в файле functions.php
add_theme_support(‘post-thumbnails’); // устанавливаем поддержку миниатюр
set_post_thumbnail_size(150, 150, TRUE); // устанавливаем размер миниатюр
Вывод миниатюр в index.php осуществляется с помощью функции the_post_thumbnail();
Смотрим что получается
Зададим обтекание текста справа и отступ справа от картинки в размере 10px, а также серую рамку вокруг картинки
Код в style.css будет выглядеть следующим образом
Для этого в режиме редактирования консоли в нужном месте щелкнем по кнопке more
Обновим запись и посмотрим что получилось
Чтобы изменить текст ссылки (далее…), выводимый по умолчанию, добавим нужный параметр для функции the_content:
Вывод часть записей на главную страницу
Через настройки wordpress выведем вместо 3 записи (вместо 4-х).
На главной странице пропала новость 4
Для вывода предыдущих или следующих новостей используются функции:
Для оформления этих ссылок используем класс link
Задайте параметры для класса link: выравнивание по центру, отступы 30px, ссылка меняет цвет при наведении на бордовый
Шаблоны записей и страниц
single.php – шаблон, отвечающий за вывод одиночных записей (новостей), т.е. определяет какой будет выглядеть внешний вид записи
page.php – шаблон, отвечающий за вывод страниц сайта, т.е. определяет внешний вид стационарной страницы
Создайте эти 2 файла с кодом index.php, несколько скорректировав его.
Оформите шапку сайта с помощью блочной верстки (самостоятельно)
Картинки в wordpress выводятся следующим образом:
(если файл logo.jpg хранится в папке images)
Под новостями выведем блок Видео
Каждое видео выводим с помощью тэга высотой 180px, шириной 280px
Подписи видео выводит с помощью тэга
Каждое видео заключаем в отдельный
Ссылки на видео:
Самостоятельно оформите подвал сайта
Под ним блоки соц. сетей
Вывод виджета ВКонтакте осуществляется скриптом:
Вывод не типовых блоков
Блоки видео и соц. сетей подключите через функцию include, предварительно создав php-файлы (video.php, social.php) :
Блок footer мы подключали ранее с помощью функции get_footer();
ПОИСК НА САЙТЕ
Вставим в блок search следующий код:
ВИДЖЕТЫ
Подключим поддержку виджетов в function.php
Но для начала, я немного отступлю от нашей темы — настройка вывода новостей. Поясню, что от внешнего вида вашей главной страницы, а именно ее мы будет сегодня настраивать, зависят поведенческий факторы вашего ресурса, а как известно, поисковые системы учитывают поведенческие факторы сайта, при ранжировании страниц. То есть, место вашего сайта зависит от поведенческих факторов. Конечно — это не главное, но все же стоит учитывать, что поисковые системы быстро учатся собирать, как можно больше информации о ресурсе, для более релевантного ранжирования.
Конечно, в вордпресс, настройка вывода новостей очень скудна, в отличии от настроек, которые предоставлены в DLE, но все же стоит использовать возможность настроить хоть что-то. Поэтому- вперед!
Настройка вывода новостей wordpress
На страницах блога отображать не более… В этом пункте нужно поставить число новостей, которое будет выводиться на главной. Я советую не ставить число более десяти, потому что пользователи сети интернет не очень любят долго прокручивать страницу вниз. Я для себя выбрал цифру пять. Я считаю. что пять статей на страницу вполне достаточно. Результат вы можете увидеть на главной странице моего блога.
На этом, настройка главной страницы wordpress заканчивается. И почему-то остается чувство незавершенности… Ну да ладно. Теперь мы можем настроить RSS ленту. Что это и для чего она нужна поговорим не в рамках этой статьи.
Настройка вывода новостей wordpress в RSS-ленте
В RSS-лентах отображать последние… Здесь, также имеется ввиду количество новостей, которое будет отображаться в RSS-ленте блога или сайта. Мой выбор — последние десять статей.
Для каждой статьи в ленте отображать полный текст или анонс. Если выбрать текст, то в RSS-ленте будет отображаться десять статей полностью. А анонс — это как бы небольшое описание статьи. Примеры анонсов, вы также можете увидеть на главной странице моего блога.
И остался последний пункт, который относится к сайту в целом, то есть и к новостям и к Rss-ленте.
Кодировка страниц и лент. В вордпресс по умолчанию указана кодировка текста — utf-8. И это самый правильный выбор для вашего ресурса, потому что кодировка utf-8, представляет собой универсальную кодировку текста, которая помогает избежать появления не читаемых текстов (крокозябров). Поэтому, даже не думайте — оставляйте кодировку utf-8. Там же, на странице настроек, вы можете прочитать подробнее о кодировках текста, и о том, какие они бывают.
Вот и вся, представленная cms для сайта wordpress, настройка вывода новостей.
Настраивается быстро и не представляет никакой сложности для начинающего вебмастера. Зато при правильном подборе настроек, может способствовать улучшению поведенческих факторов на вашем ресурсе.
Спасибо за прочтение — удачи вам, в ваших начинаниях.
А для того, чтобы удача была с вами, я рекомендую вам видео курсы Евгения Попова. Ведь самообразование — это то, что делает нас более разумными существами.
Читайте также: