Как скрыть и удалить нижний колонтитул в Divi? Легкий путь!

Опубликовано: 2020-06-16

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

Divi от Elegant Themes — отличная многоцелевая тема WordPress. Благодаря своим многочисленным функциям и возможностям настройки, это одна из лучших тем на рынке. В нашем полном обзоре Divi мы объяснили основные особенности этой красивой темы. И сегодня мы покажем вам, как сделать некоторые дополнительные настройки на вашем сайте. В этой статье вы узнаете, как убрать или скрыть нижний колонтитул в Divi .

Зачем удалять нижний колонтитул в Divi?

Если вы используете Divi, вы, вероятно, видели, что в нижнем колонтитуле написано Divi by Elegant Themes . Хотя некоторые люди согласны с этим, вам может потребоваться удалить нижний колонтитул веб-сайта. Например, ваши клиенты могут захотеть скрыть нижний колонтитул на своих сайтах, потому что они хотят добавить туда некоторую информацию. Или, может быть, вы разрабатываете собственный шаблон для одного из своих сайтов WordPress, поэтому вам нужен индивидуальный нижний колонтитул. Итак, если вы хотите удалить нижний колонтитул Divi, чтобы улучшить область содержимого, вы попали по адресу!

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

Прежде чем ты начнешь…

Чтобы внести изменения, мы будем редактировать код Divi. Поэтому мы рекомендуем использовать дочернюю тему вместо редактирования основных файлов темы. Интересно, почему? Если вы внесете изменения в файл style.css и functions.php родительской темы Divi, при следующем обновлении темы новые файлы темы будут сохранены в папке вашей темы. И все старые файлы будут перезаписаны. Следовательно, вы потеряете все свои настройки.

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

Как удалить нижний колонтитул в Divi?

Вы можете скрыть нижний колонтитул в Divi:

  1. панель администратора вордпресс
    1. Удалить нижний колонтитул по всему сайту
    2. Скрыть нижний колонтитул с определенных страниц
    3. Удалить нижний колонтитул Divi в определенных сообщениях
  2. Тематическая панель Divi

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

1) Скрыть нижний колонтитул Divi от администратора WordPress

1.1) Скрыть нижний колонтитул в Divi для всего сайта

Чтобы удалить нижний колонтитул на всем веб-сайте, вам понадобится немного CSS. Вы можете отредактировать файл style.css дочерней темы или добавить этот пользовательский код CSS в раздел «Дополнительные CSS» в Divi Customizer. В этом руководстве мы будем использовать функцию «Дополнительный CSS» для внесения изменений. Итак, скопируйте следующий код CSS

 /* Скрыть нижний колонтитул */

# основной нижний колонтитул {
    высота: 0 !важно;
    переполнение: скрыто;
}

и вставьте его в раздел « Дополнительные CSS ». Код просто устанавливает высоту основного нижнего колонтитула на 0. Таким образом, нижний колонтитул не будет виден. После вставки кода проверьте раздел предварительного просмотра, и ваш нижний колонтитул исчезнет.

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

  • Основной нижний колонтитул
  • Нижний колонтитул

В основной нижний колонтитул вы можете добавить виджеты, информацию о вашем бизнесе или даже галерею Instagram. На наш взгляд, основной нижний колонтитул является важным разделом для каждого веб-сайта. Как правило, нижний колонтитул включает текст об авторских правах, ссылки на социальные сети и так далее. Вы также можете скрыть это с помощью CSS. Чтобы отключить нижний колонтитул в Divi, скопируйте следующий код:

 /* Удалить нижний колонтитул из divi */
# нижний колонтитул {
дисплей:нет;
}

И вставьте его в раздел «Дополнительные CSS».

Вот и все. Вы успешно удалили нижний колонтитул Divi со всего сайта !

1.2) Удалить нижний колонтитул на пользовательских страницах

Чтобы удалить нижний колонтитул Divi на определенных страницах или сообщениях, вам нужно найти уникальный идентификатор страницы или идентификатор сообщения. Для этого перейдите в раздел « Страницы » в WordPress и откройте страницу, которую хотите отредактировать. Просто наведите курсор мыши на кнопку редактирования, и вы увидите идентификатор страницы в URL-адресе после post= .

Если вы нажмете кнопку «Изменить», вы увидите то же самое в строке URL.

Так что в этом случае наш ID равен 2 . Теперь, когда вы знаете идентификатор страницы, используйте следующий код CSS:

 /* Скрыть нижний колонтитул на странице */
.page-id-2 #основной-нижний колонтитул {
    высота: 0 !важно;
    переполнение: скрыто;
}

И вставьте его в Divi Customizer > Additional CSS .

Вот и все! Вы удалили нижний колонтитул Divi на этой конкретной странице .

1.3) Отключить нижний колонтитул для определенных сообщений

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

Во-первых, вам нужно получить идентификатор поста. Итак, наведите курсор на кнопку «Редактировать сообщение», чтобы найти свой уникальный идентификатор сообщения.

Удалить нижний колонтитул в Divi для определенных сообщений В этом случае идентификатор сообщения равен 1 . Итак, код, который вам нужно использовать:

 /* Скрыть нижний колонтитул поста */
.postid-1 #основной-нижний колонтитул {
    высота: 0 !важно;
    переполнение: скрыто;
}

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

Точно так же вы сможете удалить нижний колонтитул Divi из любых сообщений на вашем сайте.

2) Скрыть нижний колонтитул с помощью панели тем Divi

Помимо методов, которые мы объяснили выше, вы также можете скрыть нижний колонтитул с помощью панели тем Divi. Вы можете найти его в панели управления WP > Divi > Параметры темы .

Удалить нижний колонтитул в Divi с панели тем

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

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

Бонус: удалите и отредактируйте кредиты WordPress из темы Divi.

У многих тем в нижнем колонтитуле есть пометка «работает на WordPress». Если вы хотите настроить свой сайт и придать ему профессиональный вид, рекомендуется избавиться от него. Есть 2 способа удалить кредиты из нижнего колонтитула:

  1. С настройщиком темы Divi
  2. С редактором WP

Давайте посмотрим на них обоих.

1. Отключите кредиты WordPress от Divi с помощью настройщика тем.

Некоторые темы позволяют легко удалить его из настройщика тем, и Divi — одна из них. Итак, чтобы скрыть кредиты WordPress от Divi, вам нужно перейти в Divi> Theme Customizer> Footer> Bottom Bar . Затем нажмите кнопку «Отключить титры нижнего колонтитула» и нажмите « Сохранить и опубликовать ». Вот и все! Вы удалили кредиты WordPress из нижнего колонтитула.

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

2. Удалите кредиты WordPress из Divi с помощью редактора WP.

В некоторых темах нет возможности вносить изменения в их настройщике. Итак, если это ваш случай, вы можете удалить и отредактировать кредиты с помощью редактора WordPress. Поскольку вы будете редактировать некоторые основные файлы, мы рекомендуем использовать для этого дочернюю тему. Итак, чтобы скрыть кредиты, на панели инструментов WP перейдите в « Внешний вид»> «Редактор» и найдите файл footer.php . Там найдите часть кода, содержащую текст «Powered by WordPress» . Вы можете либо удалить этот раздел кода, либо отредактировать его, добавив любой нужный текст. После этого сохраните изменения и вуаля!

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

Исправление проблем

Вы можете вставить код CSS в файл style.css вашей дочерней темы, но не увидите никаких изменений во внешнем интерфейсе. Это проблема с вашим кешем. Если вы используете плагин кэширования WordPress, вы можете удалить кэшированные файлы со своего сервера. Также почистите кеш браузера. С другой стороны, вы также можете использовать другой браузер или устройство для целей тестирования.

Вывод

На этом наше руководство о том, как убрать нижний колонтитул в Divi, заканчивается. Вы можете скрыть нижний колонтитул на всем сайте или на отдельных постах и ​​страницах. Хотя вы будете использовать немного кода CSS, даже новичок может это сделать. Чтобы максимально использовать Divi, ознакомьтесь с нашими руководствами:

  • Как отредактировать заголовок в Divi? 3 простых метода
  • Как добавить кнопку «Добавить в корзину» на страницах магазина Divi?
  • Контактная форма Divi не работает? Вот как это исправить!

Мы надеемся, что вы нашли это руководство полезным и получили удовольствие от чтения. Если да, то поделитесь этим постом в социальных сетях. Дополнительные статьи можно найти в разделе блога QuadLayers. Вы пытались настроить нижний колонтитул в Divi? Сообщите нам свой опыт в разделе комментариев ниже!