Статическая страница wordpress: Статическая страница записей в WordPress

Руководство для новичков по настройке статических стартовых страниц в WordPress

Больше результатов…

Обычно wordpress-сайт отображает последние посты на своей главной странице, но можно ли настроить сайт так, чтобы он постоянно показывал одни и те же посты и ссылки? Для тех, кто только начинает знакомиться с WordPress, мы подготовили небольшое руководство по настройке такой возможности.

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

Как настроить статическую домашнюю страницу

Прежде чем рассмотреть, какие сайты надо оснащать статическими страницами, а какие нет, давайте изучим, как правильно настраивать страницы такого типа при помощи панели администрирования WordPress.

Вот пошаговая инструкция:

1. Авторизуйтесь в панели администрирования WordPress и перейдите в раздел Страницы → Добавить новую.

2. Новую страницу назовите «Home» или «Главная» и заполните любым контентом в качестве шаблона.

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

4. Если у вас нет никаких постов, напишите несколько в черновиках.

5. Перейдите в Настройки → Чтение в панели управления.

6. Выберите: На главной странице отображать → Статическую страницу.

7. Для «Главной страницы» выбираем созданную вами ранее страницу под названием «Главная» или «Home».

8. Для «Страницы записей» выбираем созданную страницу «Posts» или «Blog».

9. Теперь перейдем к разделу Внешний вид → Меню в панели управления. Добавим новое меню с опцией «Home», которая ведет на вашу домашнюю страницу, а также ссылки «Blog» или «Posts» для соответствующих страниц, которые мы создали ранее.

10. Теперь открываем новое окно в браузере и вводим в адресной строке адрес нашего сайта.

Находим меню и смотрим, есть ли там новые ссылки на страницы «Blog» или «Posts» ? Если ссылки есть, проверяем, ведут ли они на созданные нами статические страницы.

Вот и всё, мы настроили статические страницы для WordPress-сайта!

Если ссылки не ведут на те страницы, которые вам нужны, или сами страницы отображаются не очень корректно, проверьте, всё ли вы сделали правильно на предыдущих этапах.

Когда стоит использовать статические стартовые страницы

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

• Бизнес-страницы. На страницах интернет-магазина, сервиса или компании можно отобразить при помощи статического списка главные новости или обновления в каталоге предлагаемых товаров и услуг.
• Посадочные страницы.  Использование посадочных страниц имеет смысл в ситуации, когда обзор товара или услуги в YouTube привязан к реферальной ссылке, ведущей на конкретный раздел или промо-акцию. И вместо всего списка товаров, пользователь после перехода по реферальной ссылке увидит специально разработанную страницу для конкретного продукта.
• Страницы некоммерческих организаций и фондов. Чтобы отобразить ключевые проекты, по которым работал фонд или организация, удобно вести не только блог, но и создать страницу с перечнем ссылок и логотипов по сделанным проектам. Туда же можно привязать кнопку для быстрых пожертвований.
• Портфолио. Ключевые факты о специалисте и проекты, в которых он участвовал, а также прикрепленное резюме лучше всего отобразить именно при помощи статической страницы.
• Интернет-магазины и форумы. Список товаров или тем лучше всего отображать именно с помощью статической страницы.

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

Когда стоит избегать создания статических страниц

Есть и ситуации, когда использование статических страниц нежелательно:

• Блоги. Само собой, блог построен на динамическом контенте и новых публикациях. Никому из посетителей или постоянных читателей блога не будет интересно каждый раз видеть один и тот же контент на главной странице.
• Кейсы и портфолио. Если у вас появляются новые продукты или проекты (как всегда бывает у графических дизайнеров, разработчиков приложений и игр), то есть смысл выводить на главной самые свежие проекты, а не постоянно держать портфолио в «законсервированном» виде. Альтернативным вариантом может стать создание отдельной страницы для ключевых фактов и самых важных проектов, на которую можно попасть из динамически формирующегося портфолио.
• Новостные страницы. Статическая страница на новостной сайте в качестве стартовой будет смотреться немного странно и точно не добавит новостному сайту популярности: ведь всем интересны свежие новости, а не повторение одного и того же.

В заключение

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

Источник: code.tutsplus.com

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Подпишитесь на еженедельный дайджест про WordPress

Создаем статическую копию вашего сайта на WordPress

Приветствую!

Сегодня я бы хотел рассказать вам как из динамического сайта на WordPress сделать простой статический HTML сайт.

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

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

Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится — тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.

Поехали!

Почему вы можете использовать простой статический веб-сайт

Прежде чем погрузиться дальше, давайте поговорим о том, что такое статические страницы. Мы говорим, что страница является «статической», когда она не загружает динамический контент и состоит из HTML, CSS и, возможно, некоторых JavaScript-скриптов. Во многих случаях люди связывают статические страницы с чрезмерно простыми конструкциями, но вы можете делать многое с HTML и CSS.

WordPress, напротив же, генерирует только динамические страницы, независимо от того, насколько просты ваши проекты. Например, по умолчанию ваши последние сообщения размещаются на вашей домашней странице. Чтобы достичь этого, он использует нечто, называемое циклом WordPress. Цикл ищет последние опубликованные вами записи и перечисляет их в хронологическом порядке:

Тот факт, что WordPress генерирует только динамические страницы, не является недостатком. Это далеко не так, поскольку он позволяет создавать практически любой тип сайта, который вы хотите, от простых до сложных проектов. Однако есть случаи, когда вы, возможно, захотите использовать простые статические страницы. Например:

• Это может быть лучше в целях безопасности. Со статическими страницами ваш сервер не должен «отображать» ваш сайт каждый раз, когда кто-то его посещает. Вместо этого он просто отправляет им простой HTML и CSS, поэтому сложнее сломать ваш сайт.
• Статические страницы имеют тенденцию загружаться быстрее. Статические страницы обычно загружаются быстрее, так как вашему серверу не нужно создавать их на лету.
• Они менее склонны к ошибкам. WordPress очень удобен, но ошибки все равно могут возникать. Со статическими страницами большинство из них, например, ошибки подключения к базе данных, не будут проблемой.

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

Давайте посмотрим на быстрый пример. С помощью статического блога вам нужно обновлять свою домашнюю страницу каждый раз, когда вы создаете сообщение. Это означает добавление нового рекламного ролика, изображения и многое другое для каждого обновления. WordPress, с другой стороны, делает всю эту тяжелую работу в фоновом режиме благодаря циклу.

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

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

Знакомство с WP Static HTML Output Plugin

WP Static HTML Output Plugin существует уже долгое время и не зря. Этот плагин позволяет создавать полностью статическию копию всего вашего сайта на WordPress и развертывать их на других платформах.

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

WP Static HTML Output также упаковывает все ваши медиафайлы при экспорте вашего сайта. Вы также можете использовать его для хранения прошлой копии вашего сайта в качестве резервной копии.

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

Ключевые особенности:

• Создайте полностью статические копии всего вашего сайта на WordPress.
• Экспортируйте содержимое вместе со всеми медиафайлами.
• Замените все внутренние ссылки, чтобы развернуть статические страницы WordPress в реальной среде.
• Храните копии прошлых экспортов в качестве резервных копий.
• Перепишите пути для вашего контента WordPress, чтобы скрыть тот факт, что ваш сайт использует платформу.

Цена: бесплатно, доступна премиум-версия

Как создать статическую HTML-копию вашего сайта WordPress (и использовать ее с помощью GitHub)

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

Шаг 1 — Создайте статическую HTML-копию вашего сайта

Для этого шага мы собираемся использовать плагин WP Static HTML Output, который я представил ранее. Сначала вам нужно установить его и активировать на своем веб-сайте. После этого перейдите на вкладку «Инструменты — WP Static HTML Output» на своем сайте.

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

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

Продолжив, вы можете включить настройки для экспорта веб-сайта в виде zip-файла, который можно загрузить с панели мониторинга. В противном случае плагин просто экспортирует ваши новые файлы в директорию wp-content/uploads/. Здесь вы можете увидеть каталог с парой полных экспортов нашего сайта. Можно также выбрать, следует ли сохранить последний созданный экспорт для использования в качестве резервной копии:

Если вы хотите изменить папку, в которую плагин экспортирует ваши страницы, вы можете сделать это в разделе «Переопределить выходной каталог»:

Наконец, есть варианты, чтобы заменить ваши пути по умолчанию WordPress именами по вашему выбору. Идея заключается в том, чтобы скрыть тот факт, что ваш сайт был создан с помощью WordPress:

Использовать ли эту функцию или нет, зависит от вас, так как она никак не повлияет на функциональность экспортируемой страницы. Как только вы будете готовы создать статические копии ваших страниц WordPress, нажмите на кнопку «Start static site export»:

Теперь плагин выполнит свою работу, и вы сможете отследить его прогресс через журнал экспорта в нижней части вкладки:

Как только процесс будет завершен, вы увидите строку в Журнале экспорта около самого верха, в котором говорится, что «ZIP CREATED», включая ссылку справа:

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

Шаг 2 — Загрузите свой статический сайт на GitHub

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

Давайте сделаем это с помощью GitHub, который позволит вам создавать простые статические страницы через репозитории. Если вы еще не использовали GitHub раньше или вам нужно напоминание, вот краткое руководство, чтобы начать работу с платформой (скоро напишу).

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

Как только ваш репозиторий будет готов, вам необходимо загрузить файлы WordPress. Для этого вы можете использовать командную строку, если вы знакомы с управлением версиями git или используете настольное приложение GitHub. Мы будем использовать настольное приложение, так как с ним легче разобраться.

Когда вы настроите приложение GitHub, вы сможете клонировать существующие репозитории из своей учетной записи:

Выберите ранее созданный репозиторий из списка и установите его «Локальный путь» в любую нужную папку. Вы собираетесь использовать эту папку для добавления файлов WordPress, поэтому убедитесь, что она находится там, чтобы вы могли вспомнить:

Разархивируйте экспортированный файл с шага номер один и извлеките его содержимое в папку локального репозитория, которую вы установили на шаге 2. Как только вы это сделаете, настольное приложение GitHub обнаружит изменения в репозитории. Укажите имя для первого фиксации, а затем нажмите кнопку «Commit to master»:

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

На данном этапе вы почти готовы получить доступ к своей странице. Однако сначала нам нужно настроить GitHub на распознавание вашего репозитория как веб-сайта. Для этого перейдите в настройки репозитория и найдите раздел «Страницы GitHub». В разделе «Источник» выберите параметр «Основной ветвь» и нажмите кнопку «Сохранить»:

URL-адрес вашего сайта будет отображаться в верхней части раздела. Если вы посетите его, то вы должны увидеть свой веб-сайт WordPress, но только теперь как набор статических страниц:

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

Вывод

В некоторых случаях простой HTML и немного CSS — это все, что вам нужно для создания информационного и элегантного веб-сайта. Однако WordPress генерирует динамические страницы из коробки. Это далеко не плохо, но это означает, что вам нужно немного поработать, если вы хотите создавать статические страницы WordPress.

Вот как сделать работу и опубликовать ваши статические страницы бесплатно, всего три этапа:

1. Используйте плагин WP Static HTML Output для создания статической копии вашего сайта.
2. Загрузите свои статические страницы в GitHub.
3. Теперь у вас есть готовый статический сайт, который работает практически также как и на WordPress

У вас есть вопросы по созданию статических страниц WordPress? Давайте поговорим о них в разделе комментариев ниже!

До скорых встреч!

Юрич:

Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.

Как создать статический веб-сайт с помощью WordPress в 2022 году

WordPress используется более чем 30 миллионами активных веб-сайтов, согласно данным BuiltWith. Многие из этих веб-сайтов являются динамическими, но все большее число из них статичны — и на то есть веские причины. Статические веб-сайты могут быть быстрее, безопаснее и проще в масштабировании, чем динамические.

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

Что такое статический веб-сайт?

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

Статические и динамические веб-сайты

«Сегодня статические веб-сайты могут быть очень «динамичными» с точки зрения возможностей, которые они предлагают посетителям, — объясняет генеральный директор Strattic Мириам Шваб. «Это благодаря достижениям во внешних технологиях, таких как CSS и Javascript, которые позволяют веб-разработчикам предоставлять пользователям более богатый и интерактивный опыт даже на сайтах, которые технически являются «статическими».

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

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

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

Примеры статических веб-сайтов

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

1. Workiz

Workiz — это комплексное программное обеспечение и приложение для планирования, разработанное для профессионалов в сфере домашних услуг. Чтобы масштабировать свой бизнес и обеспечить его безопасность, Workiz использует WordPress исключительно для управления контентом и развертывает его как статическую реплику. Эта статическая реплика обслуживается через глобальную CDN, поэтому она быстрая и высокопроизводительная, несмотря на ее сложность и частые обновления содержимого.

2. Rookout

Rookout предназначен для предоставления компаниям данных отладки и мониторинга, которые им необходимы для ускорения решения проблем клиентов. Чтобы обеспечить производительность и масштабируемость, Rookout имеет статический сайт, чтобы повысить безопасность, снизить нагрузку на сервер и увеличить скорость своего сайта.

3. Payoneer

Payoneer — это платформа для международных платежей, получения средств, доступа к капиталу и многого другого. Чтобы избежать простоев даже во время всплесков трафика, у Payoneer есть статический сайт WordPress. Каждая страница представляет собой статический файл, который полностью распространяется через CDN, поэтому сайт загружается быстрее по мере увеличения трафика.

Как создать статическую домашнюю страницу в WordPress

1. Войдите в свою панель управления WordPress.
2. Перейдите на Страницы > Добавить новую.
3. Добавьте заголовок на новую страницу и любой контент, чтобы приветствовать посетителей.
4. Нажмите синюю кнопку «Опубликовать».
5. Выберите «Настройки» > «Чтение».
6. В разделе Отображение домашней страницы щелкните Статическая страница. Затем рядом с Домашняя страница выберите новую страницу, которую вы создали.
7. Щелкните Сохранить изменения.

По умолчанию WordPress отображает список сообщений на вашей домашней странице. Этот список автоматически обновляется при публикации новых сообщений. Если вы предпочитаете

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

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

Чтобы создать статическую домашнюю страницу на своем сайте WordPress, выполните следующие действия или посмотрите это видео:

 

1. Войдите в панель управления WordPress.

2. Перейти на страниц > Добавить новый .

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

4. Нажмите синюю кнопку Опубликовать .

5. Перейдите к Настройки > Чтение .

6. Под На вашей домашней странице отображается , нажмите Статическая страница .

Затем рядом с Домашняя страница выберите новую страницу, которую вы создали.

7. Нажмите Сохранить изменения .

Вот как может выглядеть ваша домашняя страница:

Теперь вернемся к статическим веб-сайтам.

 

Статический хостинг WordPress

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

1. Strattic

Strattic — это универсальная платформа для создания и размещения статических сайтов. Он создает статическую версию вашего сайта WordPress, которая доставляется через CDN, и отделяет внешний интерфейс вашего сайта от панели администратора WordPress. Это означает, что контент-маркетологи могут продолжать создавать и управлять контентом в WordPress, в то время как ваши разработчики могут извлечь выгоду из гибкости, масштабируемости и повышенной производительности автономного сайта.

2. Netlify

Netlify — это универсальная платформа для веб-разработки. С Netlify вы можете использовать WordPress для управления контентом на бэкэнде и другой настраиваемый интерфейс для доставки контента в виде статических веб-страниц через сеть Netlify High-Performance Edge.

3. HardyPress

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

4. Static.app

Static.app — это решение для размещения вашего статического веб-сайта в один клик. Эта услуга хостинга позволяет легко создавать и редактировать страницы с помощью конструктора перетаскивания. Создайте архив со своей страницей или веб-сайтом со знаниями в области бэкэнда или кодирования. Хостинг Static.app поставляется с сертификатом SSL, личным доменом, редактором кода и хранилищем мультимедиа — все для вашего сайта в одном инструменте.

Плагины WordPress для вашего статического веб-сайта

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

1. Плагин HubSpot WordPress

Плагин HubSpot WordPress позволяет добавлять всплывающие окна, формы и чат на ваш статический веб-сайт. Поскольку он интегрирован с HubSpot CRM, вы можете использовать этот плагин для расширения списка адресов электронной почты, управления контактами, отправки маркетинговых электронных писем и многого другого.

2. Elementor

Источник изображения

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

3. Divi

Divi — это больше, чем просто тема WordPress. Это визуальный редактор, позволяющий с легкостью создавать потрясающие дизайны. Этот конструктор с функцией перетаскивания позволяет создавать дизайн страницы в режиме реального времени. У вас будет доступ к более чем 80 готовым проектам. Кроме того, еженедельно на платформу добавляются новые макеты с бесплатными фотографиями, значками и иллюстрациями.

4. Статические страницы

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

Темы WordPress для вашего статического веб-сайта

Теперь пришло время для интересной части: разработки вашего статического веб-сайта. Настройка вашего сайта помогает посетителям идентифицировать себя с вашим брендом, как только они попадают на вашу домашнюю страницу. Мы провели небольшое исследование и нашли несколько плагинов и тем WordPress, которые помогут вам создать собственный статический веб-сайт. Найдите тот, который хорошо работает для вашего бизнеса.

1. Astra

Astra — легкая и быстрая тема, которую вы можете использовать на своем статичном веб-сайте. Совместимый с конструкторами страниц, такими как Elementor, он предлагает впечатляющее количество готовых функций для улучшения вашего сайта, включая параметры заголовка, настройку цвета и типографики, а также несколько макетов страниц. Он также предоставляет огромную библиотеку готовых веб-сайтов, чтобы избавить вас от усилий по созданию статического веб-сайта с нуля.

2. Amaze

С помощью темы Amaze вы можете создать привлекательный и высокопроизводительный сайт для своих посетителей. Эта многофункциональная тема предоставляет множество готовых макетов и параметров настройки. У него также есть демонстрационный сайт со статическим фоном параллакса и героем статического изображения.

3. Aden

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

Переход к статике на WordPress

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

Примечание редактора: этот пост был первоначально опубликован в октябре 2019 года и обновлен для полноты.

Темы: Веб-сайт WordPress

Не забудьте поделиться этим постом!

Как настроить

Контент Themeisle бесплатный. Когда вы покупаете по реферальным ссылкам на нашем сайте, мы получаем комиссию. Узнать больше

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

Это позволяет вам управлять впечатлениями посетителей и представить свой сайт наилучшим образом. Но для этого вам нужно изменить настройки WordPress по умолчанию.

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

Как сделать домашнюю страницу WordPress статической

Хорошо, давайте начнем с основ:

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

Чтобы установить статическую домашнюю страницу, сначала необходимо создать новую страницу, которая будет использоваться в качестве домашней. Для этого просто перейдите на Страницы → Добавить новый . Чтобы его было легко найти, назовите его, например, «Домашняя страница» и убедитесь, что Опубликовать :

Далее, если вы все еще планируете писать сообщения в блог, вам нужно создать еще одну страницу и назвать ее как-то вроде «Блог». Опять же — имя не имеет значения. Это просто облегчает поиск следующего шага.

После того, как вы создали обе эти страницы, перейдите в Настройки → Чтение. Здесь измените параметр Главная страница отображает параметр на Статическая страница . Затем выберите из выпадающего списка:

• Главная страница: Выберите страницу, которую вы назвали «Домашняя страница»
• Страница сообщений: Выберите страницу, которую вы назвали «Блог»

Поздравляем, вы только что создали статическую домашнюю страницу WordPress! Когда вы переходите на свою домашнюю страницу, вы должны увидеть пустую страницу под названием «Домашняя страница».

Стилизация статической домашней страницы WordPress

Теперь у вас есть статическая домашняя страница WordPress… но там пока ничего нет. Итак, как вы на самом деле добавляете контент на свою домашнюю страницу?

Что ж, проще всего использовать обычный редактор WordPress. Вы можете редактировать страницу, которую вы назвали «Домашняя страница», так же, как и любую другую запись или страницу WordPress. Любые изменения, внесенные вами на эту страницу, будут автоматически отображаться на вашей статической домашней странице.

Например, это:

Становится на вашей домашней странице:

Достаточно просто, правда?

Но что, если вы хотите добавить несколько дополнительных элементов, которые не разрешены редактором WordPress? Например, вот несколько элементов, которые удобно иметь на статической домашней странице:

.

• Подписка на рассылку новостей по электронной почте
• Небольшая сетка ваших последних постов

Итак, чтобы помочь вам добавить некоторые дополнительные функции на вашу новую домашнюю страницу, вот несколько бесплатных плагинов, которые помогут вам с этими элементами.

Добавление формы подписки на информационный бюллетень

Если вы хотите добавить форму подписки на новостную рассылку, вы можете использовать бесплатный плагин Optin Forms.

После установки и активации плагина вы можете перейти к Optin Forms на боковой панели панели управления и настроить форму. Затем возьмите шорткод с вкладки Form и вставьте его на статическую домашнюю страницу WordPress:

.

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

Добавление сетки ваших последних сообщений

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

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

Собираем все вместе

Только с этими двумя плагинами вы можете создать домашнюю страницу, которая имеет:

• Уникальный текст и изображения, добавленные через обычный редактор WordPress
• Форма подписки на информационный бюллетень
• Отображение в виде сетки некоторых из ваших последних сообщений

Пример:

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

Добавление расширенного стиля с помощью компоновщика страниц WordPress

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

Как назло, у нас есть подробный пост о том, как вы можете использовать бесплатный плагин конструктора страниц под названием Page Builder от SiteOrigin для создания стильной домашней страницы.

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

Подведение итогов

Создание базовой статической домашней страницы WordPress действительно не может быть проще. Помните, все, что вам нужно сделать, это:

• Создайте новую страницу для своей статической домашней страницы
• Создайте новую страницу для размещения сообщений в блоге
• Скажите WordPress использовать эти новые страницы, перейдя в Настройки → Чтение

Единственная часть, которая на самом деле может занять некоторое время, — это стилизация контента, размещаемого на главной странице! Если вам нужен только базовый контент с некоторыми дополнениями, вы можете использовать Редактор WordPress с некоторыми из тех дополнительных плагинов, которые я упомянул.