Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Personel Rehberi Nasıl Oluşturulur (Çalışan Profilleri ile)

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress web sitenizde bir personel dizini mi oluşturmak istiyorsunuz?

Yıllar boyunca sayısız kullanıcının web sitesi oluşturmasına yardımcı olduk ve sürekli olarak değerli olan bir özellik de bir personel dizinidir. İster yerel bir işletme ister bir danışmanlık firması yönetiyor olun, bir çalışan rehberi potansiyel müşteri ve müşterilerin markanızın arkasındaki yüzleri görmesini sağlar.

Bu makalede, WordPress web sitenizde nasıl bir personel dizini oluşturacağınızı göstereceğiz.

How to Make a Staff Directory in WordPress

WordPress Sitenizde Neden Personel Dizini Oluşturmalısınız?

Birçok WordPress işletme web sitesi bir çalışan rehberi eklemekten faydalanabilir. Hedef kitlenizle bağlantı kurmanın ve güven oluşturmanın harika bir yoludur.

Örneğin, yerel bir mağaza güler yüzlü personelini sergileyerek müşterilerin hoş karşılandıklarını hissetmelerini sağlayabilir. Danışmanlık firmaları, ekiplerinin niteliklerini vurgulayarak potansiyel müşterileri iş için doğru becerilere sahip olduklarına ikna edebilir.

Eğitim amaçlı web siteleri bile bir personel dizinini faydalı bulabilir. İletişim bilgileri ve uzmanlık alanlarıyla birlikte bir profesör dizini içeren bir üniversite web sitesi düşünün. Bu, doğru öğretim üyesini bulmaya çalışan öğrenciler için büyük bir yardımcı olabilir.

Bunu akılda tutarak, WordPress web sitenize bir personel dizini eklemenin 2 yeni başlayan dostu yoluna bir göz atalım. Tercih ettiğiniz yönteme geçmek için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Yöntem 1: SeedProd ile Basit Bir Personel Listesi Oluşturun (Küçük Ekipler İçin)

Bu yöntem, en fazla 20 personeliniz varsa ve onları sergilemek için özel bir personel sayfası oluşturmak istiyorsanız mükemmeldir.

Burada, özel sayfalar ve temalar tasarlamak için en iyi WordPress eklentisi olan SeedProd‘u kullanacağız. Varsayılan WordPress editöründen çok daha fazla esneklik, özellik ve eklenti sunuyor.

SeedProd ayrıca görsel olarak çekici bir personel dizini oluşturmanıza olanak tanıyan özel bir ‘Ekip Üyesi’ bloğu içerir.

SeedProd’un özellikleri ve fiyatlandırması hakkında daha fazla bilgi için kapsamlı SeedProd incelememize göz atın.

Adım 1: SeedProd’u Kurun ve Etkinleştirin

Başlamadan önce SeedProd eklentisini yüklemeniz ve etkinleştirmeniz gerekecek. Bu eğitimde, personel dizinimiz için ‘Ekip Üyesi’ de dahil olmak üzere ek şablonların ve blokların kilidini açan Pro sürümünü kullanacağız.

Eklenti yükleme konusunda yeniyseniz, WordPress eklentilerinin nasıl kurulacağına ilişkin kılavuzumuzu okuyabilirsiniz.

Etkinleştirildikten sonra, WordPress yöneticinizdeki SeedProd ” Ayarlar bölümüne gidin ve SeedProd hesabınızdan lisans anahtarınızı girin. Anahtarı girdikten sonra, Pro özelliklerini etkinleştirmek için ‘Anahtarı doğrula’ seçeneğine tıklayın.

Adding the SeedProd license key to your WordPress website

Adım 2: Bir Açılış Sayfası Şablonu Seçin

Şimdi, personel rehberiniz için özel olarak yeni bir açılış sayfası oluşturalım. SeedProd ” Açılış Sayfaları ‘na gidin ve ‘Yeni Açılış Sayfası Ekle’ye tıklayın.

Add new landing page

SeedProd, ‘çokyakında‘ veya ‘404 sayfa‘ gibi kampanya türlerine göre düzenlenmiş çeşitli önceden tasarlanmış şablonlar sunar. Ekranın üst kısmındaki sekmeleri kullanarak şablonları bu kategorilere göre filtreleyebilirsiniz.

Önizleme için farenizi bir şablonun üzerine getirin ve daha yakından bakmak için büyüteç simgesine tıklayın. Beğendiğiniz bir şablon bulduğunuzda, seçmek için onay işareti simgesine tıklayın.

Using the Wealth sales page template in SeedProd

Bu örnek için ‘Servet Satış Sayfası’ şablonunu kullanacağız ve bunu bir personel üye listesine dönüştüreceğiz.

Ardından, açılış sayfanıza açıklayıcı bir isim verin. SeedProd bu başlığa göre otomatik olarak bir URL oluşturacaktır, ancak bunu tercihinize göre özelleştirebilirsiniz.

Typing in the SeedProd's page details

Sayfa adından ve seçtiğiniz şablondan memnun olduğunuzda, personel dizininizi oluşturmaya başlamak için ‘Kaydet ve Sayfayı Düzenlemeye Başla’ düğmesine tıklamanız yeterlidir.

3. Adım: Özel Sayfanızı Tasarlayın

SeedProd şimdi sürükle ve bırak sayfa oluşturucu arayüzünü başlatacaktır. Sağ tarafta ön uç şablonunuzun canlı bir önizlemesini ve sol tarafta blok ayarlarını göreceksiniz. Burada sayfa tasarımını ihtiyaçlarınıza göre özelleştirebilirsiniz.

Sayfa oluşturucu hakkında daha ayrıntılı bilgi edinmek için WordPress ile açılış sayfaları oluşturma kılavuzumuza göz atabilirsiniz.

Bu eğitimde, sayfanın daha çok bir personel dizini gibi görünmesini sağlamak için bazı metinleri değiştirdik. Ayrıca personel profillerine yer açmak için bazı blokları kaldırdık.

What the SeedProd page builder interface looks like

Adım 4: Ekip Üyesi Bloğunu Ekleme ve Özelleştirme

Personel listesi bölümünü eklemek için soldaki blok bölümündeki arama çubuğunu kullanın ve ‘Sütun’ bloğunu seçin. Bu, birden fazla personel üyesini tek bir yerde görüntülemenizi sağlayacaktır. Bulduktan sonra, bu bloğu en iyi görünen yere sürükleyip bırakın.

Choosing the SeedProd column block

Şimdi bir sütun düzeni seçin.

Bu, kaç personel üyesini sergilemek istediğinize bağlı olacaktır.

Choosing a SeedProd column layout

Ardından, ‘Ekip Üyesi’ bloğunu arayın.

Bu bloğu her bir sütuna sürükleyip bırakmanız yeterlidir.

Dragging a block into a column in SeedProd

Belki de tüm ekip üyelerinizi görüntülemek için tek bir sütun yeterli olmayacaktır. Eğer durum buysa, kopyalayıp yapıştırabilirsiniz.

Bunu yapmak için, tüm blokların etrafında mavi renk görünene kadar sütun bloğunun üzerine gelin. Ardından, araç çubuğundaki ‘Satırı Çoğalt’ düğmesine tıklayın.

Duplicating a row in SeedProd

SeedProd otomatik olarak çoğaltılmış satırınızı orijinal satırın altında gösterecektir.

Şimdi her bir personel için bilgi eklemeye başlayabilirsiniz.

Bir görsel ekleyerek başlayalım. Bunu yapmak için bir Ekip Üyesi bloğuna tıklayın ve blok ayarları kenar çubuğunda ‘Kendi Görselinizi Kullanın’ı seçin.

Adding an image to the team member block in SeedProd

Medya Kitaplığı şimdi açılacaktır.

Devam edin ve bir resim seçin. Ardından, ‘Seç’e tıklayın.

Adding an image from the media library to SeedProd

Tamamlandığında, daha fazla görüntü ayarını özelleştirebilirsiniz.

Örneğin, resim alt metni ekleyebilir, genişliği özelleştirebilir ve/veya resim konumunu üstten sola veya sağa değiştirebilirsiniz.

Inserting the image's alt text in SeedProd

Aşağı kaydırırsanız, varsayılan adı, başlığın başlık etiketini (H1’den paragrafa gibi) ve ad hizalamasını değiştirebilirsiniz.

SeedProd ile, personel rehberi sayfasının mobil, masaüstü veya tablette görüntülenmesine bağlı olarak adın nasıl görüneceğini de ayarlayabilirsiniz.

Inserting the team member's name in SeedProd

Sırada tanımlama ve açıklama var.

Tanımlama, personelin iş unvanını eklemenizi sağlar.

Öte yandan, açıklama kısmı çalışanla ilgili önemli bilgileri ekleyebileceğiniz yerdir. Kişinin ne iş yaptığına ek olarak, iletişim bilgilerini de (e-posta adresi veya iş telefonu numarası gibi) vermek isteyebilirsiniz.

Adı gibi, bu tanımlamanın ve açıklamanın düzenini de personel dizini sayfasının nereden görüntülendiğine göre ayarlayabilirsiniz.

Adding the team member's designation and description in SeedProd

Aşağı doğru ilerlediğinizde, Ekip Üyesi bloğunun tasarımını özelleştirmek için ayarlar bulacaksınız.

Örneğin, görüntünün yuvarlatılmış kenarlıklarını değiştirebilir ve görüntü ile kişinin açıklaması arasında bir ayırıcı etkinleştirebilirsiniz.

Adding a separator between the image and team member details in SeedProd

Gerekirse, çalışanın sosyal medya bilgilerini ekleyebilirsiniz. SeedProd varsayılan olarak Facebook ve Twitter için sosyal simgeler ekler, ancak LinkedIn gibi işletmenizle ilgili diğerlerini de ekleyebilirsiniz.

Bunu yapmak için ‘+ Yeni Öğe Ekle’ye tıklamanız yeterlidir.

Adding more social icons in SeedProd

Ardından, sosyal simgeyi özelleştirmek için bir ayarlar listesi göreceksiniz.

Burada, sosyal simgeyi değiştirmek için resim sembolüne tıklayın.

Choosing an image for the social icon in SeedProd

Simge Kütüphanesi şimdi açılacaktır.

Devam edin ve istediğiniz sosyal medya platformunu arayın ve kullanmak için ‘+’ düğmesine tıklayın.

Selecting the LinkedIn logo in SeedProd

Şimdi, sosyal medya başlığını ve kişinin sosyal bağlantısını eklemek için biraz aşağı kaydırın.

Simgenin renklerini de değiştirebilirsiniz.

Customizing the social icon settings in SeedProd

Bu aşamada, ayarlar kenar çubuğuna gidebilirsiniz.

Tüm sosyal simgelerin boyutunu, hizalamasını, renklerini ve şeklini değiştirebileceğiniz yer burasıdır.

Customizing the social icon designs in SeedProd

Ekip Üyesi bloğunu daha fazla özelleştirmek istiyorsanız, ‘Gelişmiş’ sekmesine geçin.

Bloğun tasarımını değiştirmek için daha fazla ayar bulacağınız yer burasıdır. Örneğin, dolgu ve kenar boşluklarını özelleştirebilir, gölge efekti ekleyebilir, CSS animasyonlarını etkinleştirebilir ve daha fazlasını yapabilirsiniz.

Switching to the Advanced tab in SeedProd

Bundan sonra yapmanız gereken tek şey aynı adımları diğer personel profilleriniz için de tekrarlamaktır.

Not: Ekip üyesi listenizin iyi göründüğünden emin olmak için tüm profil resimlerinizi aynı boyutta veya oranda yapmanızı öneririz. Rehberlik için WordPress’te temel görüntü düzenlemenin nasıl yapılacağına ilişkin adım adım kılavuzumuza göz atabilirsiniz.

Personel dizini sayfanızın nihai görünümünden ve hissinden memnun olduğunuzda, ilerlemenizi kaydetmek için ‘Kaydet’ düğmesine tıklamanız yeterlidir.

Son olarak, personel rehberi sayfanızı web sitenizde canlı hale getirmek için ‘Yayınla’ düğmesine tıklayın.

Saving and publishing a landing page in SeedProd

İşte bu kadar! Personel dizininiz artık SeedProd’u kullanarak hazır ve çalışır durumda.

İşte demo web sitemizde bizimki nasıl görünüyor:

An example of a staff directory page made with SeedProd

Yöntem 2: İş Rehberi Eklentisini Kullanın (Büyük Ekipler İçin)

Küçük bir ekibiniz varsa 1. yöntem yeterli olabilir. Ancak daha büyük ekipler için, tek bir sayfada düzinelerce profil görmek ziyaretçiler için bunaltıcı olabilir.

İşte bu noktada özel bir personel dizini eklentisi işe yarıyor. Biz Business Directory Plugin’in ücretsiz versiyonunu kullanacağız.

Bu eklenti, WordPress web sitenizde bir arama çubuğu, filtreler ve her personel için ayrı profil sayfaları ile tamamlanmış özel bir ekip üyesi dizini oluşturmanıza olanak tanır. Diğer dizin web sitesi türlerini oluşturmak için de kullanabilirsiniz.

Bununla birlikte, premium İşletme Dizini Eklentisine de yükseltebilirsiniz. Bu size ücretli dizinler için ödeme ağ geçitleri, premium temalar, derecelendirmeler/incelemeler ve daha fazlası gibi profesyonel özelliklere erişim sağlayacaktır.

Daha fazla bilgi için Business Directory Plugin incelememize göz atın.

Adım 1: İşletme Dizini Eklentisini Kurun ve Ayarlayın

Öncelikle Business Directory eklentisini yüklemeniz ve etkinleştirmeniz gerekiyor. Daha fazla bilgi için WordPress eklentisi yükleme kılavuzumuzu okuyabilirsiniz.

Etkinleştirdikten sonra, Dizin ” Dizin İçeriği ve ardından ‘Form Alanları’ bölümüne gidin. Burada, daha sonra personel bilgilerinizi eklemek için kullanacağınız, açıklamalar, web siteleri, telefon numaraları ve adresler gibi önceden hazırlanmış alanları göreceksiniz.

Bu alanlar iyi bir başlangıç noktasıdır, ancak bunları daha da özelleştirebilirsiniz. Yeni alanlar oluşturmak için ‘Yeni Form Alanı Ekle’ye tıklayalım.

Adding a form field in Business Directory plugin

Alan İlişkisi ile başlayalım. Varsayılan olarak, personel listesi eklentisi bunu Post Metadata olarak bırakacaktır, bu da alanın blok düzenleyicideki ana düzenleme alanının altında özel bir alan olarak görüneceği anlamına gelir. Bu seçeneği olduğu gibi bırakacağız.

Ayrıca, toplamak istediğiniz bilgilere bağlı olarak alan türünü metinden radyo düğmelerine, sosyal medya bağlantılarına, onay kutularına ve daha fazlasına değiştirebilirsiniz.

Choosing a field type in Business Directory plugin

Ardından, her alan için net bir etiket sağlayın (‘LinkedIn Profili’ gibi). Kullanıcıları doldurma sürecinde yönlendirmek için isteğe bağlı bir açıklama da ekleyebilirsiniz.

Belirli veri biçimleri gerektiren alanlar için, doğru bilgilerin girildiğinden emin olmak amacıyla bir alan doğrulayıcı ayarlayabilirsiniz.

E-posta adresleri, URL’ler ve telefon numaraları gibi aralarından seçim yapabileceğiniz çeşitli seçenekler vardır.

Changing the field validator in Business Category plugin

Aşağıda, ‘Gerekli’ kutusunu işaretleyerek belirli alanları zorunlu hale getirebilirsiniz. Bu, temel bilgiler için faydalı olabilir.

‘Alan Görüntüleme Seçenekleri’nde, alanın nerede görüntüleneceğini kontrol edebilirsiniz. Örneğin, tüm dizin kategorileri için mi yoksa yalnızca belirli kategoriler için mi geçerli olacağını, yalnızca yöneticilerin bunları düzenleyip düzenleyemeyeceğini veya alan değerinin ön uçta gizlenip gizlenmeyeceğini seçebilirsiniz.

The field display options settings in Business Category plugin

Alan ayarlarını özelleştirmeyi tamamladıktan sonra, devam edin ve aşağıya doğru kaydırın.

Ardından, değişikliklerinizi kaydetmek için ‘Alan Ekle’ye tıklayın.

Adding a field in Business Category plugin

Çalışan dizini listeniz için ihtiyaç duyduğunuz alanları oluşturana kadar bu adımı tekrarlamaktan çekinmeyin.

Form Alanları menüsüne geri döndüğünüzde, personel dizininiz için geçerli olmayan önceden hazırlanmış alanları kaldırabilirsiniz.

İstenmeyen alanın üzerine gelin ve ‘Sil’e tıklayın.

Deleting a form field in Business Category plugin

Ardından, ‘Kategoriler’ sekmesine gidin. ‘Genel’ adında varsayılan bir kategori göreceksiniz.

Personel dizinimiz için, bunu ‘Çalışan’ gibi daha açıklayıcı bir şekilde yeniden adlandıralım. Bu, tüm çalışan dizini listelerinizi kategorize edecektir.

Bunu yapmak için ‘Hızlı Düzenleme’ye tıklayın.

Quick editing a category in Business Directory plugin

Ardından, adı Genel’den Çalışan olarak değiştirin.

Slug ‘ı da değiştirmeyi unutmayın ve ‘Kategoriyi Güncelle’ye tıklayın.

Updating a category in Business Category plugin

Şirketinizin birden fazla departmanı varsa ve listelerinizi daha fazla düzenlemek istiyorsanız, ‘Yeni Kategori Ekle’ seçeneğine tıklayarak farklı kategoriler oluşturabilirsiniz.

Daha sonra bir açılır pencere görünecektir. Burada kategori adını ve üst kategoriyi (varsa) doldurmanız yeterlidir. Bundan sonra, ‘Yeni Kategori Ekle’ye tıklayın.

Adding a new category in Business Category plugin

Şimdi, ‘Planlar’ sekmesine geçin. Ekibinizi sergilemeye odaklandığımız ve ücretli bir işletme dizini oluşturmadığımız için, gereksiz varsayılan ücretli plan seçeneklerini silmelisiniz.

Sadece bir planın üzerine gelin ve ‘Sil’e tıklayın.

Deleting a plan in Business Directory plugin

Ücretsiz İlana gelince, onu silemeyeceğimiz için olduğu gibi bırakacağız.

Adım 2: Çalışan Rehberi Sayfanızı Oluşturun

Bir noktada şöyle bir bildirim görebilirsiniz: “İş Rehberi Eklentisi, düzgün çalışması için [businessdirectory] kısa kodunu içeren bir sayfa gerektirir. Bu sayfayı kendiniz oluşturabilir veya Business Directory’nin bunu sizin için otomatik olarak yapmasına izin verebilirsiniz.”

Hızlı ve kolay bir kurulum için ‘Benim için gerekli sayfaları oluştur’ seçeneğine tıklamanızı öneririz. Bu dizin sayfası, tasarımını mevcut WordPress temanıza göre otomatik olarak ayarlayacaktır.

Adding required pages in Business Category plugin

Varsayılan olarak, eklenti ‘İşletme Dizini’ adında bir sayfa oluşturacaktır, bu da oluşturduğumuz şey için doğru değildir.

Bu sayfayı değiştirmek için WordPress kontrol panelinde Sayfalar ‘a gidin ve dizin sayfasını bulun. Ardından, üzerine gelin ve ‘Düzenle’ye tıklayın.

Editing the default Business Directory page

Blok düzenleyicide, sayfayı ‘Çalışan Dizini’ veya amacını daha iyi yansıtan herhangi bir şey olarak yeniden adlandırın.

Dizin sayfasının görsel çekiciliğini artırmak için ek bloklar da ekleyebilirsiniz. Ancak [businessdirectory] kısa kodunu olduğu gibi bıraktığınızdan emin olun.

Creating an employee directory page with Business Directory plugin

Son olarak, değişikliklerinizi kaydetmek için ‘Güncelle’ye tıklayın.

Adım 3: Personel Üye Dizininizi Oluşturun

Şimdi her şey ayarlandığına göre, bireysel personel üye listelerini oluşturalım. Dizin ” Dizin İçeriği bölümüne gidin ve ‘Listeler’ sekmesini açın. Başlamak için ‘Yeni Liste Ekle’ye tıklayın.

Adding a new listing in Business Directory plugin

İş Rehberi eklentisindeki özel alanların bulunduğu blok düzenleyicisine ulaşacaksınız. Başlık bölümüne personelin adını veya takma adını girin.

Aşağıdaki özel bölümde, rolleri ve uzmanlıkları hakkında ayrıntılı bir açıklama ekleyebilirsiniz. Bu açıklama, dizinde değil, yalnızca bireysel profil sayfalarında görüntüleneceği için daha uzun olabilir.

Writing an employee directory listing with Business Directory plugin

‘Dizin Listeleme Alanları / Görseller’ bölümüne gidin ve personel üyesinin bilgilerini doldurmak için daha önce oluşturduğunuz veya değiştirdiğiniz özel alanları kullanın.

Bu, iletişim bilgilerini veya sosyal medya bağlantılarını içerebilir.

Business Directory plugin's custom fields in the block editor

Şimdi, ‘Görüntüler’ sekmesine geçin.

Burada, medya kitaplığınızdan veya bilgisayarınızdan personel profili için bir resim yükleyebilirsiniz.

Uploading an image for the staff directory listing

Bu işlem tamamlandıktan sonra, ayarlar kenar çubuğundaki ‘Listeleme’ sekmesine gidelim. ‘Dizin Kategorileri’ bölümünde, ‘Çalışan’ veya daha önce oluşturduğunuz kategorinin yanındaki kutuyu işaretleyin.

Gerekirse ek etiketler de ekleyebilirsiniz.

Adding categories and tags to the employee directory

‘Alıntı’ bölümüne kısa ama bilgilendirici bir açıklama yazabilirsiniz. Bu, tüm profillerin listelendiği ana personel üye dizini sayfasında görünecektir.

Ayrıca ‘Tartışma’ bölümündeki yorumları devre dışı bırakmanızı öneririz.

Bu, eklenti varsayılan olarak sayfaya zaten bir iletişim formu eklediğinden, sayfadaki gereksiz karmaşayı önlemek içindir.

Inserting the staff listing's excerpt and disabling comments

Listeleme Bilgileri bölümünde, ‘Ücretsiz Listeleme’ planını seçin ve ‘Tamam’a tıklayın.

Önce bir plan atamadığınız sürece listeyi yayınlayamazsınız.

Choosing the free plan listing on Business Directory

Her şeyden memnun olduğunuzda, personel üyesi profilini canlı hale getirmek için ‘Yayınla’ düğmesine tıklayın.

Tüm ekip üyeleriniz için profil oluşturmak için bu adımları tekrarlamanız yeterlidir.

Adım 4: Çalışan Listeleri Sayfasını Özelleştirin

Çalışan Rehberi sayfasını önizlediğinizde, çalışan listeleri arasında filtreleme yapmak için bir arama formu göreceksiniz.

Aşağıda ekip üyelerinizin açık ve düzenli bir listesi yer almaktadır.

Example of staff directory page made with Business Directory plugin

Bir personel profili sayfası açarsanız, çalışan bilgilerinizi ve ziyaretçinin onlara ulaşması için bir iletişim formu görürsünüz.

İşte böyle görünüyor:

Individual staff profile page made with Business Directory plugin

Bu sayfaların görünümünden memnun değilseniz ve bunları özelleştirmek istiyorsanız, WordPress panosundaki Dizin ” Ayarlar bölümüne gidin. Ardından, ‘Listeler’e tıklayın.

Burada, sayfa başına görüntülenen ilan sayısını değiştirebilir, arama formu ayarlarını değiştirebilir, yorum ve/veya iletişim formlarını devre dışı bırakabilir, düğmelerle oynayabilir vb.

İşiniz bittiğinde ‘Değişiklikleri Kaydet’e tıklamayı unutmayın.

Business Directory's listing settings

Ayrıca ‘Görünüm’ menüsüne de gidebilirsiniz.

Burası düğme stilini ve dizin sayfasının ana rengini değiştirebileceğiniz yerdir. Ayrıca Font Awesome Simgelerini yükleyebilir veya listeleme düzenini özelleştirmek için profesyonel bir plana yükseltebilirsiniz.

Business Directory plugin's appearance settings

‘Görüntüler’ sekmesine geçerseniz, personel profil görüntülerinin nasıl görüneceğini değiştirebilirsiniz.

Örneğin, ışık kutusu efektini açabilir, ana liste sayfasındaki küçük resim görüntülerini devre dışı bırakabilir ve küçük resim görüntü boyutlarını değiştirebilirsiniz. Yine, ‘Değişiklikleri Kaydet’e tıklamayı unutmayın.

Business Directory's image settings

WordPress ile dizin oluşturma hakkında daha fazla bilgi için bu makalelere göz atmanız yeterli:

Bonus İpucu: Çalışan Bilgilerinizi Toplamak için WPForms’u Kullanın

İster küçük ister büyük bir ekibi yönetiyor olun, rehberiniz için gerekli tüm personel bilgilerini toplamak zor olabilir. E-postalar veya elektronik tablolar aracılığıyla ayrıntıları manuel olarak elde etmek zaman alıcı olabilir.

Bu süreci kolaylaştırmak için, güçlü ancak kullanıcı dostu bir WordPress form oluşturucu eklentisi olan WPForms‘u kullanmanızı öneririz. Hızlı bir şekilde başlamanız için önceden oluşturulmuş bir Çalışan Dizini Formu şablonu ile birlikte gelir.

WPForms Employee Directory Form Template

Şablon zaten isim, e-posta adresi, telefon numarası, departman, rol ve benzeri gibi birçok ilgili alanı içerir. İhtiyaçlarınıza uygun daha fazla alan eklemek için kullanışlı iletişim formu oluşturucuyu da kullanabilirsiniz.

Radyo düğmeleri ve resim yüklemelerinden spam form gönderimlerini önlemek için CAPTCHA’ya kadar çeşitli alan türleri arasından seçim yapabilirsiniz.

Editing the Employee Directory Form template in WPForms

WPForms hakkında daha fazla bilgi edinmek için WPForms incelememizin tamamını okuyabilirsiniz.

Umarız bu makale WordPress’te nasıl personel dizini oluşturacağınızı öğrenmenize yardımcı olmuştur. WordPress’te şirket organizasyon şeması oluşturma kılavuzumuza veya çevrimiçi işinizi büyütmek için sahip olunması gereken WordPress eklentileri listemize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

42 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      You would want to check the plugin’s settings for the Staff Order section for what you’re wanting.

      Yönetici

  2. Art Man says

    Hi I was trying to follow your steps but when I go to add the Shortcode widget, I do not see a shortcode widget available. Can you please help with some more detail? Thank you!

  3. Stacey says

    I have staff member pages but do not have an option to have their picture to the left of the bio on the page that lists all of the staff members. I can only add a picture to their individual page. Help!!! :)

  4. CK says

    Hi Great recommendation, do you know if there is a search shortcode to find details on employees. There is one listed in the admin panel But i need one on the front end.

  5. Tina says

    Hi, I have WP v. 3.9.1. and Simple Staff List v 1.15 plugin.

    I created a person in the wp-admin. Then I used

    which writes out the person. Nice, but I have a special div structure prepared for this, so it would be nice to have access to the individual parameters (name, email, phone, …), so I can place them at a correct place.

    I tried the following:

    also the original code without from the Templates, but it always results in a plain text as if I intended to write out “[staff_loop]” on my page. See the attachement. The person above the text is the code.

    Where am I making the mistake? Thanks!

  6. aldrien says

    Hi there, i used Simple Staff List plugin in wordpress
    but got error in image uploading, using Nevo theme.
    can you please help me. Thank you

  7. dorji khandu says

    i have added a new field but when i view it on the page the data added in a new field does not show up……..Hep me….

  8. Chris says

    This plugin is great but absolutely falls short at one thing: Providing a competent Individual Staff Member page. To do so requires knowledge of PHP, which for something labeled as “simple”, is rather strange.

    The discussion at this post: http://wordpress.org/support/topic/link-to-staff-member-page did not provide a full solution, and Peggyst did not provide a full solution either. It’s all vague and piecemeal.

    I can get the information about the staff person to appear, but I cannot get it to play nice with the Twenty Thirteen (default) theme. Any idea as to what I’m doing wrong and how I can fix it? I know the solution lies SOMEWHERE in the simple.php file but, like the support thread, it’s not at all clear.

  9. Joseph says

    How can you display a single staff page? I have checked the WordPress forum for this information but every response appear too vague (or perhaps too advanced) for me. I have not been successful with every suggestion because of lack of clarity. I understand how to create the single-page.php but finding it difficult to incorporate this plugin to it.

    Thank you for your help.

      • Joseph says

        Thanks for your reply but this doesn’t explain the issue. As you can see on the post here at http://wordpress.org/support/topic/link-to-staff-member-page, a lot of people are having problems creating a stand-alone staff page. I have read that forum many times and still confused on what to do.

        Basically, at what point do you insert the staff loop and how do you print or output the custom post data on the page. It will be great if you can write a followup post on this as many people seem to be struggling with this same issue.

        Thanks for your work.

        • WPBeginner Support says

          Joseph, the support thread you are referring to is a discussion about creating a support staff list page, where each individual staff member has their own page. On the same thread, Peggyst has posted the solution.

  10. Jerzy says

    What’s the best (and easiest) way to add rows? I’d like to make the staff members go across horizontally instead of vertically in one column.

    I’ve checked the forums, but everything they’ve been adding is a bit too advanced for my taste. I’m a WP/CSS/htmml newb.

    any help would be greatly appreciated.

    Thanks in advance.

    • WPBeginner Support says

      You can do that with CSS. First use this template for your staff loop

      [staff_loop]
      <div class="staff-member-container">
      	<img class="staff-member-photo" src="[staff-photo-url]" alt="[staff-name] : [staff-position]">
      	<div class="staff-member-info-wrap">
      		[staff-name-formatted]
      		[staff-position-formatted]
      		[staff-bio-formatted]
      		[staff-email-link]
      	</div>
      </div>
      [/staff_loop]
      <div style="clear:both;"></div>
      

      Then you can use CSS to set width, maximum height, float to left, etc. We haven’t tested it exactly but should work.

      Yönetici

      • Tom says

        This template for the horizontal staff display is missing a s closing “>” at the end of line 2. Correcting this adds-in the photo some people are having trouble with.

        • Antonio Calabrò says

          Using the loop template suggested, you can layout your staff list in two columns with the following CSS:

          /* div wrapped around each staff member */
          div.staff-member {
          width: 40%;
          }
          /* “Even” staff member */
          div.staff-member.even {
          float: right;
          clear: both;
          }
          /* “Odd” staff member */
          div.staff-member.odd {
          float: left;
          }

          Have fun!

  11. sam jones says

    whenever i put the [simple-staff-list] in the page nohting happens in the list it doesnt show up at ll i can no idea wht im doing wrong.

    • WPBeginner Support says

      for testing purposes try switching to a default wordpress theme. If this does not solve your problem try deactivating all plugins except simple staff list. If this resolves your problem, then there is a plugin causing the conflict.

      Yönetici

  12. Rich Kite says

    This is really great, but I want to use this tool for a contributors page instead of “Staff”. I get emailed articles of which I post, and I would like to create a page to add in a short list of bios of all my authors whom of which have no access to my page. Any ideas? Would almost be like a form I need to fill in for each new author I guess?

  13. Samedi Amba says

    Just a follow up on a comment I’d written previously. How can I add more fields to the already existing ones?

    • Editorial Staff says

      You would have to dig through the code to find the filter. Asking in the support forum to the author would be the fastest thing if you don’t like digging through the code.

      Yönetici

  14. Dawid says

    Thanks! I was searching for this plugin. It will help a lot. Problem I’m facing is that I can’t add photo into people of the company. I tried to reinstall plugin, to add new people, edit old one, tried few different photos and nothing. All the time “white line”. What to do? :)

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.