Cara Mengatur Parameter Storefront Di Tema Anak WordPress

Diterbitkan: 2022-11-03

Dengan asumsi Anda telah menyiapkan tema anak WordPress, ada beberapa hal yang perlu Anda lakukan untuk mengatur parameter untuk etalase Anda. Pertama, Anda perlu membuat file bernama wc-template-functions.php di folder tema anak Anda. Dalam file ini, Anda perlu menambahkan kode berikut: /** * Mengatur lebar konten dalam piksel, berdasarkan desain tema dan stylesheet. * * Prioritas 0 untuk membuatnya tersedia untuk panggilan balik dengan prioritas lebih rendah. * * @global int $content_width */ function child_theme_content_width() { $GLOBALS['content_width'] = apply_filters( 'child_theme_content_width', 640 ); } add_action( 'after_setup_theme', 'child_theme_content_width', 0 ); /** * Sesuaikan nilai content_width untuk template lampiran gambar . * * @return void */ function child_theme_template_redirect_content_width() { if ( is_attachment() && wp_attachment_is_image() ) { $GLOBALS['content_width'] = 810; } } add_action( 'template_redirect', 'child_theme_template_redirect_content_width' ); /** * Hapus pembungkus WooCommerce default. */ remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 ); remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 ); if ( ! function_exists( 'child_theme_wrapper_start' ) ) ) { /** * Membungkus semua konten WooCommerce dalam pembungkus yang cocok dengan markup tema. * * @return void */ function child_theme_wrapper_start() { ? > Tema anak, di sisi lain, tidak memiliki kode, gaya, atau fungsionalitasnya sendiri sebagai tema utama atau tema induk. Pengguna tidak perlu khawatir kehilangan kustomisasi favorit mereka setelah memperbarui tema karena memungkinkan mereka untuk menyesuaikannya. Pelajari cara membuat tema anak untuk tema Storefront WooCommerce dalam kursus ini. Jika Anda ingin mengubah tema, yang terbaik adalah menggunakan tema anak. Ketika Anda memilih tema anak, Anda dapat mengubahnya sesuai dengan kebutuhan atau keinginan Anda. Jika Anda tidak memiliki pengalaman dengan CSS dan PHP, membuat tema anak Anda sendiri bisa jadi sulit. Tidak ada tema induk yang baik. Langkah pertama dalam menambahkan tema anak ke tema WordPress Anda adalah membuat file a.zip. Anda harus mengatur 'parent-style' sebagai dependensi agar stylesheet tema anak dapat dimuat. Tidak, kami tidak akan mengajari Anda cara menggunakan CSS. Dalam satu artikel, Anda tidak akan bisa membahas semuanya. Saat Anda menginstalnya, Anda harus mengaktifkannya dengan mengklik tombol 'Aktifkan'. Setelah memilih Penampilan, Anda dapat mengaktifkan tema anak Anda. Jika Anda memilih untuk menggunakan tema anak, Anda dapat dengan bebas memperbarui tema Anda tanpa kehilangan fungsi apa pun. Saat ini, ada beberapa tema anak yang tersedia untuk Storefront. Bagaimana Anda Mengedit Tema Anak Di Woocommerce? Foto oleh: dreamhostUntuk mengedit tema anak di WooCommerce, Anda perlu mengakses situs Anda melalui FTP dan kemudian mengedit file yang sesuai di / direktori wp-content/themes/your-child-theme-name/. Atau, Anda dapat mengedit file tema anak Anda langsung di admin WordPress di bawah Appearance > Editor.WooCommerce adalah platform e-commerce yang paling banyak digunakan di WordPress. WordPress WooCommerce, seperti pesaing utamanya, WordPress, adalah platform yang sepenuhnya dapat disesuaikan. Menggunakan salah satu dari beberapa tema anak yang ada untuk membuat situs yang lebih baik dan meningkatkan penjualan adalah cara terbaik untuk melakukannya. Selain itu, ada banyak ekstensi untuk toko Anda untuk memperluas kemampuannya. Anda dapat menyesuaikan WooCommerce dengan spesifikasi Anda dengan mengedit atau membuat template baru. Anda akan dapat mengelola keranjang belanja dan proses checkout di toko Anda dengan fitur ini. Jika Anda belum memilikinya, lihat tutorial kami untuk membuat tema anak WooCommerce. Dalam tutorial ini, kami akan membahas cara menambahkan atau memodifikasi fitur ke proses checkout. Anda mungkin ingin mengubah bidang checkout atau cara halaman keranjang muncul dalam beberapa kasus. Anda akan belajar bagaimana melakukan ini dengan menggunakan template WooCommerce serta tema anak Anda. Cuplikan di bawah ini harus ditambahkan ke file fungsi Anda sehingga Anda dapat menghapusnya jika Anda tidak memerlukan bidang Pesan komentar. Dengan membuat template khusus, Anda dapat sepenuhnya mengubah fungsionalitas template yang ada atau menambahkan template baru. Anda dapat membuat file khusus menggunakan tema anak, woocommerce, dengan membuat direktori baru. Metode ini akan digunakan untuk mengaktifkan penggantian file template yang cocok di WooCommerce. Ada beberapa template dasar yang tersedia untuk menyesuaikan tampilan bagian tertentu dari toko Anda; dalam contoh ini, template dapat digunakan untuk mencapai hal ini. Anda tidak akan memerlukan ekstensi untuk membuat situs web Anda berfungsi persis seperti yang Anda inginkan karena Anda akan dapat mengedit file tema dan template anak WooCommerce. menyesuaikan situs web Anda sulit bagi sebagian orang, tetapi jika Anda terampil, Anda bisa berhasil jika Anda menggali kodenya.Storefront Child ThemeFoto oleh: wordpresssoftTema anak Storefront adalah tema yang mewarisi fungsionalitas tema Storefront dan menambahkan keunikannya sendiri fitur dan gaya. Tema anak adalah cara terbaik untuk memodifikasi tema yang ada, memungkinkan Anda untuk menjaga tema asli tetap utuh dan menghindari konflik dengan pembaruan di masa mendatang. Homestore adalah tema anak yang dibuat untuk digunakan dengan Storefront, tema resmi WooCommerce. Item menu Beranda sekarang muncul di sisi kiri layar. Saat Anda mengklik menu, Anda dapat menambahkan menu khusus yang muncul di samping beranda. Impor Data Dummy WooCommerce untuk mempermudah pembuatan produk demo untuk situs Anda. Manajemen menu mirip dengan menu WordPress lainnya. Ada beberapa opsi untuk menggeser kategori, termasuk menyeret dan menjatuhkannya. Dalam hal konten, cukup hapus konten yang ada. Kode berikut dapat digunakan untuk meminta tindakan di area footer menggunakan widget Teks. Plugin ini, yang dapat digunakan untuk menyembunyikan judul halaman mana pun di situs Anda, memungkinkan Anda untuk melakukannya. Kode pendek yang menambahkan ini ke konten beranda disediakan oleh ekstensi Pahlawan Produk Storefront. File functions.php di Homestore tidak akan diperbarui lagi jika ada perubahan di sana. Jika Anda ingin menambahkan cuplikan kode ke plugin, Anda harus melakukannya.