Membangun Situs Web Sosial dengan Plugin WordPress BuddyPress

Diterbitkan: 2018-11-13
WordPress BuddyPress
Ikuti @Cloudways

BuddyPress adalah plugin WordPress yang membantu Anda membuat dan mengelola jejaring sosial sehingga pengguna dapat berinteraksi dan berkomunikasi satu sama lain dengan cara yang sangat intuitif. Seperangkat plugin menambahkan fitur spesifik yang dapat Anda padu-padankan untuk menyesuaikan jaringan sesuai kebutuhan Anda.

Tutorial ini akan membantu pembaca menginstal tema WordPress BuddyPress dan menyiapkan tema yang kompatibel dengan BuddyPress. Pada akhirnya, pembaca akan memiliki situs jejaring sosial sederhana yang siap untuk bisnis.

Daftar isi

  • Instal Tema WordPress
  • Instal Plugin BuddyPress
  • Konfigurasikan Plugin
  • Gunakan BuddyPress dengan Tema
  • Buat Menu untuk Nav Bar
  • Aktifkan Pendaftaran di Situs Web
  • Siapkan Halaman Depan

Langkah 1: Instal Tema WordPress

Saya akan memilih tema sosial sederhana dan dasar untuk situs web sampel. Untuk tutorial ini, saya akan menggunakan tema Quest WordPress. Untuk menginstal tema, navigasikan ke Appearance → Themes dan cari “ Quest ”. Selanjutnya klik tombol Install seperti gambar di bawah ini.

unduhan tema pencarian

Setelah terinstal, klik tombol Activate untuk mengaktifkan tema di website.

tema pencarian

Langkah 2: Instal Plugin BuddyPress

Buka Panel Admin WordPress, arahkan ke Plugins → Add New → cari BuddyPress di kotak pencarian di kanan atas. Setelah Anda menemukan plugin, klik tombol Instal Sekarang .

Setelah proses selesai, Aktifkan plugin.

plugin sobatpress

Selanjutnya, saya sekarang akan mengkonfigurasi plugin BuddyPress untuk menggunakannya dengan tema Quest .

Langkah 3: Konfigurasikan Plugin BuddyPress

Arahkan ke Plugin → Plugin Terinstal → BuddyPress → Pengaturan .

Anda akan melihat satu tab kredit dan tiga tab opsi di mana Anda dapat mengonfigurasi WordPress BuddyPress sesuai dengan kebutuhan Anda.

1. Komponen

Opsi ini memungkinkan administrator situs mengaktifkan (atau menonaktifkan) tindakan yang secara langsung memengaruhi cara pengguna berinteraksi dengan pengguna jejaring sosial lainnya.

  • Profil yang Diperluas: Saat diaktifkan, Anda dapat menambahkan bidang khusus ke profil pengguna.
  • Pengaturan Akun: Mencentang item ini memungkinkan pengguna untuk mengubah akun dan pemberitahuan mereka langsung dari layar profil.
  • Koneksi Teman: Saat diaktifkan, pengguna dapat mengirim permintaan pertemanan ke pengguna situs lain. Jika permintaan diterima, pengguna dapat saling memantau melalui log aktivitas.
  • Pesan Pribadi: Ketika opsi ini diaktifkan, pengguna dapat mengirim pesan pribadi ke anggota lain baik secara individu maupun dalam grup.
  • Aliran aktivitas: Opsi ini memungkinkan pengguna untuk melihat aktivitas teman-teman mereka di situs web sosial termasuk utas, komentar, sebutan, pengeposan langsung, dan favorit. Pengguna juga diberitahu melalui email.
  • Notifikasi: Opsi ini memungkinkan pengguna untuk menerima notifikasi instan tentang aktivitas teman, termasuk permintaan pertemanan, pesan pribadi, dll.
  • Grup Pengguna: Opsi ini memungkinkan pengguna membuat grup alam publik, pribadi, atau tersembunyi.
  • Pelacakan Situs: Saat diaktifkan, merekam aktivitas yang terkait dengan posting dan komentar baru.

2. Opsi

Opsi ini menambah pengalaman pengguna dengan mengizinkan (atau melarang) tindakan oleh pengguna terdaftar.

tab pilihan

Segarkan otomatis aktivitas

Fitur jejaring sosial yang paling banyak digunakan adalah penyegaran otomatis umpan berita sehingga pengguna tidak perlu memperbarui tampilan berulang kali untuk mendapatkan pembaruan baru. Secara default, opsi ini diaktifkan sehingga pengguna yang masuk diberi tahu saat posting atau komentar baru dibagikan.

Sinkronisasi Profil

Opsi ini memungkinkan pengguna untuk menautkan profil WordPress mereka dengan profil BuddyPress mereka.

Kirim Komentar

Saat diaktifkan, pengguna dapat menambahkan komentar mereka ke pos dan komentar di aliran aktivitas mereka.

3. Halaman

Ini adalah bagian terpenting untuk situs sosial Anda.

tab halaman

Meskipun tab ini cukup sederhana, banyak pengguna BuddyPress menjadi bingung. Biarkan saya membantu Anda memahami tiga label ini:

  1. Anggota
  2. Aktivitas
  3. Grup Pengguna

Catatan: Jika ragu, gunakan pengaturan default untuk label ini.

Sekarang, saya akan membuat halaman Registrasi dan Aktivasi .

Daftar

Di BuddyPress, ini adalah formulir Registrasi default. BuddyPress membutuhkan halaman untuk menetapkan formulir pendaftarannya. Itu sebabnya saya perlu menambahkan halaman baru dari panel admin WordPress saya

Mengaktifkan

Ini juga merupakan proses aktivasi akun default BuddyPress. Untuk ini, saya harus membuat halaman baru lagi dengan masuk ke panel admin WordPress dan menambahkan halaman baru.

Buat Halaman Pendaftaran & Aktifkan Akun

Buat halaman “ Registrasi ” dengan menavigasi ke Pages → Add New .

Instalasi BuddyPress di wordpress

Buat halaman “ Aktifkan Akun ” dengan menavigasi ke Halaman > Tambah Baru .

Instalasi BuddyPress di wordpress

Sekarang, navigasikan ke Pengaturan → BuddyPress → Halaman.

Catatan: Jika opsi ini tidak terlihat, navigasikan ke Pengaturan → Umum dan aktifkan opsi “ Siapa pun dapat mendaftar ”.

Terakhir, klik tombol “ Simpan Perubahan ” di akhir halaman.

Langkah 4: Menggunakan BuddyPress dengan Tema

Buka Penampilan → Menu. Buka Opsi Layar dari sudut kanan atas.

Instalasi BuddyPress di wordpress

Pastikan Anda telah menandai BuddyPress.

Instalasi BuddyPress di wordpress

Langkah 5: Buat Menu untuk Nav Bar

Catatan: Jika Anda sudah memiliki bilah menu, hapus sebelum melanjutkan.

Instalasi BuddyPress di wordpress

Ikuti langkah-langkah ini untuk menambahkan bilah menu baru.

Instalasi BuddyPress di wordpress

Hapus widget default tema, dan konfigurasikan sesuai kebutuhan Anda.

Instalasi BuddyPress di wordpress

Tambahkan widget BuddyPress ke bilah sisi.

(BuddyPress) Login: Widget ini menggabungkan fungsi login BuddyPress. Widget menyajikan formulir login di bilah menu samping.

(BuddyPress) Aktivitas Terbaru: Widget ini menampilkan aktivitas terbaru di situs BuddyPress, memungkinkan pengguna untuk mengikuti apa yang sedang tren di komunitas.

(BuddyPress) Anggota: Widget menu samping ini mencantumkan semua anggota terbaru, populer, dan aktif.

(BuddyPress) Anggota Baru Aktif: Seperti namanya, widget ini menampilkan anggota yang baru saja aktif.

(BuddyPress) Siapa yang Online: Menjadi online tidak berarti bahwa pengguna juga aktif. Widget ini membantu pengguna lain melihat anggota online lainnya.

(BuddyPress) Navigasi Utama: Ini menunjukkan aktivitas dan sebutan kepada semua pengguna. Ini adalah navigasi utama dan harus terlihat di bagian atas semua widget lainnya.

Langkah 6: Aktifkan Pendaftaran Pengguna di Situs Web.

Dalam kasus jaringan sosial publik, pendaftaran pengguna harus terbuka untuk semua pengunjung. Namun, jika jaringannya pribadi, Anda dapat mematikan pendaftaran sepenuhnya atau lebih baik lagi, membuat prosesnya hanya untuk undangan.

Untuk membuat proses pendaftaran menjadi publik, navigasikan ke Pengaturan → Umum → tandai Siapapun dapat mendaftar.

Instalasi BuddyPress di wordpress

Langkah 7: Menyiapkan Halaman Depan

Akhirnya, bagian terakhir dan terpenting dari proses ini adalah mengatur halaman depan situs web Anda. Ketika pengunjung datang ke situs web Anda, ini adalah halaman pertama yang akan mereka lihat.

Dalam contoh ini, saya telah menetapkan halaman “ aktivitas ” sebagai halaman depan situs web saya. Untuk ini, buka Pengaturan> Membaca.

Instalasi BuddyPress di wordpress

Sekarang klik tombol Simpan Perubahan . Situs web sosial Anda sendiri yang diberdayakan oleh plugin WordPress BuddyPress sekarang siap untuk pengunjung.

Karena saya telah memilih halaman 'Aktivitas' sebagai halaman depan, pengunjung dapat melihat aktivitas saat ini segera setelah mengunjungi situs web. Di bagian atas, saya memiliki menu BuddyPress dengan opsi seperti Notifikasi, Pengaturan, dan Profil.

Di menu sebelah kanan, semua widget terdaftar dalam urutan saya menambahkannya, dan di bagian utama halaman, saya memiliki aliran aktivitas yang diperbarui secara real time.

Saya menjalankan jejaring sosial saya tanpa masalah dengan Varnish-enabled di server terkelola Cloudways saya. Namun, jika Anda mengalami masalah, dan masalahnya adalah halaman tertentu, lanjutkan dan kecualikan URL tersebut dari pengaturan Varnish. Jika masalah berlanjut, nonaktifkan Varnish dari dasbor server Cloudways atau hubungi dukungan obrolan langsung 24/7.

Pikiran Akhir

Menginstal WordPress BuddyPress adalah pekerjaan yang sulit, dan prosesnya bisa memakan waktu. Ada beberapa hal yang bisa salah, dan saya telah mencoba menyajikan solusi dari masalah paling umum yang dapat merusak pengalaman BuddyPress Anda.

Saya juga mendorong pembaca untuk merasa bebas untuk mengajukan pertanyaan mereka melalui bagian komentar di bawah. Saya akan dengan senang hati menjawab dan membimbing Anda. Selamat Menghubungkan!