Как создать пользовательский шаблон страницы в WordPress
Время чтения: 5 минут
Одним из наиболее важных моментов продажи WordPress является идея тем. Одна тема добавляет большую ценность дизайну и функциональности сайта. Тем не менее, есть сайты, которые имеют разный дизайн на разных страницах.
Управляемый хостинг WordPress на оптимизированных облачных серверах
К сожалению, некоторые темы WordPress ограничивают пользователей от изменения макетов и функциональности для другой страницы в иерархии. Пользовательский шаблон страницы WordPress позволяет пользователям интегрировать пользовательские требования, такие как правая / левая боковая панель на определенной странице, дополнительные функции призыва к действию или, возможно, уникальный заголовок для конкретной целевой страницы. Давайте углубимся в дальнейшее, чтобы увидеть, как пользовательский шаблон страницы WordPress отображает другой тип контента.
Узнайте, как Genesis Framework позволяет настраивать и создавать дочерние темы с нуля в среде WordPress.
Пользовательский шаблон страницы WordPress может быть использован для ряда целей. Некоторые идеи включают в себя:
- Показать последние сообщения каждой категории
- Вставить Google Map или любой скрипт
- Список всех авторов.
- Недавно загруженные изображения
- Индивидуальный дизайн страницы для портфолио
- Страница контактов
Внешний вид всех страниц и сообщений, созданных на веб-сайте WordPress, обрабатывается файлом шаблона с именем page.php . Создание или редактирование пользовательского шаблона страницы в WordPress требует базовых знаний HTML, CSS и PHP.
Просто открой любой Текстовый редактор и вставьте в него следующий код.
<? php / * Имя шаблона: PageWithoutSidebar * /?>
Приведенная выше строка кода сообщает WordPress, что это файл шаблона с именем PageWithoutSidebar . Вы можете использовать любое имя, которое вы хотите. Теперь сохраните этот файл как PageWithoutSidebar.php . Опять же, вы можете использовать любое другое имя для файла. Но не забудьте сохранить расширение как .php
Теперь мы собираемся протестировать наш недавно созданный файл шаблона.
Войдите в свою панель хостинга. В этом примере я использую Cloudways - управляемый хостинг WordPress. Перейдите в папку / wp-content / themes . Откройте папку с текущей темой и загрузите туда файл PageWithoutSidebar.php .
Перейдите в Панель администратора WordPress > Страницы> Добавить новый . Вы можете увидеть новый пользовательский шаблон страницы, указанный справа.
Создайте новую страницу и установите для ее шаблона значение PageWithoutSidebar. После этого опубликуйте его.
Откройте вновь созданную страницу. Поскольку в шаблоне еще нет элементов дизайна, отображается пустая страница, подобная изображению ниже.
Это показывает, что пользовательский шаблон страницы в WordPress успешно реализован, следовательно, вы можете создать настраиваемая адаптивная тема WordPress
Теперь пришло время добавить несколько строк кода для отображения содержимого страницы.
В этой демонстрации я расскажу, как можно настроить шаблон страницы Twenty Sixteen по умолчанию.
Внешний вид страниц по умолчанию создается файлом page.php, расположенным в папке / wp-contents / themes / YOUR THEME / . Откройте page.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 -> <? php get_sidebar ('content-bottom'); ?> </ div> <! - .content-area -> <? php get_sidebar (); ?> <? php get_footer (); ?>
Вставьте этот код в PageWithoutSidebar.php чуть ниже этой строки кода.
<? php / * Имя шаблона: PageWithoutSidebar * /?>
Сохрани это!
Ваш полный файл PageWithoutSidebar.php будет выглядеть следующим образом.
<? php / * Имя шаблона: PageWithoutSidebar * /?> <? 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 -> <? php get_sidebar ('content-bottom'); ?> </ div> <! - .content-area -> <? php get_sidebar (); ?> <? php get_footer (); ?>
Вернитесь на свою страницу и обновите ее. Вы увидите, что все работает так же, как и в стандартной теме WordPress Twenty Sixteen.
Теперь давайте настроим это. Как видите, с правой стороны есть боковая панель. Я удалю его только с этой страницы. Все остальные страницы будут иметь вид по умолчанию темы Twenty Sixteen.
Откройте файл PageWithoutSidebar.php . Прокрутите вниз до конца файла и удалите :
<? php get_sidebar (); ?>
Это строка кода, которая получает боковую панель на странице. После удаления строки сохраните ее . Откройте URL страницы и боковой панели больше нет!
Как видите, боковая панель была успешно удалена с этой страницы. Однако выравнивание текста не очень хорошее. С правой стороны есть пустое место. Исправление состоит в том, чтобы оправдать и расширить текст, чтобы заполнить экран.
Вернитесь к PageWithoutSidebar.php и найдите:
<div id = "primary" class = "content-area">
Просто измените «content-area» на «site-content-fullwidth», и все готово. Обновите страницу, и содержимое будет на всю ширину.
Все еще любопытно, почему я создал собственный шаблон страницы, когда я мог легко отредактировать файл page.php ? Совершенно очевидно, что если файл page.php отредактирован, все страницы сайта будут отображать изменения. Чтобы применить настраиваемый внешний вид на определенных страницах, в WordPress пригодится пользовательский шаблон страницы. Вы также можете определить пользовательская роль пользователя в WordPress для того, чтобы назначить различные привилегии для пользователей.
Если у вас есть какие-либо вопросы, не стесняйтесь спрашивать, разместив в разделе комментариев ниже.
Начните расти вместе с Cloudways уже сегодня!
Мы никогда не идем на компромисс в отношении производительности, безопасности и поддержки.
Мустасам Салим
Мустасам - менеджер сообщества WordPress в Cloudways - A Управляемый хостинг WordPress Платформа, где он активно работает и любит делиться своими знаниями с сообществом WordPress. Когда он не работает, вы можете найти его играющим в сквош со своими друзьями или защищающимся в футболе и слушающим музыку. Вы можете отправить ему электронное письмо по адресу [email protected]
Похожие
Как должен выглядеть SEO-дружественный шаблон WordPress?Наличие множества возможностей позволяет бесплатно заниматься SEO. Некоторые, кажется, забывают, что сам шаблон страницы является чрезвычайно важным элементом. Он поддерживает деятельность SEO так же, как хороший контент или размещение соответствующих ссылок. Поэтому правильная оптимизация принесет много преимуществ, в том числе укрепление позиции сайта в результатах поиска. Ниже приведены несколько критериев, которым стоит следовать при поиске шаблона, соответствующего стандартам SEO. Как сделать свадебные приглашения?
Вы прочтете через: 2 минуты Среди тысяч готовых приглашений, предложенных людьми, профессионально занимающимися их созданием, не нашли ли вы те, которые оправдали бы ваши ожидания? Ничего не потеряно! Всегда делай это сам - так, как ты хочешь. Приглашения ручной работы - отличная идея не только для тех, кто не определился, но и для тех, у кого не слишком большой свадебный бюджет. Надевая скромность и простоту, он не будет перегружать ваше портфолио. Каждое из сделанных вами приглашений Как активировать игры alawar
Alawar Entertainment - международный производитель компьютерных игр, рассчитанных на широкую аудиторию. Интересные, красочные, нехитрые сюжеты этих замечательных игрушек полюбили не только дети, но и взрослые. Скачать любую, понравившуюся Как разделить текст на столбцы?
Большинство текстовых документов пишутся слева направо в одну строку. Раньше были только подразделы на параграфы и разделы. Однако издатели прессы знают, что вертикальное разделение текста повышает удобство получения контента, а также облегчает размещение контента и графики на страницах. Мы также можем применить разделение текста на столбцы в текстовом документе Word. Реализация этого относительно проста и не требует специальной подготовки документа. Все, что вам нужно, это документ, над Как удалить учетную запись Facebook
... скольку я родила второго ребенка, у меня нет сил заниматься слишком амбициозными вещами. Чтение книг, изучение, мне ужасно трудно, потому что когда я берусь за книгу, после нескольких прочитанных страниц я начинаю дремать или отвлекаться на тривиальные вещи: я смотрю, смотрю вокруг, смотрю на телефон или кто-то написал или позвонил мне, проверил, что происходит на фб. Мама, бойся бояться! Одним словом, это нельзя описать, но подвести итог: я не могу сосредоточиться, я отвлечен - это ужасное Плагины WordPress: редактор меню администратора
Здесь, в Bluehost, мы любим WordPress. Поэтому мы всегда ищем новые инструменты и плагины, которые помогут нашим клиентам лучше использовать их веб-сайты и блоги WordPress. Один из плагинов, которые мы рекомендуем, это Редактор меню администратора , Этот отличный инструмент Как добавить Favicon в ваш блог WordPress
Favicon или значок сайта - это крошечное изображение, которое отображается в браузере рядом с названием вашего сайта. Это помогает вашим пользователям идентифицировать ваш сайт, а более частые посетители вашего сайта мгновенно распознают это крошечное изображение. Это повышает узнаваемость вашего бренда и помогает вам завоевать доверие аудитории. В нашей статье о наиболее распространенные ошибки 4+ плагина WordPress для управления баннерной рекламой в WordPress
WordPress 3D Баннер Ротатор со Статистикой
Красивый плагин ротатора 3D баннеров со статистикой продемонстрирует ваши рекламные баннеры впечатляюще и креативно. Множество интересных функций помогут вам настроить баннер для вашей веб-страницы. Если вы думаете, что обычные баннеры немного скучны и вам нужен динамичный способ их отображения, тогда этот плагин для вас. Вы можете настроить множество различных 3D-переходов (благодаря расширенным возможностям 3D-движка практически безграничны). Некоторые Как найти свой IP-адрес и MAC-адрес
... связаны через Интернет. И с таким количеством устройств, которые обмениваются информацией и обмениваются ею, каждое из них должно иметь уникальный идентификатор, чтобы правильная информация достигала правильного пункта назначения. Поскольку Почтовая служба использует ваш домашний адрес для доставки правильной почты в ваш почтовый ящик, компьютеры используют адреса интернет-протокола (IP) и Media Access Control (MAC), чтобы различать разные устройства на вашем Как вставить карту Google в Wordpress?
Начиная приключение с системой WordPress во время создания веб-сайта, нам нужно было вставить карту Google Map на подстраницу « Контакты ». Карта уже была сгенерирована, и было невозможно получить код API для этой конкретной карты, который затем был необходим для запуска плагина. К счастью, ленивый характер после 10 плагинов такого типа обнаружил гораздо более простой способ, не увлекаясь ненужными дополнениями в виде плагинов GoogleMap, генерацией кода API и
Комментарии
Алгоритмы, такие как word2vec а также перчатка преобразуйте слова в векторы, и затем математически сможете решить аналогии, такие как «Лондон - это Англия, как Париж -?Если вы не установили Windows в последнее время, вы можете вспомнить это как тяжелое испытание. Но с эпохой оптических приводов все изменилось, и установка Windows 10 стала более быстрой и плавной, чем это было даже с Windows 7. С небольшой подготовкой и быстрой флешкой или двумя вы можете путешествовать Как машина повторяет последовательность бесконечно, и как машина прекращает запуск программы?
Как машина повторяет последовательность бесконечно, и как машина прекращает запуск программы? Программа рассказывает это с концепцией состояния машины . Состояние машины Для завершения программы необходимо учитывать изменения состояния во время выполнения программы на машине. Следующие изменения, выделенные курсивом , должны быть добавлены в нашу таблицу, которая теперь может называться таблицей состояний : Состояние Символ чтения Инструкция Как сделать так, чтобы камера выглядела так же хорошо, как наши глаза?
Как сделать так, чтобы камера выглядела так же хорошо, как наши глаза? 3,5 (70%) 68 голосов Что вы искали? 4. ВАЖНЫЕ ИМЕНА И СОДЕРЖАНИЕ - как отметить тему страницы?
4. ВАЖНЫЕ ИМЕНА И СОДЕРЖАНИЕ - как отметить тему страницы? Более важные пароли (в которые мы можем переправлять естественно измененные ключевые фразы), ссылки, заголовки, пункты меню - весь соответствующий контент, показывающий роботу Google, о чем страница, не стоит отказываться от них в пользу лучшего внешнего вида, чтобы они сохранялись как контент, и не как графика (опционально вы можете использовать тег alt для изображения). # 5. АД ВНЕ Подумайте, что вы Делаются ли резервные копии и как часто?
Делаются ли резервные копии и как часто? Также очень важно установить исправления безопасности как для операционной системы, так и для веб-сервера. В большинстве доступных хостинговых сервисов это будут Linux и Apache. При обнаружении существенной уязвимости безопасности вы должны быть уверены, что будет установлено соответствующее исправление и что это не вызовет проблем с доступностью вашего сайта. Помните, что когда информация об уязвимости становится общедоступной, Как часто вы смотрите в видоискатель и ставите под сомнение настройку баланса белого?
Как часто вы смотрите в видоискатель и ставите под сомнение настройку баланса белого? Скорее всего никогда. Но держу пари, что вы попали в ситуацию, когда вы снимаете кадр, а экспонометр улавливает ярко-голубое небо и скрывает ваш объект в темноте. Это нормально - автоэкспозиция - непостоянный зверь - но Motorola решает эту проблему с помощью одного простого Как вы их группируете (классифицируете)?
Как вы их группируете (классифицируете)? Наиболее распространенными и наиболее общими группами получателей корпоративного веб-сайта являются: потенциальные клиенты компании, нынешние клиенты компании, сотрудники, Потенциальные сотрудники, инвесторы, потенциальные инвесторы Для вас может быть искусственно разделить каждую группу (клиентов, сотрудников, инвесторов) на подгруппы: потенциальные и текущие. По моему мнению, у каждой из них есть такая индивидуальная характеристика - цели, потребности и Как работают системы онлайн-платежей?
Как работают системы онлайн-платежей? Традиционный банковский перевод обычно занимает несколько дней, после чего клиент должен ждать курьера, прежде чем он наконец получит купленный товар. Системы онлайн-платежей сокращают этот процесс. Это связано с тем, что клиент - вместо того, чтобы связываться с продавцом и осуществлять платеж на свой счет, - производит платеж на счет посредника (например, PayU), а переведенные деньги автоматически присваиваются кошельку продавца. Как завоевать доверие покупателей?
Как завоевать доверие покупателей? Лучше показать свой профессионализм здесь: Изысканные описания продуктов ( « Я знаю, что я продаю, и я советую вам всесторонне» ) отзывчивый телефон / livechat / электронная почта ( «не бойтесь ничего спрашивать, мы здесь, чтобы ответить вам!» ) показать мнение довольных покупателей от покупки в магазине (социальное доказательство) предоставление достоверной информации о транзакциях Как должны выглядеть приглашения?
Как должны выглядеть приглашения? все приглашения, независимо от того, являются ли они неофициальными или классическими, должны быть аккуратными и привлекательными , печать свадебных приглашений на бумаге хорошего качества , правильной фактуры (мы можем выбрать бумагу ручной работы), используя четкий и ясный шрифт, конверты и приглашения составляют единое целое, набор , поэтому они должны сочетаться Как это выглядит с полезной стороны и производительности?
Как это выглядит с полезной стороны и производительности? С точки зрения связи с компьютером мы выделяем четыре (основные) категории полупроводниковых носителей - SATA, mSATA, M.2
Lt;?
Php / * Имя шаблона: PageWithoutSidebar * /?
Lt;?
Php get_header (); ?
ENDWHILE; ?
Php get_sidebar ('content-bottom'); ?
Php get_sidebar (); ?
Php get_footer (); ?
Lt;?
Php / * Имя шаблона: PageWithoutSidebar * /?