TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

36

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

Это причина, по которой WordPress является платформой, которую выбирают миллионы компаний по всему миру, включая известные бренды.

WordPress прост в использовании и имеет множество параметров настройки тем, компоновщиков страниц и плагинов.

Кроме того, платформа пользуется огромным сообществом участников и сторонников по всему миру. WordPress является основным продуктом по многим причинам, но мы не будем вдаваться в подробности.

Хотя WordPress представляет собой мощную платформу для приложений, вы не можете создавать простые статические веб-сайты на платформе. Я имею в виду простые веб-сайты HTML + CSS + (возможно, JavaScript), а не что-то другое, «установите статическую страницу в настройках чтения ».

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

Я говорю об этом, а это НЕ то, чего мы пытаемся достичь.

И все потому, что WordPress генерирует то, что мы называем динамическими веб-страницами.

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

Статические веб-сайты используют простые файлы HTML и CSS и, возможно, немного JavaScript. Файлы, которые вы создаете / кодируете с нуля или используя какое-либо программное обеспечение, например CoffeeCup. О боже, я ненавижу жаргон, но его трудно избежать.

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

Кроме того: для новичков HTML предоставляет структуру, а CSS – стиль. JavaScript обеспечивает интерактивность. Лично я предпочитаю писать код с нуля, чем использовать CoffeeCup, потому что такие инструменты создают раздутый код. Я бы предпочел рискнуть с NotePad ++ и построить все с нуля.

WordPress, с другой стороны, представляет собой платформу, которая генерирует веб-страницы на лету. Вы не кодируете страницы с нуля. Просто войдите в админку WordPress, введите свой контент и нажмите кнопку «Опубликовать».

Затем вмешивается всемогущий PHP и извлекает ваш контент из базы данных, которая работает на MySQL или чем-то еще, например MariaDB. Да, я знаю, но читайте дальше.

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

Это очень похоже на то, что делает Microsoft Office при создании документа. Просто введите содержимое, а все остальное сделает Microsoft Office. Вы не кодируете документ с нуля.

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

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

Но прежде чем мы потеряемся во всем этом, зачем вам создавать статическую версию своего веб-сайта WordPress? Каковы преимущества?

Зачем создавать статический веб-сайт с WordPress

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

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

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

Теперь долгое чтение.

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

Более быстрое время загрузки страницы


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

Может ли сайт WordPress работать без базы данных? Нет. Может ли WordPress работать без Apache или PHP? Опять нет. WordPress не может работать без множества серверных задач, без которых может обойтись статический веб-сайт.

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

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

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

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

Совет от профессионалов: вы можете ускорить работу своего сайта WordPress с помощью такой службы, как WP Rocket, выбрать лучший хостинг и очистить мусор на своем сайте.

Лучшая безопасность


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

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

Кроме того, некоторые плагины WordPress могут подвергать ваш сайт рискам безопасности (например, XSS-атакам ), особенно если вы загружаете плагины из сомнительных источников или не запускаете регулярные обновления.

Статическая версия вашего сайта не имеет этой уязвимости, потому что нет плагинов для взлома. Кроме того, код PHP (который выполняется на сервере) не выполняется. Также не нужно подключаться к базе данных ?

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

Просто спрячьте версию WordPress за паролем .htaccess и обслуживайте статический веб-сайт на его месте. А затем продолжайте создавать контент в WordPress и вносить изменения на статический сайт.

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

Излишне говорить, что ни один цифровой актив (чтение, веб-сайты, мобильные приложения и т.д.) Не защищен на 100% от атак, так что будьте бдительны.

Меньше управления и обслуживания


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

Управление сайтом – непростая задача. Управлять здоровым веб-сайтом WordPress еще сложнее. Многие работающие винтики нуждаются в постоянной смазке, как мы видели в контрольном списке обслуживания WordPress.

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

N / B: Если вы не знали, устаревшие темы и плагины открывают доступ к вашему сайту злоумышленникам, особенно если у них есть известные уязвимости в системе безопасности.

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

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

Кроме того: но вы должны постоянно обновлять ядро ​​WordPress, темы и плагины, даже если у вас есть локальная установка на вашем ПК. Это хорошая гигиена безопасности сайта.

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

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

Масштабируемость


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

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

Без трафика ваш сайт практически мертв. Вы создали веб-сайт, чтобы мир мог найти вас и ваш бизнес, и это хорошо.

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

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

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

С другой стороны, статический веб-сайт можно легко масштабировать, независимо от того, есть ли у вас десять или миллион посещений одновременно. Почему? Потому что нет никаких обратных обращений к серверу и базе данных.

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

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

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

Это некоторые из преимуществ создания статической версии вашего веб-сайта WordPress. Теперь перейдем к самой интересной части; создание статической версии вашего сайта WordPress.

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

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

В некотором смысле я работаю со следующим образцом сайта, который является одной из готовых демонстраций, поставляемых с темой Total WordPress :

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

Демонстрационный сайт WordPress живет по адресу: design.vistamedia.xyz.

Мы создадим статический веб-сайт, который разместим в другом поддомене (например, static.vistamedia.xyz ), который в настоящее время выглядит следующим образом:

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

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

N / B: я использую поддомены только для иллюстрации. Вы можете использовать любой другой домен или URL-адрес, который вам нравится.

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

Он отлично подходит для простых сайтов, таких как:

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

И это потому, что преобразование веб-сайта WordPress в статический веб-сайт выбивает серверные функции, такие как:

  • плагины электронной коммерции
  • Большинство плагинов слайдера
  • Формы комментариев WordPress по умолчанию
  • Серверные контактные формы
  • Все плагины, использующие форму отправки
  • Плагины событий
  • Плагины членства
  • Виджеты типа «Самые популярные сообщения»
  • RSS-каналы
  • И любой другой плагин, которому для работы нужен сервер

Сайт электронной коммерции, работающий на WooCommerce, пострадает, если вы конвертируете его в статический веб-сайт, потому что WooCommerce создает динамические страницы, требующие PHP и функциональность на стороне сервера.

Однако есть много обходных путей для получения нужной функциональности. Например, вы можете использовать Disqus для комментариев, Algolia для поиска и Snipcart для электронной коммерции. Есть обходные пути для других функций, но вы должны спросить, стоит ли это потраченного времени и усилий.

Тем не менее … давайте посмотрим, на что способен плагин StaticPress2019.

Как создать статический веб-сайт с плагином StaticPress2019

StaticPress2019 доступен в репозитории плагинов WordPress, что означает, что мы можем установить его внутри панели администратора WordPress.

Войдите в свою учетную запись администратора WordPress и перейдите в раздел Плагины> Добавить новый :

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

Затем введите StaticPress в поле поиска по ключевым словам и, когда найдете плагин, нажмите «Установить сейчас» :

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

После этого активируйте плагин. Пока все хорошо, у вас все в порядке.

Затем нажмите Параметры StaticPress2019 в меню администратора WordPress, как мы подчеркиваем ниже.

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

Затем введите URL-адрес и корневой каталог вашего статического веб-сайта и нажмите кнопку «Сохранить изменения».

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

В моем случае я использую static.vistamedia.xyz и /home/vistxxxx/static.vistamedia.xyz соответственно. Используйте значения, применимые к вашему случаю.

Затем нажмите StaticPress2019:

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

На следующей странице нажмите кнопку Rebuild, как показано на следующем снимке экрана.

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

Подождите, пока процесс пойдет своим чередом. Это может занять время, в зависимости от размера вашего сайта.

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

Когда процесс закончится, вы можете лопнуть пузырек, потому что это все, что нужно ?

Но ждать. Не забудьте тщательно протестировать свой статический сайт! Вы можете просмотреть свой новый статический веб-сайт во внешнем интерфейсе.

Вот как наш окончательный результат на static.vistamedia.xyz, который выглядел так ранее…

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

… Выглядит сейчас:

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

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

Плагин StaticPress2019 отлично подходит для создания статических веб-сайтов из новых и старых веб-сайтов WordPress.

Помните: если вы обновляете свой веб-сайт WordPress, вам нужно перейти на StaticPress2019 и нажать кнопку «Восстановить», как мы это сделали несколько секунд назад. Это приведет к внесению изменений в статическую версию вашего сайта ?

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

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

Заключительные слова

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

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

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

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

Почему бы вам не попробовать StaticPress2019 и не рассказать нам, что вы думаете, в разделе комментариев? Удачного творчества и оставайтесь в безопасности!

Источник записи: https://www.wpexplorer.com

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