Как удалить встроенную ссылку в футере Storefront и Woocommerce с помощью 4 простых опций

Опубликовано: 2020-04-13

Удалить встроенную ссылку в футере магазина и WooCommerce В последнее время, после создания нового сайта с плагином WooCommerce, один из шагов мастера адаптации позволяет вам установить его вместе с темой Storefront WooCommerce, что очень хорошо. Если вы намерены сохранить тему в качестве темы магазина WooCommerce, вам необходимо настроить ее. Одной из наиболее распространенных проблем этой темы являются постоянные кредитные ссылки в нижнем колонтитуле, которые многие пользователи хотели бы удалить или заменить. Вы также можете добавить дополнительные пользовательские функции, такие как поддерживаемые способы оплаты, значки социальных сетей, уведомление о файлах cookie и многое другое.

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

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

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

Кредитные ссылки в нижнем колонтитуле магазина

Одна из вещей, которую вы должны сделать, — это удалить ссылку в нижнем колонтитуле встроенной витрины магазина и Woocommerce, которая показана на изображении ниже: Как удалить встроенную ссылку в футере Storefront & Woocommerce

Ниже приведены способы удаления ссылки нижнего колонтитула в теме WooCommerce витрины магазина:

Ищите хук действия кредита в магазине в функциях шаблона.
Найдите функцию обратного вызова хука действия витрины
Отредактируйте функцию обратного вызова, чтобы удалить ненужную часть , которая читается с помощью витрины магазина и Woocommerce.
Удалите эти части с помощью apply_filters и оставьте информацию об авторских правах и дате в функции.
Кроме того, вы можете использовать remove_action для удаления действия.
Вы также можете использовать свойство отображения CSS для удаления, установив для него display: none
Наконец, вы можете использовать дочернюю тему для написания новой функции storefront_credit() , которая переопределяет функцию темы по умолчанию .

Позвольте мне подробно объяснить, как заставить работать каждый из этих вариантов:

# 1) Отредактируйте функцию обратного вызова, чтобы удалить встроенную ссылку в нижнем колонтитуле Storefront и Woocommerce

Это хорошая вещь, чтобы отдать должное WooCommerce и теме Storefront, но ссылки в нижнем колонтитуле всегда будут отвлекать трафик с вашего сайта. Если вы собираетесь сохранить эту тему, вам нужно удалить ссылку из нижнего колонтитула, встроенную в витрину магазина и Woocommerce.

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

Построен с расположением ссылок в футере Storefront и Woocommerce

Когда вы проверите файл footer.php , вы не увидите его, созданного с помощью ссылки в нижнем колонтитуле магазина и Woocommerce . Поэтому, чтобы удалить его, я знал, что он был добавлен туда с помощью хука действия, и, конечно же, использовал бы что-то вроде remove_action.

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

 wp-content/themes/storefront/inc/storefront-template-functions.php

Построен с расположением ссылок в футере Storefront и Woocommerce

В редакторе кода вы должны найти строку номер 129 или около того.

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

 если ( ! function_exists( 'storefront_credit' ) ) {
/**
* Показать кредит темы
*
* @с 1.0.0
* @возврат недействителен
*/
функция storefront_credit() {?>

  <div class="Информация о сайте">

      <?php echo esc_html( '&copy; ' .get_bloginfo( 'имя' ) . ' ' .date( 'Г' ) ); ?>

    </div><!-- .site-info -->
  <?php
  }
}

В результате нужно удалить встроенную ссылку в футере магазина и Woocommerce и оставить название сайта, авторские права, и это должно выглядеть так:

# 2) Используйте CSS для удаления встроенной ссылки в нижнем колонтитуле Storefront и Woocommerce

Это наименее эффективный метод, поскольку он просто скрывает видимость ссылки в нижнем колонтитуле. Вам просто нужно найти класс ссылки нижнего колонтитула с помощью инструмента Inspect Browser, как показано ниже:

Теперь нам просто нужно применить правило display: none к классу site-info следующим образом:

 .сайт-информация {

    дисплей: нет;

}

Это просто нацелено на ссылку нижнего колонтитула и скрывает ее. Мы также можем использовать правило видимости следующим образом:

 .сайт-информация {

    видимость: скрытая;

}

# 3) Используйте remove_action, чтобы удалить ссылку нижнего колонтитула Woocommerce

Удалить действие — еще один быстрый способ удалить эту ссылку в нижнем колонтитуле, не вызывая проблем с будущим обновлением этой темы.

В этом случае вы должны добавить удаление нижнего колонтитула в файл functions.php дочерней темы. В этом случае функция remove_action должна быть следующей:

 remove_action('storefront_footer', 'storefront_credit',20);

# 4) Используйте функцию дочерней темы, чтобы переопределить ссылку в нижнем колонтитуле

Наконец, вы можете скопировать функцию в дочернюю тему functions.php и добавить свои собственные кредитные ссылки или код, подобный этому:

 /**
  * Отображение пользовательского кредитного сообщения магазина WooCommerce
  */

 функция storefront_credit() {
       ?>
       <div class="Информация о сайте">

             <?php echo esc_html( apply_filters( 'storefront_copyright_text', $content = '&copy; ' .get_bloginfo( 'name' ) . ' ' .date( 'Y' ) ) ); ?>

             <?php if ( apply_filters( 'storefront_credit_link', true )) { ?>

             <br /> <?php echo '<a href="https://njengah.com" target="_blank" title="' . '" rel="author">' . esc_html__('Создано Джо', 'витрина') . '</a>' ?> и <a href="https://yourdomain.com" title="Название вашей компании">Название вашей компании</a>.

             <?php } ?>

       </div><!-- .site-info -->

       <?php

 }

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

Вывод

Как вы можете видеть в этом посте, есть несколько способов удалить кредитную ссылку нижнего колонтитула WooCommerce. Это зависит от ваших целей или вашего опыта программирования. Если вы являетесь разработчиком WooCommerce и хотите использовать тему витрины магазина в качестве темы для начинающих, редактирование функции обратного вызова должно быть способом сделать это. Я надеюсь, что теперь вы можете без проблем удалить встроенные ссылки из нижнего колонтитула магазина и Woocommerce . Если у вас есть другие проблемы с разработкой WooCommerce, вы всегда можете связаться с нами для получения дополнительных советов и помощи.

Как удалить встроенную ссылку в футере Storefront и Woocommerce с помощью 4 простых опций

Кредитные ссылки в нижнем колонтитуле магазина

# 1) Отредактируйте функцию обратного вызова, чтобы удалить встроенную ссылку в нижнем колонтитуле Storefront и Woocommerce

Построен с расположением ссылок в футере Storefront и Woocommerce

# 2) Используйте CSS для удаления встроенной ссылки в нижнем колонтитуле Storefront и Woocommerce

# 3) Используйте remove_action, чтобы удалить ссылку нижнего колонтитула Woocommerce

# 4) Используйте функцию дочерней темы, чтобы переопределить ссылку в нижнем колонтитуле

Вывод

Похожие статьи