Пропустить

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

Divi: самая простая тема WordPress для использования

Divi: лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуемые]

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

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

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить блог WordPress в шагах по 7 et Как искать, устанавливать и активировать тему WordPress в своем блоге

Тогда вернемся к тому, почему мы здесь.

Метод 1: использование встроенного шаблона ширины в теме WordPress

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

Во-первых, вам нужно отредактировать страницу или создать новую, посетив " Страницы> Добавить Новая страница.

В окне редактирования страницы выберите Полная ширина в качестве шаблона под флажком атрибутов страницы.

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

Если у вас нет опции «Полная ширина» - «шаблон полной ширины» - на экране редактирования вашей страницы это означает, что ваша тема WordPress не имеет этой страницы.

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

Метод 2: как создать шаблон страницы с полной шириной

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

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

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

Сначала вам нужно открыть текстовый редактор, такой как «Блокнот», и вставить следующий код в пустой файл:

<? Php / * Имя шаблона: * Полная ширина / get_header (); ?>

Теперь вам нужно сохранить этот файл как " Полный width.php На вашем компьютере.

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

Тогда вам понадобится часть содержимого кода. Подключитесь к своему сайту с помощью FTP-клиента (или файловый менеджер в CPanel) затем перейдите к / Wp-содержание / темы / ваш-тематический каталог / ».

Затем вы должны найти файл с именем " page.php ». Это файл шаблона страницы по умолчанию для вашей темы.

Легко создать свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным внешним видом. Перестань дорого платить за то, что можешь сделать сам. [Free]

Скопируйте все после функции « get_header () И вставьте его в файл " Полный width.php Это вы создали на своем компьютере.

Теперь вам нужно посмотреть содержимое файла "full-width.php" и удалить эту строку кода:

<? Php get_sidebar (); ?>

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

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

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

Если ваша тема не отображает боковые панели на вашей странице, вы не можете найти этот код в своем файле.

Вот как наш код full-width.php заботится о внесении изменений. Ваш код может выглядеть несколько иначе, в зависимости от вашей темы.

<? php / * * Имя шаблона: полная ширина * / get_header (); ?> <div id = "primary" class = "content-area"> <main id = "main" class = "site-main" role = "main"> <? php // Запустить цикл. while (have_posts ()): the_post (); // Включить шаблон содержимого страницы. get_template_part ('template-parts / content', 'page'); // Если комментарии открыты, как нам это сделать? if (comments_open () || get_comments_number ()) {comments_template (); } // Конец цикла. ENDWHILE; ?> </ main> <! - .site-main -> </ div> <! - .content-area -> <? php get_footer (); ?>

Затем вам нужно загрузить файл Полный width.php В вашей папке темы WordPress с помощью FTP-клиент.

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

Направляйтесь в панель управления и редактируйте или создавайте новую страницу.

На экране редактирования страницы найдите атрибуты страницы и выберите раскрывающееся меню в разделе «Модель».

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

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

Сделайте свой сайт популярным, открыв для себя 7 WordPress плагины для оптимизации SEO ваших изображений

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress от Envato и легко создайте свой веб-сайт. Уже более 49.720.000 XNUMX XNUMX загрузок. [ЭКСКЛЮЗИВ]

Затем вы можете настроить его ширину на 100% с помощью CSS. Мы использовали следующий код CSS:

.стр-шаблона полной ширины зоны .content {ширина: 100%; Маржа: 0px; граница: 0px; обивка: 0px; } .стр-шаблон полной ширины .Выходного {поля: 0px; }

Вот как это будет выглядеть как двадцать семнадцать.

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

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

Откройте для себя также несколько премиальных плагинов WordPress

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

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. Divi Builder

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

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

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

Мы предлагаем вам открыть Как создать профессиональный блог

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

Вы даже можете добавить пользовательский CSS, потому что его редактор CSS объединяет базовую проверку и автозаполнение. Одним из критиков Divi Builder всегда было то, что он основан на шорткоды, Это означает, что если вы отключите его однажды, в вашем контенте останется куча шорткодов. Хотя это немного удручает, но теперь проблема не в том, что существуют плагины, такие как Shortcode Cleaner.

Скачать | Демо | Дешёвый хостинг

2. Строитель

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

Как и Divi Builder и WPBakery Page Builder, Themify Builder позволяет создавать макеты в интерфейсе или бэкэнде. Еще одна хорошая вещь - это то, что этот плагин позволяет настраивать ваши отзывчивые контрольные точки (но только на уровне всего сайта).

Открыть Как установить и настроить WooCommerce создать интернет-магазин и легко продавать свои товары в интернете

Интересная вещь о Themify Builder заключается в том, что он все еще позволяет вам использовать стандартный редактор WordPress, в то время как другие конструкторы страниц заставляют вас использовать интерфейс Page Builder для всего.

Скачать | Демо |Дешёвый хостинг

3. Факир

Первоначально запущенный в 2016, плагин WordPress Elementor является одним из самых молодых разработчиков этого списка. Несмотря на поздний запуск, Elementor быстро накопил больше активных установок 1 000 000 на WordPress.org, что делает его одним из самых популярных конструкторов WordPress.

Легко создать свой интернет-магазин

Скачайте бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать физические и цифровые продукты на WordPress. [Рекомендуемые]


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

Его интерфейс разделен на две основные части, с третьей зоной для определенных параметров. Бесплатная версия Elementor предлагает бесплатные виджеты 28. В версии Pro представлены другие виджеты 30, а в версии Pro - всего виджеты 58. Бесплатная версия включает в себя около бесплатных шаблонов 40, а версия Pro содержит сотни дополнительных шаблонов.

Скачать | Демо |Дешёвый хостинг

Другие рекомендуемые ресурсы

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

Заключение

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

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

Если у вас есть предложения или замечания, оставьте их в нашем разделе Комментарии.

...

Эта статья содержит 1 комментарий
  1. Привет; привет,
    У меня есть тема «thetheen», и я использовал метод 2 x, чтобы создать дом без боковых панелей. Он работает в том смысле, что слева он оставляет строку меню пустой, но цвет остается. Вы видите пустую боковую панель, и поэтому страница cmq является асимметричной

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля обозначены *

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

Вверх
10 акции
доля8
чирикать1
Регистрация1