Cara Menambahkan Area Widget Kustom ke Tema WordPress

Diterbitkan: 2021-08-03

Tambahkan Widget Khusus

Jika Anda sangat mengetahui tema WordPress, Anda harus tahu bahwa banyak tema WP hadir dengan widget siap pakai atau area widget seperti sidebar, footer, dan header.

Jika Anda mengunjungi Dasbor Admin situs Anda dan membuka Tampilan, Widget, Anda akan menemukan daftar widget yang tersedia dan akan ditawarkan untuk menarik dan melepasnya untuk mengaktifkan atau menonaktifkannya.

Namun selain menggunakan widget WP default, Anda juga bebas menambahkan area widget khusus ke tema WordPress Anda untuk menambahkan tautan khusus, teks, tautan sosial, menu navigasi, kalender, dan banyak lagi.

Apa itu Widget di WordPress?

Widget adalah modul yang memungkinkan pengguna untuk menambahkan konten dan fitur ke area tema tertentu yang disebut area siap widget atau bilah sisi.

Awalnya, mereka ditambahkan ke tema untuk menghasilkan cara sederhana untuk mengelola desain dan struktur tema.

Untuk saat ini, Anda dapat menemukan banyak tema WordPress widget untuk menambahkan header, footer, dan sidebar dalam desain dan struktur tema WordPress tanpa harus melakukan kontrol pengkodean apa pun.

Widget ini bahkan dapat menawarkan opsi penyesuaian untuk menambah atau menghapus, mengelola atau mengubah informasi, gambar, tautan, galeri, dll.

Pengembang WordPress juga diizinkan untuk membuat area widget khusus. Ada juga banyak tema dan plugin modern yang dikemas dengan widget khusus mereka sendiri yang dapat Anda tambahkan dengan cepat ke bilah sisi sambil mengatasi proses pengkodean apa pun.
Jika Anda tidak menemukan area widget yang dibutuhkan di situs WordPress Anda, Anda dapat menambahkan area widget khusus ke WordPress Anda dengan mudah dengan bantuan pengkodean kecil atau plugin tambahan.

1. Tambahkan Area Widget Kustom ke WordPress Anda dengan membuat plugin khusus situs:

Sekarang, izinkan kami memandu Anda melalui cara pertama menambahkan widget khusus ke situs WP Anda yang berkaitan dengan menempelkan kode di functions.php.file tema Anda.

Sebelum membuat widget khusus, Anda perlu membuat plugin khusus situs untuk menempelkan kode yang diperlukan ke dalamnya, karena, jika Anda menempelkan kode di functions.php.file, itu tidak akan tersedia sampai tema yang diberikan aktif.

Anda dapat membuat plugin khusus situs secara manual atau mendapatkannya dari klien FTP yang Anda gunakan. Kami merekomendasikan opsi kedua untuk pemula karena lebih sederhana dan mudah diikuti.

Hubungkan situs WP Anda melalui klien FTP, lalu buka folder /wp-content/plugins di bawah kolom situs jarak jauh. Pilih folder plugin khusus situs dan unggah ke situs Anda.

Folder plugin khusus situs akan ditransfer ke situs Anda dan Anda akan dapat menginstalnya di situs web.

Sekarang, hanya aktivasi yang harus dilakukan dengan membuka halaman Plugin di dasbor admin Anda dan mengaktifkan plugin khusus situs darinya. Sekarang plugin ini siap untuk digunakan.

Setelah plugin ditambahkan, Anda dapat menyalin kode di bawah ini dan menambahkannya ke plugin untuk membuat widget khusus yang menyambut pengunjung Anda

// Daftar dan muat widget
fungsi yoursite_load_widget() {
register_widget('situs_widget' );
}
add_action( 'widgets_init', 'situs_muat_widget');

// Membuat widget
class yoursite _widget extends WP_Widget {

fungsi __konstruksi() {
induk::__membangun(

// ID Dasar widget Anda
' situs Anda _widget',

// Nama widget akan muncul di UI
__('Widget Situs Anda', 'domain_widget_situsAnda'),

// Deskripsi widget
array( 'description' => __( 'Contoh widget berdasarkan Tutorial SKT', 'yoursite_widget_domain' ), )
);
}

// Membuat widget front-end

widget fungsi publik( $args, $instance ) {
$title = apply_filters( 'widget_title', $instance['title'] );

// sebelum dan sesudah argumen widget ditentukan oleh tema
echo $args['sebelum_widget'];
jika ( ! kosong( $judul ) )
echo $args['before_title'] . $judul . $args['after_title'];

// Di sinilah Anda menjalankan kode dan menampilkan hasilnya
echo __( 'Salam!', 'domain_widget_situsanda' );
echo $args['after_widget'];
}

// Latar Belakang Widget
bentuk fungsi publik( $instance ) {
if ( isset( $instance[ 'title' ] ) ) {
$judul = $instance[ 'judul' ];
}
kalau tidak {
$title = __( 'Judul baru', 'domain_widget_situsAnda' );
}
// Formulir admin widget
?>

<label for="get_field_id( 'judul' ); ?>”>
<input class="widefat" id="get_field_id( 'title' ); ?>” name=”get_field_name( 'title' ); ?>” type=”text” value="” />

<?php
}

// Memperbarui widget menggantikan instance lama dengan yang baru
pembaruan fungsi publik( $new_instance, $old_instance ) {
$contoh = array();
$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
kembali $instance;
}
} // Kelas yoursite_widget berakhir di sini

Segera setelah kode ditambahkan, Anda perlu mengunjungi area admin, Appearance, Widgets, di mana widget baru sudah tersedia. Cukup seret dan lepas ke bilah sisi Anda. Sekarang, itu akan terlihat di ujung depan.

2. Tambahkan Area Widget Kustom ke WordPress Anda dengan Plugin:

Cara sederhana lain untuk membuat dan menambahkan widget khusus disajikan dengan plugin praktis. Gunakan plugin untuk menambahkan area widget khusus, bilah sisi, dan lokasi menu tanpa menghadapi kesulitan dalam pekerjaan Anda.

Tambahkan area widget khusus ke WordPress Anda dan susun di mana saja di situs web Anda (bilah sisi, header dan footer, dan bahkan di halaman atau konten posting).

Bilah Samping Khusus: Pengelola Area Widget Dinamis:
Bilah Sisi Kustom

Kapan pun Anda ingin menyesuaikan dan mengganti bilah sisi dan area widget lainnya di situs web yang dihosting WordPress, Bilah Sisi Kustom adalah yang Anda perlukan.

Konfigurasikan bilah sisi khusus Anda dengan cepat dan pilih kiriman dan halaman, kategori, atau jenis kiriman mana yang Anda inginkan untuk menampilkan widget tersebut.

Bundel Widget SiteOrigin:
Bundel Widget SiteOrigin

Cara ideal untuk menambahkan area widget khusus ke WordPress Anda tersedia dengan Bundel Widget SiteOrigin.

Plugin yang kuat ini dilengkapi dengan koleksi widget yang berguna yang Anda bebas gunakan dan sesuaikan sesuai keinginan Anda.

Daftar widget khusus yang tersedia di plugin ini berjalan sebagai berikut: Widget Google Maps, Widget Tombol, Widget Gambar, Widget Slider, Widget Ajakan Bertindak, Widget Tabel Harga, Widget Tautan Sosial, Widget Editor, Widget Fitur, Widget Masonry, Widget Testimonial dan masih banyak lagi.

Ketika datang ke pemasaran online, penting bahwa Anda memiliki situs web Anda dan berjalan dalam waktu singkat, terutama jika Anda berencana untuk mengalahkan pesaing Anda.

Anda dapat mendekati perusahaan desain web profesional dan mereka biasanya akan membebankan biaya selangit untuk layanan mereka atau Anda selalu dapat menggunakan platform WordPress untuk hal yang sama.

Sebagai permulaan, Anda mungkin ingin memeriksa area widget khusus untuk tema WordPress dan mencari tahu cara melakukannya. Berita baiknya adalah WordPress gratis dan merupakan platform open source yang hadir dengan banyak tema gratis dan premium untuk Anda pilih.

Jangan ragu untuk memeriksa beberapa tema kami; jadi sekarang Anda mengerti mengapa WordPress sangat populer di antara banyak pengguna online.

Apa yang membuat WordPress jauh lebih disukai daripada menyelesaikannya melalui perusahaan pengembangan web adalah Anda dapat menyesuaikan situs web Anda sendiri dengan widget praktis.

Widget pada dasarnya adalah modul yang memungkinkan Anda menambahkan konten, tautan, gambar, dan bahkan media ke situs web Anda dengan mudah. Dan terlebih lagi, Anda tidak perlu membuat kode apa pun, Anda bisa menyelesaikan semuanya dengan beberapa klik mouse, semudah itu.

Selain itu, Anda dapat mendesain dan mengatur area widget khusus untuk tema WordPress setelah Anda memilih tema yang tepat untuk digunakan dengan situs web Anda.

Tentu saja, itu selalu merupakan ide yang baik untuk melakukan uji coba dengan tema pilihan Anda, tetapi setelah Anda membuat keputusan, Anda harus mulai menggunakan widget tersebut untuk menambahkan 'daging' ke konten.

Ada banyak widget khusus yang dapat Anda tambahkan ke situs web Anda, sehingga Anda dapat menambahkan dan mengubah bilah sisi untuk menampilkan konten yang menarik. Tetapi jika Anda masih tidak yakin tentang cara melakukannya, baca terus.

Berikut adalah bagaimana proses bekerja -

Membuat plugin: Sebelum Anda dapat membuat widget khusus untuk ditambahkan ke situs Anda, Anda harus terlebih dahulu membuat plugin khusus situs dengan menambahkan kode ke file.

Tetapi jika membuatnya secara manual bermasalah bagi Anda, Anda bisa langsung mendapatkannya dari klien FTP yang Anda gunakan.

Yang harus Anda lakukan adalah terhubung ke situs Anda melalui klien FTP, buka folder /wp-content/plugins dan pilih folder plugin khusus situs dan unggah yang sama ke situs web Anda.

Setelah folder plugin khusus situs telah diunggah ke situs Anda, Anda seharusnya dapat menginstalnya secara berurutan. Sekarang dengan plugin terpasang, yang harus Anda lakukan adalah menuju ke sana mulai membuat widget khusus Anda sendiri.

Ingatlah bahwa Anda masih harus menambahkan beberapa kode ke file tema WordPress Anda, biasanya folder functions.php.

Cukup cari online untuk kode yang relevan, salin dan sesuaikan yang sama. Prosesnya tidak boleh memakan waktu lebih dari beberapa detik dan dengan itu, Anda harus mengaturnya.

Sekarang, Anda dapat menggunakan plugin untuk mendesain dan menambahkan widget khusus ke situs web Anda. Selain itu, ada berbagai situs yang memungkinkan Anda untuk memeriksa berbagai plugin, untuk menyesuaikan dan menyesuaikan widget dan menggunakan yang sama untuk menambahkan konten ke situs.

Sekarang, dengan widget khusus dan konten berkualitas tinggi ini, situs Anda akan mendapatkan daya tarik yang lebih baik dan Anda harus mendapatkan lebih banyak prospek prospektif, daripada sebelumnya.