Как предварительно просмотреть свой сайт WordPress перед запуском в эксплуатацию

Вы хотите предварительно просмотреть свой сайт WordPress перед запуском? Предварительный просмотр вашего сайта перед его публикацией позволяет выявить...

Вы хотите предварительно просмотреть свой сайт WordPress перед запуском?

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

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

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

  • Предварительный просмотр сайта WordPress перед запуском с помощью режима Coming Soon Mode
  • Разрешить клиентам предварительно просматривать сайт WordPress перед запуском
  • Создайте пробный сайт для предварительного просмотра изменений
  • Предварительный просмотр постов и страниц перед публикацией
  • Предварительный просмотр темы WordPress перед переключением
  • Предварительный просмотр настроек темы WordPress
  • Предварительный просмотр вашей пользовательской темы WordPress (SeedProd)
  • Предварительный просмотр посадочных страниц WordPress (SeedProd)

Готовый? Давайте начнем.

Предварительный просмотр сайта WordPress перед запуском с помощью режима Coming Soon Mode

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

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

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

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

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

Сначала вам нужно установить и активировать плагин SeedProd. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.

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

Лицензионный ключ SeedProd

Далее, вам нужно посетить SeedProd » Посадочные страницы.

Отсюда просто нажмите на кнопку «Создать страницу скорого обновления».

Настройка страницы скорого появления

После этого плагин предложит вам выбрать шаблон для вашей страницы скорого обновления.

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

Выберите шаблон

Выбор шаблона запустит интерфейс конструктора страниц SeedProd.

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

Интерфейс конструктора страниц

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

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

Подключить услугу маркетинга электронной почты

Как только вы закончите, вы можете нажать на кнопку Сохранить, чтобы сохранить изменения.

Затем выберите «Опубликовать», чтобы ваша страница была готова к использованию. Не волнуйтесь, она еще не активна на вашем сайте. Мы сделаем это в следующем шаге.

Опубликуйте страницу скорого обновления

Теперь вы можете закрыть интерфейс конструктора страниц, который вернет вас обратно на страницу SeedProd » Посадочные страницы страница.

Отсюда вам нужно нажать на кнопку Toggle below coming soon page box to Active. Это сделает так, что все посетители вашего сайта будут видеть новую страницу скорого перехода, а не ваш настоящий сайт.

Включите режим скорого появления

Теперь вы можете выйти из админзоны WordPress или посетить свой сайт в режиме инкогнито.

Вы увидите, что ваша страница скоро появится на вашем сайте.

Режим скорого запуска

Вы все еще можете войти в область администрирования WordPress и продолжить работу над своим сайтом.

Вы также сможете просматривать свой живой сайт, когда войдете в систему.

Предварительный просмотр вашего сайта

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

Просто нажмите на ползунок «Активный», чтобы вернуть его в неактивное состояние.

Отключите страницу скорого перехода

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

Позволяет клиентам просматривать сайт WordPress перед запуском в эксплуатацию

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

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

Как только вы переведете режим Coming Soon Mode в активное состояние, вам нужно нажать кнопку ‘Редактировать страницу’.

Редактирование страницы скорого обновления

На экране конструктора страниц вам нужно перейти на вкладку Настройки страницы.

Затем нажмите на раздел Контроль доступа.

Предоставление клиентам возможности предварительного просмотра веб-сайта

Здесь вы можете создать обходной URL и выбрать срок действия URL. Не забудьте сохранить изменения.

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

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

Создайте WordPress Staging Website для предварительного просмотра изменений

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

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

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

В рамках этой статьи мы покажем вам, как создать пробный сайт на Bluehost.

Bluehost является одной из крупнейших хостинговых компаний в мире и официально рекомендованным хостинг-провайдером WordPress. Всем своим клиентам WordPress они предлагают функцию создания сайтов в 1 клик.

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

Установлен плагин Bluehost

Если вы не видите меню Bluehost, то вы можете войти в панель управления учетной записью хостинга Bluehost и нажать на кнопку Manage Site (Управление сайтом).

В области управления сайтом просто перейдите на вкладку «Плагины» и активируйте плагин Bluehost Plugin.

Включите плагин Bluehost

После того как вы убедились, что у вас установлен плагин Bluehost, вы готовы к созданию пробного сайта.

В области администратора WordPress перейдите в раздел Bluehost » Staging страницу и нажмите на кнопку Create Staging Site.

Создание пробного сайта

После этого плагин создаст ваш тестовый сайт.

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

Переключитесь на демонстрационный сайт

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

Чтобы помочь вам отличить сайт от живого, вы увидите красное уведомление «Staging Environment» на панели администратора WordPress.

Работа в стадийной среде

После того, как вы закончите предварительный просмотр изменений на пробном сайте, вы можете перейти к следующему разделу Bluehost » Staging страница на сайте постановки.

Здесь вам нужно нажать на кнопку Развернуть все изменения.

Развертывание всех изменений

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

Предварительный просмотр постов и страниц WordPress перед публикацией

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

Предварительный просмотр редактора блоков

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

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

Просто нажмите на кнопку предварительного просмотра в правом верхнем углу.

Предварительный просмотр опций для постов и страниц

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

После выбора типа устройства вам нужно нажать на опцию «Просмотр в новой вкладке», чтобы просмотреть полный предварительный просмотр на вашем сайте.

WordPress покажет вам предварительный просмотр вашего поста или страницы до того, как он будет опубликован.

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

Предварительный просмотр темы WordPress перед переключением

Обычно, если вы активируете тему WordPress, то она сразу же запускается на вашем сайте.

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

Разве не было бы здорово, если бы вы могли предварительно просмотреть тему WordPress, прежде чем активировать ее на своем сайте??

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

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

После установки темы вам просто нужно нажать на ссылку Live Preview (Предварительный просмотр).

Возможность предварительного просмотра в реальном времени после установки темы

В качестве альтернативы, вы можете перейти по ссылке Внешний вид » Темы и навести курсор на установленную тему.

Вы увидите кнопку для запуска предварительного просмотра в реальном времени.

Живой предварительный просмотр темы

После этого WordPress запустит Theme Customizer.

Здесь вы увидите живой предварительный просмотр темы с вашим текущим содержимым.

Живой предварительный просмотр темы WordPress

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

Вы можете выйти из настройки темы, не активируя тему. Однако это не сохранит ни одну из ваших настроек.

Если вы удовлетворены тем, как выглядит тема, то вы можете перейти к ее активации, нажав на кнопку «Activate & Publish» в верхней части меню.

Нужна помощь в переключении тем? Смотрите наш учебник о том, как правильно переключить тему WordPress.

Предварительный просмотр настроек темы WordPress

Хотите внести изменения в свою тему WordPress, но не уверены, как они будут выглядеть на вашем живом сайте?

WordPress предлагает различные способы предварительного просмотра вашей темы WordPress перед применением этих изменений.

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

Настроить предварительный просмотр темы

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

Это позволит вам предварительно просмотреть изменения темы, не применяя их на вашем сайте.

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

Сохраните и опубликуйте свои изменения

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

Если вы используете тему с полным редактором сайта, то вы сможете запустить редактор, посетив страницу Внешний вид » Редактор меню.

Полный предварительный просмотр редактора сайта

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

Однако, в отличие от Theme Customizer, вы не сможете сохранить свои изменения в виде черновика. Эти изменения вступят в силу, когда вы сохраните свои изменения, или будут потеряны, если вы выйдете без сохранения.

Предварительный просмотр вашей пользовательской темы WordPress

Хотите создать полностью индивидуальную тему WordPress с возможностью предварительного просмотра в реальном времени??

SeedProd — это лучший конструктор сайтов WordPress, который позволяет создавать пользовательские темы WordPress с помощью интерфейса перетаскивания с предварительным просмотром в реальном времени.

Сначала вам нужно установить и активировать плагин SeedProd. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

После активации вам необходимо посетить SeedProd » Настройки ввести свой лицензионный ключ. Эту информацию можно найти в разделе «Ваша учетная запись» на сайте SeedProd.

Лицензионный ключ SeedProd

Далее, вам нужно посетить SeedProd » Конструктор тем страница.

Отсюда нажмите на кнопку Темы.

Конструктор тем

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

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

Выберите стартовую тему

Просто нажмите, чтобы выбрать тему, и SeedProd сгенерирует для вас все файлы шаблонов темы.

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

Шаблоны темы

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

Вы можете добавлять блоки в свой дизайн из левой колонки. Справа от вас вы увидите редактируемый в реальном времени предварительный просмотр шаблона вашей темы.

Создайте свою тему с помощью предварительного просмотра в реальном времени

SeedProd также поставляется с полной поддержкой WooCommerce.

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

Предварительный просмотр магазина WooCommerce

Хотите предварительно просмотреть вашу тему для мобильных устройств?

Просто нажмите на значок мобильного телефона в нижней панели, и SeedProd покажет мобильный предварительный просмотр вашей темы.

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

Когда вы будете готовы развернуть вашу пользовательскую тему, просто включите переключатель «Включить тему SeedProd» на странице создания темы.

Включить пользовательскую тему

Теперь ваша пользовательская тема будет запущена. Это означает, что она заменит вашу существующую тему WordPress.

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

Предварительный просмотр посадочных страниц WordPress перед запуском

Посадочные страницы — это специализированные страницы, используемые в маркетинговых кампаниях. Эти страницы хорошо оптимизированы для конверсии и продаж.

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

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

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

Сначала вам нужно установить и активировать плагин SeedProd. После активации вам необходимо посетить SeedProd » Настройки страница для ввода лицензионного ключа. Вы можете найти эту информацию в своем аккаунте на сайте SeedProd.

Лицензионный ключ SeedProd

Далее, перейдите на страницу SeedProd » Посадочные страницы страница.

Чтобы начать разработку страницы, нажмите на кнопку Добавить новую посадочную страницу.

Добавьте новую целевую страницу

Далее вам нужно выбрать шаблон.

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

Выбор шаблона целевой страницы

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

Затем нажмите на кнопку «Сохранить и начать редактирование страницы», чтобы продолжить.

Название посадочной страницы

Это приведет к запуску интерфейса конструктора страниц.

Это инструмент проектирования с перетаскиванием, в котором вы можете спроектировать свою страницу с предварительным просмотром в реальном времени.

Предварительный просмотр посадочной страницы

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий