Toggle Menu

Cara Membuat Direktori Staf di WordPress – Proyek Beaver Themer Pertama Anda

Diterbitkan: 2018-03-23

Diskon 25% Produk Pembuat Berang-berang! Buruan Obral Berakhir... Lebih ramping!

dynamic-staff-directory
  • Tema Berang-berang

Cara Membuat Direktori Staf di WordPress – Proyek Beaver Themer Pertama Anda

Salah satu podcast desain web favorit saya adalah acara ShopTalk. Pertanyaan yang sering muncul adalah, “Apa cara terbaik untuk belajar desain web?” Jawabannya adalah selalu memilih subjek yang Anda minati dan mulai membangun sesuatu. Tidak ada yang bisa menggantikan pembelajaran langsung. Dalam postingan ini, Hashim menjelaskan proses pembuatan direktori staf menggunakan Beaver Themer dan Page Builder. Ini adalah proyek awal yang bagus bagi siapa pun yang ingin mempelajari cara menggunakan Beaver Themer!

Apakah Anda mendapatkan nilai uang Anda dari Beaver Themer?

Saya pertama kali membeli plugin untuk mengontrol header dan footer saya. Baru kemudian saya bermain-main dengan “bagian tema” dan pengaturan bersyarat. Setelah itu, saya terpesona dengan kemungkinan membangun situs tingkat lanjut dengan Beaver Themer. Saya menjadi orang aneh di grup Facebook Beaver Builders dengan alasan bahwa harga alat tersebut terlalu rendah dan diremehkan.

Jadi, bagaimana Anda bisa memahami sendiri fitur-fitur Themer? Cara terbaik untuk memahami kekuatan penuh Beaver Themer adalah dengan membuat proyek kecil yang memanfaatkan plugin tersebut.

Dengan mencoba sebagian besar fitur Beaver Themer dalam satu proyek pengujian, Anda dapat mulai melihat bagaimana alat tersebut dapat dimasukkan ke dalam alur kerja Anda. Setelah itu, Anda akan menangani situs web yang lebih rumit dengan percaya diri karena Anda tahu bahwa Anda dapat menggunakan alat bebas kode seperti Beaver Themer.

Apakah kamu main-main? Jika ya, jalankan Wordpress, dan ikuti langkah-langkah di bawah ini.

#1. Pilih Tema yang Kompatibel

Banyak tema populer dan berkode baik yang dapat digunakan dengan Beaver Themer. Anda dapat menemukan daftar beberapa di antaranya di sini.

Sebagian besar fitur yang Anda andalkan pada tema untuk disediakan – seperti header dan footer yang dapat disesuaikan – dapat dicapai menggunakan Beaver Themer. Jadi jangan khawatir dalam memilih tema. Pilih yang pertama dalam daftar yang menurut Anda bagus, dan Anda akan baik-baik saja.

2. Pilih Jenis Posting Khusus/Pembuat Bidang

Fitur koneksi bidang Beaver Themer sangat kuat bila Anda menggunakannya hanya pada bidang Posting dan Halaman yang disertakan dengan Wordpress. Namun segalanya menjadi gila ketika Anda menggunakannya dengan plugin jenis posting khusus.

Jenis posting khusus mengubah Wordpress dari alat blogging menjadi CMS. Mereka adalah landasan proyek Wordpress tingkat lanjut yang melampaui situs blog dan brosur.

Tiga opsi plugin yang paling sesuai dengan Themer adalah Advanced Custom Fields, Toolset, dan Pods. Favorit pribadi saya adalah Toolset, tapi sejujurnya, ketiga alat tersebut menyelesaikan pekerjaannya.

3. Opsional: Pilih Ekstensi

Jika Beaver tidak memiliki modul yang Anda inginkan, pertimbangkan untuk menggunakan ekstensi pihak ketiga.

Beberapa ekstensi yang paling sering saya gunakan gratis di direktori plugin Wordpress. Misalnya, saya adalah pengguna berat plugin Beaver Cards yang menakjubkan.

Sekarang setelah Anda memilih tumpukan, mari buat proyek pertama Anda!

Proyek Beaver Themer Pertama Anda: Direktori Staf Dinamis

Direktori staf adalah permintaan klien yang umum. Dengan menggunakan Beaver Themer Anda benar-benar dapat mengesankan klien dengan menambahkan konten dan tata letak yang dinamis dan kontekstual ke direktori staf mereka.

Direktori staf juga merupakan proyek bagus untuk digunakan agar terbiasa dengan semua fitur Beaver Themer. Jika Anda mengikuti langkah-langkah di bawah ini, Anda akan menjadi ahli Beaver Themer dalam satu sore.

Buat Direktori Staf Sederhana

  1. Instal Beaver Builder, Beaver Themer, tema yang kompatibel, plugin jenis posting khusus. Menggunakan ekstensi Beaver Builder adalah opsional untuk menyelesaikan proyek ini.
  2. Gunakan buat jenis posting khusus untuk Profil Staf Anda. Jika ini pertama kalinya Anda menggunakan salah satu tutorial berikut Tutorial ACF / Tutorial Pods / Tutorial Toolset
  3. Buat bidang khusus untuk:
    1. “bio”
    2. "nama"
    3. “jabatan”
    4. Jangan membuat kolom untuk “headshots. Gunakan bidang Gambar Unggulan bawaan untuk itu.
  4. Buat profil staf untuk 7 orang.
  5. Tandai 3 postingan sebagai "Tim Eksekutif" dan dua postingan sebagai "Tim Penjualan"

Anda sekarang memiliki inti direktori sederhana. Klien mana pun akan dengan senang hati membayar biaya agensi Anda untuk menampilkan ini di situs mereka.

Sekarang mari kita hancurkan klien Anda dan tingkatkan direktori ini dengan Beaver Themer.

Buat Direktori Staf Dinamis

Pertama, gunakan Beaver Themer untuk membuat template untuk masing-masing Profil Staf, dan arsip direktori staf. Lihat instruksi di sini.

Selanjutnya, gunakan koneksi bidang untuk menarik dan menata konten dari bidang khusus Anda.

Sekarang, tepuk tangan Anda – dalam waktu yang diperlukan untuk mendesain dua halaman individual, Anda telah membuat dua templat tema yang akan digunakan di 8 halaman yang ada – dan sejumlah halaman berikutnya!

Oke, sekarang gunakan Beaver Themer untuk membuat template untuk arsip kategori “kepemimpinan”.

Pada template ini, buatlah foto ketiga eksekutif tersebut tampil berbeda dari yang Anda desain di halaman arsip utama. Mungkin fotonya harus lebih besar, atau judulnya harus menggunakan font yang berbeda. Pertimbangkan untuk merancang arsip utama agar hanya menampilkan foto dan tautan, sedangkan arsip eksekutif menampilkan biodata lengkap. Gila – rancang sesuai keinginan Anda.

Terakhir, gunakan Beaver Themer untuk membuat bagian tema dari kategori “penjualan”.

Pada halaman tenaga penjualan, buat baris di bawah header yang mengumumkan bahwa perusahaan sedang merekrut lebih banyak tenaga penjualan.

Voila! Klien Anda sekarang memiliki direktori staf yang indah, dinamis, dan mudah diperbarui. Anda membuatnya menggunakan Beaver Themer – tidak diperlukan satu baris kode khusus pun.

Dan dalam prosesnya, Anda mempelajari cara membuat templat untuk setiap postingan dan arsip, serta cara menambahkan baris dinamis ke halaman yang ditargetkan.

Saat berikutnya Anda menerima serangkaian persyaratan dari klien atau memimpikan ide situs web untuk Anda sendiri, pertimbangkan bagaimana Anda dapat mengubah rencana tersebut menjadi serangkaian jenis postingan khusus dan templat tema dinamis, yang didukung oleh Beaver Themer.

Pertanyaan – Tumpukan Tema Berang-berang Anda

Jika Anda berpengalaman dengan Beaver Themer, silakan bagikan – apa yang Anda gunakan untuk membangun situs? Apa tema pilihan Anda, plugin jenis posting khusus, dan add-on Beaver Builder?

Tentang Hashim Warren

Hashim Warren adalah Ahli Strategi Pemasaran yang berbasis di Greensboro, NC. Dia membantu pembangun rumah mendapatkan lebih banyak pekerjaan dan pekerjaan yang lebih besar di Hook & Target.

8 Komentar

  1. Tandai pada 28 Maret 2018 pukul 03.45

    Situs video atau demo akan menjadikan ini tutorial yang hebat – terima kasih atas kerja luar biasa ini



  2. Tom Nguyen pada 1 Mei 2018 pukul 20.35

    Saya setuju dengan saran Mark.



  3. April Wier pada 17 Mei 2018 pukul 17.09

    Saya setuju dengan komentar Tom.



  4. Cindy Wyckoff pada 30 Juni 2018 pukul 21:34

    Saya juga setuju. Saya ingin melihat bagaimana tampilan proyek yang sudah selesai.



  5. Gerry King pada 12 November 2018 pukul 4:11 pagi

    Hai Hashim, Tutorial yang bagus, terima kasih. Bisakah proses ini digunakan untuk membangun direktori bisnis sehingga pengunjung dapat mencari bisnis berdasarkan kriteria kode pos/pos? Dan seberapa sulitkah memasukkan peta yang menunjukkan lokasi semua bisnis ke dalam direktori?



  6. Jeff Brown pada 13 Januari 2019 pukul 11:12

    Saya tertarik membuat Direktori Geo untuk bisnis di wilayah saya untuk organisasi seni lokal…apakah Anda punya saran, atau tutorial yang dapat membantu itu?



    • Robby McCullough pada 13 Januari 2019 pukul 17:44

      Pertanyaan bagus. Themer pasti dapat membantu menata situs Anda. Saya tidak familiar dengan plugin direktori geo, maaf! Anda dapat menjelajah menggunakan Pod untuk membuat jenis postingan khusus. Itu mungkin menjadi titik awal yang baik…



  7. Ryan pada 8 Mei 2019 pukul 19.46

    Terima kasih Hashim, saya sangat terinspirasi. Saya telah menggunakan Ultimate Member selama beberapa waktu dan ini memberi saya banyak masalah. Saya menantikan untuk mengembangkan keterampilan BB saya dan ini adalah proyek yang bagus untuk saya.



Buletin kami

Buletin kami ditulis secara pribadi dan dikirim sebulan sekali. Itu tidak sedikit pun mengganggu atau berisi spam.
Kami berjanji.

Bergabunglah dengan Buletin

Coba Beaver Builder Sekarang

Beaver Builder