Newspaper – одна из самых продаваемых тем для WordPress на торговой площадке ThemeForest. Тема создана разработчиками tagDiv, которые запустили первую версию шаблона еще в сентябре 2013 года. На сегодняшний день тема обрела очень много улучшений, что делает ее одной из лучших!
Эта тема была загружена официально куплена больше 100 000 раз и имеет рейтинг 4,8 из 5, который основан на отзывах 6674 пользователей.
Версия: 10.3.8
Если у вас возникнут какие-то вопросы по настройке темы, то вы можете всегда связаться со мной, я буду рад вам помочь.
Краткая инструкция
Поверьте, Newspaper – это отличная тема, которая подойдет всем и каждому. Однако при беглом взгляде она может показаться сложной и не понятной.
Поэтому, настоятельно рекомендую быстренько пройтись по моей краткой инструкции и общих рекомендациях установки и настройки Newspaper.
Первые настройки
Когда вы уже становили тему нужно сразу определиться, будете ли вы строить свой сайт на основе стандартного дизайна Newspaper или импортируете уже готовый, более индивидуальный внешний вид.
Я бы рекомендовал вам воспользоваться другим вариантом, тем более что с каждым обновлением вариантов все больше и больше. Кроме того, эти дизайны используют специфическое построение, которое способствует более быстрой загрузке страниц.
И так, поехали:
- Установите тему Newspaper. Как вы заметили, сейчас панель управления темы отсутствует, поэтому переходим к следующему шагу.
- Установите и активируйте плагины: Composer, Cloud Library, Newsletter и Standard Pack. Сразу же советую устанавливать плагин Mobile Theme, чтобы облегчить страницы вашего сайта для мобильных устройств.
- Теперь панель управления темой доступна, как и остальные функции.
- Импортируем готовый дизайн. Переходим на страницу Newspaper – Install demos. На странице вы найдете множество готовых дизайнов – вам нужно выбрать для себя подходящий.
- Чтобы импортировать только дизайн, необходимо снять галочку с пункта «Include content» и нажать кнопку «Install».
- Если вы хотите, чтобы импортировался не только дизайн, но и демонстрационный контент (страницы, статьи, категории, меню и т.д.) то галочку не снимаем.
- После успешного импорта вы можете зайти на свой сайт и проверить – дизайн должен уже примениться.
Если вам необходимо изменить расположение блоков, изменить тип заголовка статьи, изменить текст, цвета, размер шрифта, расположение превьюшек… короче, если нужно что-то изменить в дизайне найдите в консоли такой пункт Cloud Templates.
Здесь вы найдете отдельные шаблоны для каждого элемента на сайте.
Например:
- Single Post Template – шаблон того, как будут выглядеть ваши записи (статьи).
- 404 Template – шаблон страницы с ошибкой 404.
- Category Template – шаблон, который задает внешний вид вашим рубрикам.
- Header Template – шаблон шапки сайта.
- Search Template – шаблон поисковой формы и страницы с выдачей результатов.
Кроме того, мы можете реализовать несколько типов статей и категорий. Нужно всего лишь сделать дубликаты шаблонов Single Post Template и Category Template и в панели управления темой привязать определенный шаблон до конкретной записи или рубрики.
Чтобы быстро произвести настройку внешнего вида под себя, необходимо возле Single Post Template нажать кнопку «Edit with TagDiv Composer».
И теперь вы на одной странице можете настроить сразу несколько шаблонов: внешний вид статьи, шапки сайта, подвала сайта, боковой панели и поиска.
Когда вы внесете свои коррективы и нажмете кнопку «Save» то изменения будут внесены сразу во все типы шаблонов.
Кому подойдет Newspaper
Тема, благодаря внушительному функционалу, демо-набору готовых веб-сайтов, а также большой библиотеке шаблонов и дизайнерских элементов, позволяет вам создать информационный веб-сайт, ориентированный на любую аудиторию.
Проще говоря, Newspaper – это многоцелевая тема.
Чтобы наглядно посмотреть на что способна тема Newspaper вы можете перейти по ссылке и ознакомиться с примерами готовых демонстраций.
Кстати, любой из демонстрационных сайтов вы можете установить у себя на сайте, чтобы применить уже готовый дизайн, либо использовать его для основы по созданию своего индивидуального внешнего вида сайта.
Особенности Newspaper
Устанавливается тема Newspaper как и любой другой шаблон. Для этого вы можете использовать FTP-клиент и загрузить файлы шаблона вручную, либо же установить автоматически через консоль вашего сайта. Оба метода просты и займут всего несколько минут.
Скорость сайта
С каждым обновлением темы она становиться все более быстрой. В моем тесте демонстрационный веб-сайт на WordPress, который использует тему Newspaper 9, загружался за 1,15 секунды, при тому, что страница весила 2,3 М. Но уже новая версия Newspaper 10 имеет размер той-же страницы 1,4 Мб, а загружается за 40 секунд.
Оптимизируя размер изображений и используя плагин кэширования WordPress, этот результат можно улучшить еще лучше.
Импорт дизайна в один клик
Не важно, начинаете ли вы создавать свой сайт с нуля, или он уже имеет опубликованный контент, вы всегда можете быстро «натянуть» готовый дизайн от Newspaper.
Шаблон, как уже говорилось выше, имеет много готовых дизайнов и даже демонстрационного контента.
Если вы начинаете делать сайт с нуля и у вас нет в этом опыта, то вы можете импортировать дизайн включительно с контентом, чтобы вам было проще ориентироваться.
Если же у вас уже готовый сайт на WordPress и вы просто хотите перейти на тему Newspaper, то рекомендуем отключать установку демонстрационного контента. Так на ваш существующий сайт будет натянут только новый дизайн, без создания рубрик, постов и категорий.
Если после установки дизайна вас не устраивает текущий внешний вид сайта, то вы всегда сможете удалить настройки дизайна и импортировать другие.
Когда вы определитесь с подходящими настройками, у вас всегда будет возможность понастроить их под себя: поменять цвета, изменить тип шапки и подвала сайта, размер и расположение главной картинки заметки… короче, вы можете настроить «тупо» все, что захотите.
Встроенная панель темы
Внимание: после импорта готового дизайна, с большинством из этих разделов вам взаимодействовать не придаться.
Тема, как и многие премиум-шаблоны, имеют свою отдельную панель с настройками, где вы можете полностью управлять темой и ее настраивать.
Оттуда вы можете легко управлять:
- Шапкой сайта
- Подвалом сайта
- Рекламой
- Шаблонами разных типов страниц
- Категориями
- Настройками постов
- Блоками
- Фоном сайта
- Языком/Переводом шаблона
- Цветами
- Шрифтами
- Пользовательскими кодами
- Аналитикой и другими JS-скриптами
- Социальными сетями
- Импортом/Экспорт
Мобильной темой (при условии установленного плагина)
В каждом разделе вы получите индивидуальные параметры для настройки вашей темы. К счастью, команда добавила готовые дизайны для новичков.
Если вы установите готовый дизайн из Cloud Library, то часть ниже описанных настроек будет скрыта. Так и должно быть. Скрытые настройки теперь нужно менять непосредственно на странице установленного дизайна через tagDiv Composer.
Настройка шапки сайта
В этом разделе вы найдете 15 (на данный момент) стандартных настраиваемых стилей заголовков.
Также здесь вы можете установить логотип и значок (favicon) для своего веб-сайта, настроить Top bar, указать главное меню сайта, загрузить фон для шапки и многое другое.
Настройка подвала сайта
Как и в настройщике шапки сайта, вы здесь можете легко настроить полностью свой нижний колонтитул. Вам доступно множество стилей, кроме того, вы всегда можете включить или отключить отображение подвала.
Вы также можете отобразить здесь свою галерею фото из вашего Instagram. Все, что вам нужно сделать, это ввести свой Instagram ID и авторизоваться. В этом случае авторизация будет действительна 60 дней, после чего нужно повторить процеди снова (такие правила инстаграма).
К другим возможностям, которые вы получаете в этом разделе, можно отнести информационное содержание подвала, его фон, отредактировать тест про авторские права, символ, а также вы сможете назначить отображаемое меню.
Оптимизирована для рекламы
Если вы ведете блог, то скорее всего вашей основной или второстепенной целью может быть заработок в Интернете.
С этой темой вы, без использования какого-либо плагина управления рекламой WordPress, можете легко вставлять рекламные интеграции в свой блог.
Специальный раздел есть в панели темы, где вы можете легко размещать рекламу в шапке своего сайта, боковой панели, внутри контента, вверху каждой статьи, внизу каждой статьи, а также в пользовательские места.
Поскольку эта тема WordPress оптимизированная для рекламы, вы должны наблюдать рост доходов от рекламы.
Добавляйте собственные коды
Я уверен, что часть из вас знает, как и куда вставлять собственный код в файлы шаблоны. Однако делать так не рекомендуем, потому что когда выйдет новое обновление Newspaper, то все внесенные вами изменения пропадут. Файлы старой версии темы будут заменены новыми, обновленными.
Чтобы предотвратить это, вы можете использовать специальный раздел в панели темы. На панели темы вы увидите настройки под названием Custom Code.
Именно здесь вы можете добавлять свои пользовательские коды, которые будут действовать на весь сайт.
Здесь вы можете легко добавить собственные CSS, JavaScript и HTML.
Просто разверните раздел Custom Code! Например, вы собираетесь добавить на сайт собственный CSS-код, для этого просто впишите его в поле Custom CSS и сохраните изменения.
Ваш сайт – ваши цвета
Вы всегда можете изменить цвет своего сайта. Обычно для настройки цветов нам нужно воспользоваться специальным плагином, например плагин CSS Hero. Но с этой темой у вас больше не будет головной боли.
В панели темы вы получаете возможность настройки все цвета сайта.
Лучшая типографика
Типографика веб-сайта имеет большое значение, ведь шрифт влияет на удобство чтения, а это в свою очередь повышает поведенческие факторы. С этой темой для вас будет доступен целый набор шрифтов Google, которые вы можете использовать для своего сайта на WordPress. Замена шрифта происходит всего за пару минут.
Команда разработчиков Newspaper интегрировала в тему почти все шрифты Google. Кроме того, вы всегда можете добавить в блог собственные шрифты, для этого нужно будет загрузить свой шрифт в формате .woff.
После того, как вы настроили шрифты, просто нажмите кнопку сохранения. Изменения будут сохранены мгновенно. Вы можете сразу проверить свой сайт чтобы увидеть изменения.
Пользовательские шаблоны постов
В теме Newspaper для WordPress вы получаете кучу вариантов настраиваемых шаблонов постов. Вы можете выбрать один шаблон по умолчанию для всех постов (статей) или настроить все так, чтобы для постов в разных категориях был собственный шаблон.
Эти шаблоны можно применять к:
- Странице 404
- Категориям
- Страницам вложений
- Авторским архивам
- Страницам блога
- Отдельным сообщениям
- Странице поиска
- Страницам WooCommerce
- Обычным страницам
- Архивам тегов
- и т. д.
Также вы найдете такие настройки, как умная боковая панель, хлебные крошки и lazyload.
Опция умной боковой панели сделает вашу боковую панель «липкой», даже не нужно устанавливать дополнительные плагины. Хлебные крошки помогут вам в создании удобной навигации. Также они будут отображаться на страницах результатов поиска Google.
Lazyload – это оптимизация, которая используется для оптимизации загрузки изображений. Для WordPress доступно таких много плагинов с отложенной загрузкой картинок, но Newspaper имеет эту особенность уже с коробки.
Интегрированная аналитика
Теперь, не редактируя файл header.php темы или используя вспомогательные плагины, вы можете интегрировать инструменты аналитики, например Яндекс.Метрику или Google Analytics, в свой блог прямо с панели управления темой.
Все, что вам нужно сделать, это просто вставить код отслеживания аналитики и сохранить изменения. Вы также можете добавить код в нижний колонтитул своего сайта.
Профили социальных сетей
Вы можете легко добавить в эту тему ссылки свои профили в социальных сетях. Кроме того, у вас есть полный контроль над ссылками и вы можете легко пометить их тегами nofollow, noopener, norefferer.
Многоязычная тема
Поскольку WordPress – широко используемая CMS, она используется во всем мире. Поэтому вебмастерам приходиться переводить шаблоны на нужный язык. Очень хорошо, когда тема имеет готовый файл для перевода на нужный язык. Однако Newspaper пошла еще дальше, у этой темы есть настройка языка и перевода прямо в панели темы.
В раскрывающемся списке выберите нужный язык и загрузите готовый перевод. Если какая-то фраза вам не нравиться, вы, на этой же странице, можете задать свой собственный перевод.
Встроенные кнопки соц.сетей
Раньше, чтобы добавить на свой сайт кнопки социальных сетей (поделиться с друзьями) мы использовали отдельные плагины. Та и сейчас существует так много плагинов на WordPress для этих целей. Однако в теме Newspaper вы получаете их уже по стандарту встроенными в шаблон.
Кроме того, вы можете выбрать место, где они будут отображаться, выбрать конкретные социальные сети, разместить их в нужном порядке, настроить их внешний вид в целом.
Статьи по теме
Когда вы ведете блог, чтобы зарабатывать деньги в Интернете, вам необходимо увеличить количество просмотров страниц, тем самым повышая поведенческие факторы. Отображение связанных статей под отдельными постами – один из лучших естественных способов увеличения просмотров страницы.
Вы можете показать статьи, относящиеся к нужной категории, тегу или автору. Мы рекомендуем показывать статьи по категориям. Возможно, это увеличит просмотры ваших страниц и доходы от рекламы.
Счетчик просмотров сообщений
Это потрясающая функция, особенно полезна когда вы ведете довольно большой блог с большим объемом трафика. Эта функция может быть вам полезна. Тема будет показывать количество просмотров каждой статьи в верхней части каждого сообщения (расположение счетчика можно настроить).
Оптимизированная для WooCommerce
Когда вам нужно запустить интернет-магазин, то у вас есть множество вариантов, таких как Shopify, Magento, Weebly, Wix и т.д. Но мы всегда рекомендуем вам использовать WordPress и WooCommerce.
Даная тема WordPress оптимизированная для WooCommerce и она будет хорошо работать с сайтом. Это поможет вам увеличить конверсию, доход, подписку по электронной почте и т.д. К счастью, Newspaper на 100% оптимизирован для WooCommerce.
Плагины премиум-класса
В разделе плагинов вы можете увидеть, что разработчики включили в набор к теме так много плагинов премиум-класса, и их можно установить одним кликом мыши!
Хорошо. Я перечислю вам некоторые из обязательных установленных плагинов, когда вы используете тему Newspaper.
Среди плагинов:
tagDiv Composer
Попрощайтесь с WPBakery Page Builder (старый Visual Composer). Раньше данный плагин был одним из лучших конструкторов страниц на WordPress, в котором было так много замечательных функций. Newspaper, кстати, изначально и включала этот плагин в свой набор и была оптимизирована под работу с ним. Но, как бы он не был удобен и прост, он негативно сказывался на скорость загрузки страниц. Поэтому кманда tagDiv представила новый, собственный конструктор страниц tagDiv composer.
Настоятельно рекомендуем вам устанавливать данный плагин. Кроме того, последние версии темы даже отказываются полноценно работать без этого плагина. После того, как вы установили плагин, вы можете создавать любые страницы, какие захотите – это реально классный конструктор страниц, оптимизированный для хорошей скорости сайта.
Пользоваться им довольно просто. Вы переходите на страницу, которую нужно отредактировать и там нажимаете кнопку под названием tagDiv composer.
Вы будете перенаправлены в настройщик. Здесь вы можете редактировать страницу, добавлять элементы и т.д.
Нажав кнопку «Добавить элемент», вы можете легко добавлять различные блоки на страницу
tagDiv Cloud Library
Этот плагин нужно устанавливать, если вы собираетесь импортировать готовые дизайны. В ином случае плагин будет для вас бесполезным.
В целом, Cloud Library поможет вам сэкономить много вашего драгоценного времени. Если вы новичок, создание шаблонов, страниц и домашней страницы будет для вас сложной задачей – даже с tagDiv Composer.
Поэтому была создана Cloud Library, которая содержит много замечательных и мощных готовых шаблонов, а также отдельных элементов, таки как готовые страницы 404, шапки сайта, страницы поиска, подвал сайта и т.д. Вы можете легко импортировать их в свою действующую установку WordPress и приступить к их настройкам.
Важно: если у вас нет лицензионного ключа в теме, то вручную плагином воспользоваться вы не сможете. Однако, даже если у вас пиратская версия темы, данные плагин позволит вам импортировать готовый дизайн.
tagDiv Social Counter
Практически каждый личный и коммерческий веб-сайт имеет отдельные профили в социальных сетях. Это отличное средство для информирования своих подписчиков о новых материалах на сайте. Это реально способно приносить трафик, конверсии, а также деньги. Поэтому под WordPress было разработано много плагинов для отображения вашей учетной записи в социальных сетях в виде виджетов.
Одним из таких плагинов является собственная разработка tagDiv. Плагин покажет вам ваши лайки на странице Facebook, подписчиков Twitter, подписчиков Google+, подписчиков на RSS-ленту и т.д. Счетчик будет регулярно обновляться и гармонично вписываться в любой дизайн сайта.
tagDiv Newsletter
Честно говоря, не приходилось работать с данным плагином, поэтому ничего толком вам не расскажу. Точно знаю, что некоторые дизайны для импорта требуют, чтобы данный плагин был установлен, так как в готовом шаблоне используются формы для подписки на новости. Поэтому, после импорта готового дизайна вы можете удалить плагин, а также соответствующие формы из сайта.
Однако, я бы рекомендовал вам все же потратить время и разобраться с этим плагином, так как он способен привлечь больше трафика на ваш сайт.
В целом tagDiv Newsletter дает вам возможность добавлять рассылки новостей на вашем сайте. Это, как говорят разработчики, очень простой в использовании инструмент, который можно легко использовать с помощью tagDiv Composer.
Суть его в том, что посетители вашего сайта могут подписаться получение уведомлений о новых материалах на сайте. Если я правильно понял, то для работы плагина нужно воспользоваться сервисами MailChimp, Mailer Lite или FeedBurner.
Теперь, когда вы опубликуете на сайте новую статью, то все, кто подписался на рассылку, получат уведомление на электронную почту.
tagDiv Mobile Theme
Очень полезный плагин, рекомендую установить.
Сама тема Newspaper адаптивная, то есть она адаптируется под любые размеры экранов, будь то ноутбук, планшет или смартфон. Однако, страницы будут весить примерно одинаково, что на ПК, что на смартфоне. Поэтому, установив данный плагин вы включите отдельную, независимую тему для мобильных устройств. Это значительно ускорит загрузку стран на смартфонах.
И некоторые другие плагины:
- Official AMP for WP
- tagDiv Standard Pack
- Revolution Slider
Множество настраиваемых виджетов
Виджеты упростят навигацию и улучшат работу посетителей веб-сайта. По умолчанию WordPress поставляется с такими виджетами, как HTML, изображение, текст, видео, популярные сообщения, погода, курсы валют и множество других.
Когда вы активируете тему «Newspaper», вы сможете увидеть более 35 пользовательских виджетов в разделе «Внешний вид -> Виджеты».
Но, используя tagDiv Composer, вы можете добавлять виджеты (и не только) в любое место страницы.