Cara Menghapus Dibangun dengan Tautan Footer Storefront & Woocommerce dengan 4 Opsi Sederhana

Diterbitkan: 2020-04-13

Hapus yang dibangun dengan etalase & tautan footer WooCommerce Akhir-akhir ini setelah membuat situs baru dengan plugin WooCommerce, salah satu langkah wizard orientasi memungkinkan Anda untuk menginstal bersama tema WooCommerce Storefront yang merupakan hal yang baik. Jika Anda ingin mempertahankan tema sebagai tema toko WooCommerce Anda, Anda perlu menyesuaikannya. Salah satu masalah paling umum dari tema ini adalah tautan kredit footer persisten yang ingin dihapus atau diganti oleh banyak pengguna. Anda mungkin juga ingin menambahkan lebih banyak fitur khusus seperti metode pembayaran yang didukung, ikon sosial, pemberitahuan cookie, dan banyak lagi.

Dalam posting ini, saya akan menunjukkan kepada Anda bagaimana Anda dapat mengedit dan menghapus tautan kredit footer Storefront dan akan membagikan kode dan langkah-langkah yang harus diambil. Saya juga datang dengan solusi plugin karena sebagian besar pengguna yang membaca posting ini membutuhkan solusi cepat untuk sepenuhnya menyesuaikan footer Storefront.

Saat ini saya juga sedang mengerjakan plugin kustomisasi Storefront Theme canggih yang membantu pengguna mengubah Storefront menjadi tema WooCommerce berkualitas premium.

Jika Anda tidak ingin mengedit file functions.php atau menambahkan snippet dan lebih suka menggunakan plugin, saya telah membuat plugin untuk Anda Hapus Footer Credit Links, Anda dapat menemukan plugin di sini.

Tautan Kredit Footer etalase

Salah satu hal yang harus Anda lakukan adalah menghapus tautan yang dibangun dengan etalase & footer Woocommerce yang ditunjukkan pada gambar di bawah ini: Cara Menghapus Dibangun dengan Tautan Footer Storefront & Woocommerce

Berikut ini adalah cara-cara yang dapat Anda lakukan untuk menghapus tautan footer pada tema etalase WooCommerce:

Cari kait tindakan kredit toko di fungsi templat
Temukan fungsi panggilan balik dari kait aksi etalase
Edit fungsi panggilan balik untuk menghapus bagian yang tidak diinginkan yang terbaca dibangun dengan etalase & Woocommerce.
Hapus bagian-bagian itu dengan apply_filters dan tinggalkan hak cipta dan detail tanggal di fungsi.
Atau, Anda dapat menggunakan remove_action untuk menghapus tindakan
Anda juga dapat menggunakan properti tampilan CSS untuk menghapus dengan menyetelnya ke tampilan: tidak ada
Terakhir, Anda dapat menggunakan tema anak untuk menulis fungsi baru storefront_credit() fungsi yang menggantikan fungsi tema default .

Izinkan saya menjelaskan secara rinci bagaimana agar masing-masing opsi ini berfungsi:

#1) Edit Fungsi Panggilan Balik untuk Menghapus Dibangun Dengan Tautan Footer Storefront & Woocommerce

Merupakan hal yang baik untuk memberikan kredit ke WooCommerce dan tema Storefront tetapi tautan footer akan selalu mengarahkan lalu lintas keluar dari situs web Anda. Jika Anda ingin mempertahankan tema ini, Anda harus menghapus tautan yang dibuat dengan etalase & footer Woocommerce.

Ketika saya menginstal tema ini, saya menyukai kesederhanaannya dan ingin menggunakannya sebagai ilustrasi dalam tutorial saya. Untuk beberapa alasan, saya tidak suka tautan kredit footer dan saya selalu ingin menyingkirkannya segera, saya memulai kustomisasi tema.

Dibangun Dengan Lokasi Tautan Footer Storefront & Woocommerce

Ketika Anda memeriksa footer.php Anda tidak akan melihat ini dibangun dengan link footer etalase & Woocommerce . Jadi untuk menghapusnya, saya tahu itu ditambahkan di sana menggunakan kait tindakan dan, tentu saja, menggunakan sesuatu seperti remove_action.

Jadi saya segera mulai mencari kait aksi dan butuh waktu lama untuk menemukan lokasinya tetapi akhirnya, saya mendapatkannya. Ini adalah fungsi panggilan balik bernama storefront_credit dan jalur lokasinya adalah:

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

Dibangun Dengan Lokasi Tautan Footer Storefront & Woocommerce

Pada editor kode, Anda harus mencari nomor baris 129 atau sekitar itu.

Jika Anda ingin menggunakan kembali tema etalase untuk membangun tema WooCommerce kustom yang tidak akan Anda perbarui, Anda dapat mengedit fungsi panggilan balik tindakan ini untuk menghapus bagian itu dan mengganti atau membiarkannya tanpa tautan footer kredit itu. Dalam hal ini, kode dalam fungsi panggilan balik itu dapat berubah menjadi ini:

 if ( ! function_exists( 'storefront_credit' ) ) {
/**
* Tampilkan kredit tema
*
* @sejak 1.0.0
* @kembali batal
*/
fungsi storefront_credit() {?>

  <div class="site-info">

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

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

Hasilnya harus menghapus tautan yang dibangun dengan etalase & footer Woocommerce dan meninggalkan nama situs, hak cipta dan akan terlihat seperti ini:

#2) Gunakan CSS untuk Menghapus Dibangun Dengan Tautan Footer Storefront & Woocommerce

Ini adalah metode yang paling tidak efektif karena hanya menyembunyikan visibilitas tautan footer. Anda hanya perlu menemukan kelas tautan footer menggunakan alat Inspect Browser seperti yang ditunjukkan di bawah ini:

Sekarang kita hanya perlu menerapkan aturan display: none ke site-info a class sebagai berikut:

 .info-situs a {

    tampilan: tidak ada;

}

Ini hanya menargetkan tautan footer dan menyembunyikannya. Kita juga bisa menggunakan aturan visibilitas sebagai berikut:

 .info-situs a {

    visibilitas: tersembunyi;

}

#3) Gunakan remove_action untuk menghapus Tautan Footer Woocommerce

Hapus tindakan adalah cara cepat lain untuk menghapus tautan footer ini tanpa menyebabkan masalah dengan pembaruan tema ini di masa mendatang.

Dalam hal ini Anda harus menambahkan footer hapus di file functions.php tema anak. Dalam hal ini fungsi remove_action harus sebagai berikut:

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

#4) Gunakan Fungsi Tema Anak untuk Mengganti Tautan Footer

Terakhir, Anda dapat menggunakan salin fungsi ke fungsi tema anak.php dan tambahkan tautan kredit atau kode Anda sendiri seperti ini:

 /**
  * Tampilkan pesan kredit toko WooCommerce khusus
  */

 fungsi etalase_kredit() {
       ?>
       <div class="site-info">

             <?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__( 'Dibangun oleh Joe ', 'etalase' ) . '</a>' ?> dan <a href="https://domainanda.com" title="Nama Perusahaan Anda">Nama Perusahaan Anda</a>.

             <?php } ?>

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

       <?php

 }

Anda dapat mengganti bagian tersebut dengan domain dan teks saya dengan nama domain dan teks pilihan Anda masing-masing.

Kesimpulan

Seperti yang Anda lihat di posting ini, ada beberapa cara Anda dapat menghapus tautan kredit footer WooCommerce. Itu tergantung pada tujuan Anda atau pengalaman pemrograman Anda. Jika Anda adalah pengembang WooCommerce dan ingin menggunakan tema etalase sebagai tema awal, mengedit langsung fungsi panggilan balik harus menjadi cara untuk menyelesaikannya. Saya harap Anda sekarang dapat menghapus tautan footer yang dibangun dengan etalase & Woocommerce tanpa masalah. Jika Anda memiliki masalah pengembangan WooCommerce lainnya, Anda selalu dapat menghubungi untuk mendapatkan saran dan bantuan lebih lanjut.

Artikel Serupa

Cara Membuat Kode Pendek untuk Plugin di WordPress
Bagaimana Cara Mengarahkan Halaman WordPress Tanpa Plugin?
Cara Mengarahkan Pengguna setelah Login Berhasil di WordPress tanpa Menggunakan Plugin
Cara Memeriksa Apakah Plugin Aktif Di WordPress [ 3 CARA ]
23 Plugin WooCommerce Terbaik untuk Kustomisasi Halaman Checkout
Cara Mengedit Header di Tema WooCommerce Storefront
Cara Melewati Keranjang dan Mengarahkan Kembali ke Halaman Checkout WooCommerce
Cara Mengubah Pemberitahuan 'Ditambahkan ke Keranjang' WooCommerce
Cara Redirect ke Keranjang setelah Login di WooCommerce
Cara Menghapus atau Menonaktifkan Ulasan Di WooCommerce
Cara Mengarahkan Pengguna Jika Tidak Masuk di WordPress »Pengalihan Halaman
Cara Menghapus Proudly Powered by WordPress Footer Link
Cara Memindahkan Deskripsi Di Bawah Gambar di WooCommerce
Cara Menghapus Telah Ditambahkan ke Keranjang Anda Pesan WooCommerce
Cara Menambahkan Konten Default ke Editor Jenis Posting Kustom
Cara Menghapus Item Menu Admin WordPress Secara Terprogram Tanpa Plugin
Cara Mengganti Stok Teks yang Habis di WooCommerce
Cara Mendapatkan Informasi Pengguna yang Masuk di WordPress
Pengalihan WooCommerce setelah Checkout : Cara Mengalihkan Secara Otomatis ke Halaman Kustom Setelah Checkout
Cara Mendapatkan Peran Pengguna Saat Ini di WordPress & Peran Tampilan