Birden fazla yazarı olan bir blog veya online bir derginin başında olduğunuzda, tek yazarlı satış noktalarına sahip kişilerin sahip olmadığı bir takım endişeleriniz olur. Örneğin yazar yönetimini öğrenmeli ve yazarları gönderileriyle sınırlamanın yollarını bulmalısınız. Artık sizin için yazmayan yazarların gönderilerini güncellerken kullanışlı olabileceğinden, gönderilerin yazarlarını nasıl değiştireceğinizi de bilmelisiniz. Son olarak yazarların bilgilerini nasıl atıf yaptığınızı ve gösterdiğinizi düşünmek yardımcı olacaktır. WordPress blogunuz için çarpıcı yazar bilgisi ekranları oluşturmaya gelince, tam da ihtiyacınız olan çözüme sahibiz.
Elementor ile kullanabileceğiniz son derece yararlı pencere öğelerinden oluşan kapsamlı bir koleksiyon olan WordPress Addons for Elementor eklentimize Yazar Bilgileri pencere bileşenini ekledik. Bununla birlikte makalelerinizin yazarları hakkındaki bilgileri kolayca görüntüleyebilirsiniz. Fakat bunun, yalnızca WordPress Addons for Elementor’ın ücretli sürümünde bulunan widget’lardan biri olduğunu unutmayın.
Blok düzenleyici için bir blok koleksiyonu olan Gutenberg için WordPress Blocks eklentimiz de bir Yazar Bilgisi çözümüne sahiptir. Bu durumda, eklentinin ücretsiz sürümüyle kullanılabilir.
Bu makale, Widget’ı ve WordPress eklentilerimizden gelen bloğu kullanarak web siteniz için nasıl bir yazar bilgisi ekranı oluşturacağınızı gösterecektir.
Elementor’da Yazar Bilgisi Ekleme
Başlamadan önce, web sitenizde hem Elementor hem de Elementor için WordPress Eklentileri eklentisinin kurulu ve etkinleştirilmiş olması gerekir. Web sitenizin kontrol panelinden Eklentiler > Yeni Ekle’ye gitmek, iki eklentiyi aramak ve bunları yükleyip etkinleştirmek kadar kolaydır. Fakat WordPress Addons for Elementor eklentisinin premium sürümünü edinmeniz gerekeceğini unutmayın.
Başlamadan önce kısa bir not: İncelememizin Elementor bölümünün videosunu izleyebilirsiniz.
Her şey yüklendikten sonra, Yazar Bilgileri parçacığımız için ayarı oluşturmaya başlamanın zamanı geldi. Önceden oluşturduğumuz çalışma alanı böyle görünüyordu.
Oldukça fazla hazırlık yapıldı. Fakat işte yaptıklarımızın kısa versiyonu. Tüm bölümün ayarları Düzen > İçerik Genişliği > Tam Genişlik ve Gelişmiş > WordPress Essential Addons Grid > Bu Satırı “Kılavuz”da Yap > Evet idi.
Daha sonra iki sütun oluşturduk ve Layout > Layout’ta sağdaki Column Width’i %76.5 olarak verdik. Daha sonra çizimler için tek bir blog yazısı görüntülemek üzere WordPress Addons for Elementor eklentisinden Blog Listesi widget’ını kullandık. Oldukça karmaşık bir widget olduğu için birçok ayar kullandık. Onu daha yakından tanımak için videomuzu izlemekte özgürsünüz.
Her şey ayarlandıktan sonraki adım, Yazar Bilgileri pencere aracımızı bulmak, onu soldaki boş sütuna sürüklemek ve pencere öğesinin içeriğini kurmaya başlamaktı.
Yazar Bilgisi Widget’ına İçerik Ekleme
İçerik seçeneğinin Genel bölümü, görüntülemek istediğiniz tüm yazar bilgilerini ekleyebileceğiniz yerdir. Bir fotoğraf, yazarın başlığı veya adı, kendileri hakkında bir iki cümle söyleyebilecekleri bir metin, e-postaları, imzaları, bir bağlantı ve sosyal medya ekleyebilirsiniz.
Yeni başlayanlar için, yazarımız için bir resim ekledik, adını Başlık seçeneğinde sağladık, özlü bir biyografi işlevi gören bazı metinler ekledik ve e-postasını ekledik.
Sosyal simgeleri etkinleştirdiğinizde, yeni bir dizi seçenek görünecektir. Daha fazla sosyal medya eklemenize, başlıklarını ve simgelerini seçmenize ve bir bağlantı eklemenize izin verecekler. Merak uyandıran ve bizim kullanacağımız seçenek, sosyal medya simgelerinin metinle değiştirildiği metinsel sosyal simgeleri etkinleştirmektir.
Metinsel sosyal simgelerle tamamlanan bu öğelerden dördünü ekledik ve yer tutucu olarak hizmet vermesi için bağlantıya bir # işareti ekledik.
Bu yazarın bilgilerine eklemeyi planladığımız tüm içerik bu kadar. İmzaları, sosyal simgeleri ve web sitesi bağlantılarını istediğiniz kadar deneyebilirsiniz.
Yazar Bilgisi Widget’ını Şekillendirme
İlk Stil seçenekleri seti, İçerik Stili seçenekleridir. Widget’ın içeriğinin hizalamasını değiştirmenin yanı sıra yazar bilgisi dolgusunu ayarlamaya yararlar. Seçimimiz, içerik hizalamasını “Merkez” olarak ayarlamak ve varsayılan olarak orada olabilecek herhangi bir dolguya karşı koymak için dolguyu “0” olarak ayarlamaktı.
Bir sonraki seçenek grubu olan Stil seçenekleri, etiketler, renkler, vurgulu renkler ve tipografi dahil olmak üzere her öğenin stil seçeneklerini aldığı yerdir. Eklediğiniz öğelere bağlı olarak burada farklı seçeneklerle uğraşmanız gerekecek. Fakat işte değiştirdiklerimiz.
İlk olarak başlık etiketini H2 olarak ayarlıyoruz. Başlık Tipografi seçeneklerinde metni büyük harfe çevirdik. Sonraki değiştirdiğimiz seçenekler, #000000 olarak ayarladığımız simge rengi ve #0000008c olarak belirlediğimiz simge vurgulu rengiydi. Simge Tipografi seçeneklerinde ağırlığı 500 olarak ayarladık ve e-posta rengini #228ccc ve e-posta vurgulu rengini #228cccbf olarak değiştirdik.
Sırada, tüm öğelerin etrafındaki boşluğu ayarladığınız Boşluk Stili seçenekleri var. İmza kullanmadığımız için değiştirmediğimiz tek seçenek buydu. Geri kalanı için yukarıdan aşağıya şu değerleri kullandık: 27px, 7px, 21px, 22px ve 5px.
Kalan seçenekler, arka plan rengini değiştirmek veya fareyle üzerine gelindiğinde tüm widget’a animasyon eklemek istiyorsanız kullanışlı olabilecek arka plan seçenekleridir. Biz de yapmamayı tercih ettik, bu nedenle örneği oluşturan işimiz tamamlandı.
Elbette, widget’ın size sağladığı tüm farklı seçenekleri kontrol etmekte ve benzersiz bir şekilde size ait bir tasarım bulmakta fazlasıyla özgürsünüz. Bununla birlikte bu gösteri size yapabileceğiniz bazı şeyleri göstermeli ve bunları daha da harika bir şey yapmak için kullanmanız için size ilham vermelidir.
Gutenberg Editörüne Yazar Bilgisi Ekleme
Şimdi, Gutenberg düzenleyicide Yazar Bilgileri bloğunu kullandığınızda sürecin nasıl göründüğüne bakalım. Yaptığımız ilk şey, çalışma alanını ayarlamak oldu – bir makale eklemek için Blog Listesi bloğumuzu kullandık ve solda Yazar Bilgisi bloğunu ekleyebileceğimiz bir boşluk bıraktık.
Yazar Bilgileri bloğunu sütuna eklediğinizde, bazı sahte içeriğe sahip bir blok elde edersiniz. Daha sonra ekranın sağ tarafındaki Ayarlar Kenar Çubuğunda, sahte içeriği değiştirebileceğiniz ve kendi içeriğinizi ekleyebileceğiniz içeriği göreceksiniz. Böylece başladığımız yer orasıydı.
Yazar Bilgi Bloğuna İçerik Ekleme
Blok, iki düzen arasında seçim yapmanızı sağlar – kullandığımız standart ve yan görüntü düzeni. Hatta kendi resminizi ekleme ve boyutunu ayarlama, başlığı seçme, resmin altına biraz metin ekleme ve bir e-posta adresi ve imza ekleme seçeneğine de sahip olacaksınız.
Resmimizi ekledik, boyutunu Tam Boyut olarak ayarladık ve metni ve e-postayı değiştirdik.
Blok, sosyal simgeleri, metinsel sosyal simgeleri ve fareyle üzerine gelindiğinde altı çizili bağlantıları etkinleştirmenize olanak tanır. Simgeleri ve metinsel simgeleri etkinleştirerek, yazarın sosyal ağlarına bağlantı görevi görmesi için dört öğe ekledik.
İçerikle ilgili olarak burada işimiz bitti ve bloğu şekillendirmeye geçmeye hazırız.
İçerik Bilgisi Blokunu Şekillendirme
Açılan ilk sekme Stil > Genel sekmesidir. Burası, içeriğin yatay hizalamasını seçeceğiniz, kenarlık yarıçapını ayarlayacağınız, dolgu ekleyeceğiniz, fareyle üzerine gelindiğinde arka plan rengini ve rengini, fareyle üzerine gelindiğinde görüntü davranışını ve imza üst kenar boşluğunu seçeceğiniz yer. Hatta simge renklerini, vurgulu renkleri ve tipografiyi seçebilir ve sosyal simgelerin üst kenar boşluğunun yanı sıra tek simge kenar boşluğunu ayarlayabilirsiniz.
Görüntümüz için seçtiğimiz hizalama Merkez’dir. Simge vurgulu rengini #0000008c olarak ayarladık. Icon Typography seçeneklerinde ise weight 500 olarak ayarladık. Belirlediğimiz sosyal ikonlar için üst kenar boşluğu 22px oldu. Tek simge kenar boşluğu 5 pikseldi.
Stil > Başlık seçenekleri altında, başlık etiketini, rengi, üzerine gelindiğinde rengi, tipografiyi ve üst kenar boşluğunu değiştirebilirsiniz. Tipografi seçenekleri altında yazı boyutunu 36px olarak değiştirdik ve başlığı büyük harfe çevirdik. Üst kenar boşluğunu 27px olarak ayarladık.
Stil > Metin altında, metin etiketini, rengi, tipografiyi ve üst kenar boşluğunu ayarlayabilirsiniz. Burada değiştirdiğimiz tek seçenek, üst kenar boşluğunu 7px olarak ayarlamaktı.
Son olarak Stil > E-posta altında, e-postanın rengini, normal ve üzerine gelindiğinde, tipografi seçeneklerini ve üst kenar boşluğunu ayarlayabilirsiniz. E-posta rengini #228ccc ve vurgulu rengini #228cccbf olarak ayarladık. Tipografi seçeneklerinde yazı tipi ailesi olarak DM Sans’ı seçtik ve yazı tipi boyutunu 17px olarak seçtik. Son olarak üst kenar boşluğunu 21px olarak ayarladık.
Gutenberg editörünü ve WordPress Blocks for Gutenberg eklentimizi kullanarak WordPress blogunuz için çarpıcı bir yazar bilgi ekranı oluşturmak için yapmanız gereken tek şey bu.
Konunun Özeti
Yazar bilgi ekranları, yazarlara bilgi ve sosyal ağlara ve web sitelerine bağlantılar paylaşmaları için değerli fırsatlar sunabilir. Elementor için WordPress Eklentileri eklentimiz ve Yazar Bilgisi widget’ımızla, WordPress’te güzel yazar bilgi ekranları oluşturabilir ve bunları yazarların isteyebileceği tüm bilgilerle doldurabilirsiniz. WordPress Blocks for Gutenberg eklentisi, blok düzenleyici ile aynı şeyi yapmanızı sağlar, bu yüzden devam edin ve hangi düzenleyicide daha rahatsanız onu seçin!