Вопрос или проблема
Можно ли добавить страницу в WordPress так, чтобы на этой странице не отображались ни заголовок, ни меню сайта?
А также, чтобы не отображалось содержимое боковых панелей, которое есть на остальной части сайта. И также не появлялись элементы внизу страницы (например, форма “Оставить комментарий” на других страницах).
Итак, на этом сайте: http://richardclunan.com/ я не хочу, чтобы на одной определенной странице отображались какие-либо элементы рукописного заголовка или пункты меню “hey there”http://richardclunan.com/”portfolio”http://richardclunan.com/”need copywriting”http://richardclunan.com/”и так далее”, а также боковая панель с формой подписки и форма “оставить комментарий”. Но я хочу, чтобы все эти элементы отображались на всех других страницах.
Создайте пользовательский шаблон страницы, исключите из него вызовы get_header(), get_footer() и get_sidebar() и вставьте в шаблон страницы свой HTML-код заголовка и подвала.
http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates
Рич – Если вы создадите HTML-страницу (каким бы способом вы ни выбрали), назовете ее чему-либо.html и поместите в ту же папку, что и установка WordPress, то http://richardclunan.com/something.html покажет эту страницу.
У меня был блог, состоящий из статических страниц, прежде чем я переключился на WP. Старые страницы отображаются нормально, если их находят через старые закладки или поисковые системы. http://joetaxpayer.com/gold является примером, уберите окончание /gold, и вы увидите, что сайт WP все еще там.
Вы можете создать новый шаблон страницы и ассоциировать его с этой страницей.
В шаблоне страницы не включайте боковую панель (<?php get_sidebar(); ?>) и не включайте комментарии на этой конкретной странице, либо удалив вызов шаблона комментариев, обычно comments_template(), либо используя админ-панель WP.
Заголовок и навигация немного сложнее, но это легко сделать, окружив их условием if( get_the_id() != '99' ) { ... }. Замените 99 на ваш ID страницы, конечно.
Отличное обсуждение! Эта ветка предоставляет полезные инсайты в кастомизацию страниц WordPress путем удаления заголовков и меню. Всегда полезно увидеть различные подходы и коды, чтобы добиться чистого и минималистичного вида. Один вопрос – какой лучший способ убедиться, что эти настройки не сломаются после обновления темы? Для тех, кто ищет больше информации по оптимизации и безопасности сайта, Azmi DigiSol предлагает полезные ресурсы. Спасибо за предоставление этой ценной информации!https://www.azmidigisol.com/
Как удалить элементы страницы с помощью CSS
Откройте инспектор и попытайтесь найти класс или ID элементов, которые вы хотите скрыть:
Затем настройте ваш CSS следующим образом:
body.page-id-2 h1.title {display:none;}
Таким образом, вы только скрываете элементы, не удаляете их. Так что вы не ломаете никакие потенциальные функции, которые требуют наличия элементов, например, макет страницы или скрипты в подвале.
Источник: https://thethemefoundry.com/tutorials/hiding-parts-of-your-theme-with-displaynone/
Ответ или решение
Создание страницы в WordPress без заголовка и меню представляет собой задачу, которая требует понимания работы с шаблонами WordPress и некоторых основ CSS. Давайте разберем, как можно достичь этого эффекта, используя различные подходы и методы.
Теория
WordPress — это гибкая система управления контентом, которая позволяет пользователям создавать и настраивать различные типы страниц и постов. Основная идея заключается в максимальной адаптивности и возможностях настройки. Шаблоны страниц в WordPress позволяют пользователям создавать уникальные дизайны и компоновки для своих страниц, используя PHP, HTML и CSS.
Основные элементы, такие как заголовки, меню и боковые панели, обычно управляются через вызовы таких функций, как get_header(), get_sidebar(), и get_footer(). Эти вызовы включают в себя HTML и другие элементы вашего сайта, определенные в заголовках, подвалах или боковых панелях. Если вы хотите создать страницу без этих стандартных элементов, вы можете создать новый шаблон страницы, в котором эти вызовы будут исключены или обернуты в условные конструкции.
Пример
-
Создание пользовательского шаблона страницы:
Начнем с создания нового файла шаблона. Например, создадим файл
page-custom.phpв папке вашей темы.<?php /* Template Name: Custom Page */ ?> <!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php bloginfo('name'); ?></title> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <div id="main-content"> <?php if ( have_posts() ) { while ( have_posts() ) { the_post(); the_content(); } } ?> </div> <?php wp_footer(); ?> </body> </html>В этом примере мы исключили вызовы
get_header(),get_sidebar(), иget_footer(), сохранив только основной контент страницы. -
Применение шаблона к странице:
После создания шаблона, перейдите в панель управления WordPress, создайте новую страницу или отредактируйте существующую и выберите новый шаблон "Custom Page" из выпадающего списка "Атрибуты страницы".
-
Использование условных операторов:
Если вы хотите, чтобы некоторые элементы отображались на всех страницах, кроме одной, используйте условные конструкции в ваших шаблонах. Например:
if ( !is_page('your-page-slug') ) { get_header(); }Здесь мы используем функцию
is_page(), чтобы указать, на какой странице не нужно выводить заголовок.
Применение
Теперь о CSS методах. Если вы хотите скрыть, а не удалить элементы через код, используйте CSS правила. Это полезно, если вам нужно оставить элементы на странице, но сделать их невидимыми:
-
Идентификация элементов:
Используйте инспектор браузера, чтобы определить классы или идентификаторы элементов, которые нужно скрыть.
-
Кастомизация CSS:
Создайте или добавьте в ваш файл стилей темы следующий CSS код:
body.page-id-2 .header, body.page-id-2 .menu, body.page-id-2 .sidebar, body.page-id-2 .comment-form { display: none; }Вышеуказанный код скроет все элементы с упомянутыми классами только на странице с ID 2.
Заключение
Использование пользовательских шаблонов страниц и CSS в WordPress позволяет создать настраиваемые и уникальные страницы в зависимости от ваших нужд. Это может быть полезно для содержания страниц с минималистичным дизайном или специальных страниц, которые требуют иного подхода к компоновке, чем на остальном сайте. Этот процесс требует аккуратного планирования и тестирования, особенно если ваш сайт подвергается частым обновлениям темы. Использование дочерних тем или корректировка через CSS помогают обеспечить устойчивость изменений при обновлении.