Как предварительно просмотреть свой сайт 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 » Посадочные страницы страница.

Отсюда вам нужно нажать на кнопку 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 и нажать на кнопку Manage Site (Управление сайтом).

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

После того как вы убедились, что у вас установлен плагин 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.

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

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

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

Если вы удовлетворены тем, как выглядит тема, то вы можете перейти к ее активации, нажав на кнопку «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 также поставляется с полной поддержкой WooCommerce.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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