Jak usunąć zbudowany za pomocą Storefront i Woocommerce Footer Link z 4 prostymi opcjami?

Opublikowany: 2020-04-13

Usuń zbudowany za pomocą linku do witryny sklepu i stopki WooCommerce Ostatnio, po utworzeniu nowej witryny z wtyczką WooCommerce, jeden z kroków kreatora onboardingu umożliwia instalację wzdłuż motywu Storefront WooCommerce, co jest dobrą rzeczą. Jeśli zamierzasz zachować motyw jako motyw sklepu WooCommerce, musisz go dostosować. Jednym z najczęstszych problemów tego motywu są trwałe linki kredytowe w stopce, które wielu użytkowników chciałoby usunąć lub zastąpić. Możesz także dodać więcej niestandardowych funkcji, takich jak obsługiwane metody płatności, ikony społecznościowe, powiadomienia o plikach cookie i wiele innych.

W tym poście pokażę, jak edytować i usunąć linki kredytowe w stopce Storefront, a także udostępnię kod i kroki, które należy podjąć. Wymyśliłem również rozwiązanie w postaci wtyczki, ponieważ większość użytkowników czytających ten post potrzebuje szybkiego rozwiązania, aby całkowicie dostosować stopkę Storefront.

Obecnie pracuję również nad zaawansowaną wtyczką dostosowywania Storefront Theme, która pomaga użytkownikom zmienić Storefront w najwyższej jakości motyw WooCommerce.

Jeśli nie chcesz edytować pliku functions.php ani dodawać fragmentów i wolisz korzystać z wtyczki, stworzyłem dla Ciebie wtyczkę do usuwania linków kredytowych w stopce, możesz ją znaleźć tutaj.

Łącza kredytowe w stopce witryny sklepowej

Jedną z rzeczy, które powinieneś zrobić, jest usunięcie wbudowanego linku do stopki sklepu i Woocommerce, który jest pokazany na poniższym obrazku: Jak usunąć zbudowany za pomocą łącza Storefront i Woocommerce Footer?

Poniżej przedstawiono sposoby usunięcia linku stopki w motywie WooCommerce w witrynie sklepowej:

Poszukaj haka akcji kredytów sklepowych w funkcjach szablonu
Znajdź funkcję wywołania zwrotnego haka działania witryny sklepowej
Edytuj funkcję zwrotną, aby usunąć niechcianą część , która została zbudowana za pomocą witryny sklepowej i Woocommerce.
Usuń te części za pomocą filtrów apply_filters i pozostaw w funkcji szczegóły dotyczące praw autorskich i daty.
Alternatywnie możesz użyć remove_action , aby usunąć akcję
Możesz również użyć właściwości wyświetlania CSS, aby usunąć, ustawiając ją na wyświetlanie: brak
Na koniec możesz użyć motywu potomnego, aby napisać nową funkcję storefront_credit() , która zastępuje domyślną funkcję motywu .

Pozwólcie, że wyjaśnię szczegółowo, jak uruchomić każdą z tych opcji:

1) Edytuj funkcję wywołania zwrotnego, aby usunąć zbudowany za pomocą łącza Storefront i Woocommerce Footer

Dobrze jest przypisać zasługi WooCommerce i motywowi Storefront, ale linki w stopce zawsze będą kierować ruch z Twojej witryny. Jeśli zamierzasz zachować ten motyw, musisz usunąć wbudowany link do stopki sklepu i Woocommerce.

Po zainstalowaniu tego motywu spodobała mi się jego prostota i chciałem wykorzystać go do ilustracji w moich samouczkach. Z pewnych powodów nie podobają mi się linki kredytowe w stopce i zawsze chcę się ich pozbyć od razu po rozpoczęciu dostosowywania motywu.

Zbudowany z lokalizacją linków do witryny sklepowej i stopki Woocommerce

Kiedy sprawdzisz footer.php , nie zobaczysz tego zbudowanego z linkiem stopki sklepu i Woocommerce . Aby go usunąć, wiedziałem, że został tam dodany za pomocą haka akcji i oczywiście użyję czegoś takiego jak remove_action.

Więc natychmiast zacząłem szukać haczyka akcji i znalezienie jego lokalizacji zajęło wieczność, ale w końcu go dostałem. To jest funkcja zwrotna o nazwie storefront_credit, a ścieżka lokalizacji to:

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

Zbudowany z lokalizacją linków do witryny sklepowej i stopki Woocommerce

W edytorze kodu powinieneś poszukać linii o numerze 129 lub w okolicy.

Jeśli chcesz ponownie użyć motywu witryny sklepowej do zbudowania niestandardowego motywu WooCommerce, którego nie będziesz aktualizować, możesz edytować tę funkcję wywołania zwrotnego akcji, aby usunąć tę część i zastąpić ją lub pozostawić bez linków w stopce kredytowej. W tym przypadku kod w tej funkcji zwrotnej może zmienić się na następujący:

 if ( ! function_exists( 'storefront_credit' ) ) {
/**
* Wyświetl kredyt motywu
*
* @od 1.0.0
* @zwrot nieważny
*/
funkcja storefront_credit() {?>

  <div class="informacje-o-witrynie">

      <?php echo esc_html( '&copy; ' .get_bloginfo( 'nazwa') ' ' .date( 'Y') ); ?>

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

Rezultatem powinno być usunięcie zbudowanego za pomocą storefrontu i Woocommerce linku w stopce i pozostawienie nazwy strony, praw autorskich i powinno to wyglądać tak:

2) Użyj CSS, aby usunąć zbudowany za pomocą linku Storefront i Woocommerce Footer

Jest to najmniej skuteczna metoda, ponieważ ukrywa tylko widoczność linku w stopce. Wystarczy znaleźć klasę linku w stopce za pomocą narzędzia Inspect Browser, jak pokazano poniżej:

Teraz wystarczy zastosować regułę display: none do klasy site-info w następujący sposób:

 .site-info a {

    Nie wyświetla się;

}

To po prostu celuje w link w stopce i ukrywa go. Moglibyśmy również użyć reguły widoczności w następujący sposób:

 .site-info a {

    widoczność: ukryta;

}

#3) Użyj remove_action, aby usunąć link do stopki Woocommerce

Usuń działanie to kolejny szybki sposób na usunięcie tego linku w stopce bez powodowania problemów z przyszłą aktualizacją tego motywu.

W takim przypadku należy dodać stopkę usuwania w pliku potomnym functions.php . W tym przypadku funkcja remove_action powinna wyglądać następująco:

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

#4) Użyj funkcji motywu potomnego, aby zastąpić link stopki

Na koniec możesz użyć skopiowania funkcji do motywu potomnego functions.php i dodać własne linki kredytowe lub zakodować coś takiego:

 /**
  * Wyświetlaj niestandardową wiadomość kredytową sklepu WooCommerce
  */

 funkcja storefront_credit() {
       ?>
       <div class="informacje-o-witrynie">

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

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

             <br /> <?php echo '<a href="https://njengah.com" target="_blank" title="' . '" rel="autor">' . esc_html__( 'Zbudowany przez Joe', 'storefront' ) . '</a>' ?> i <a href="https://twojadomena.com" title="Nazwa Twojej firmy">Nazwa Twojej firmy</a>.

             <?php } ?>

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

       <?php

 }

Możesz zastąpić sekcję moją domeną, a tekst odpowiednią nazwą domeny i preferowanym tekstem.

Wniosek

Jak widać w tym poście, istnieje kilka sposobów na usunięcie linku kredytowego w stopce WooCommerce. To zależy od Twoich celów lub doświadczenia w programowaniu. Jeśli jesteś programistą WooCommerce i chcesz użyć motywu witryny sklepowej jako motywu startowego, bezpośrednia edycja funkcji wywołania zwrotnego powinna być sposobem na osiągnięcie tego celu. Mam nadzieję, że możesz teraz bez problemu usunąć wbudowane linki w stopce sklepu i Woocommerce . Jeśli masz inne problemy z rozwojem WooCommerce, zawsze możesz skontaktować się z nami, aby uzyskać więcej porad i pomocy.

Podobne artykuły

Jak stworzyć krótki kod dla wtyczki w WordPress
Jak przekierować stronę WordPress bez wtyczek?
Jak przekierować użytkowników po pomyślnym zalogowaniu się do WordPressa bez użycia wtyczki?
Jak sprawdzić, czy wtyczka jest aktywna w WordPress [ 3 SPOSOBY ]
23 najlepsze wtyczki WooCommerce do dostosowywania strony kasy
Jak edytować nagłówek w motywie Storefront WooCommerce?
Jak pominąć koszyk i przekierować do strony kasy WooCommerce
Jak zmienić powiadomienie „Dodano do koszyka” WooCommerce?
Jak przekierować do koszyka po zalogowaniu w WooCommerce
Jak usunąć lub wyłączyć recenzje w WooCommerce?
Jak przekierować użytkownika, jeśli nie jest zalogowany w WordPressie » Przekierowanie strony
Jak usunąć Proudly Powered by WordPress Footer Link
Jak przenieść opis pod obraz w WooCommerce?
Jak usunąć został dodany do koszyka Wiadomość WooCommerce
Jak dodać domyślną zawartość do niestandardowego edytora typów postów
Jak programowo usunąć pozycje menu administratora WordPress bez wtyczki?
Jak zmienić brakujący tekst w WooCommerce?
Jak się zalogować do informacji o użytkowniku w WordPressie
Przekierowanie WooCommerce po realizacji transakcji: Jak automatycznie przekierować do niestandardowej strony po realizacji transakcji
Jak uzyskać aktualną rolę użytkownika w WordPressie i rolach wyświetlania?