Bir web sitesinin üstbilgileri ve altbilgileri temel unsurlardır. Çoğu durumda Başlık, bir web sitesinin farklı bölümlerine gitmeyi kolaylaştıran gezinme bağlantıları sağlar. Öte yandan altbilgi, birkaç amp vermek gerekirse, web sitesi ziyaretçilerinin iş adresi veya iletişim bilgileri gibi ihtiyaç duyabileceği hayati bilgileri içerir.
Üstbilgiler ve altbilgiler, kullanıcının WordPress'teki mevcut teması tarafından sağlanır. Bunlar genellikle iyi tasarlanmış ve kullanımlarının çoğu için yeterlidir. Ancak temalarınızı özelleştirmek istiyorsanız kodu değiştirmeniz gerekecektir; İşte tam bu noktada Sayfa Oluşturucu plugin kullanışlı oluyor. Bunları herhangi bir kod bilmeden web sayfası bileşenleri oluşturmak ve değiştirmek için kullanabilirsiniz.
Bu eğitim bize bir web sitesi üstbilgisi ve altbilgisinin nasıl oluşturulacağını öğretecektir. Elementor Pro kullanılacaktır (Elementor'un temel sürümü bu bileşenleri oluşturmak için en önemli özellikleri içermediğinden). Bu yüzden Elementor Pro'yu indirin ve açık olduğundan emin olun.
- Sayfa oluşturucunuz olarak neden Elementor'u seçmelisiniz?
- Elementor, özel üst bilginizin ve alt bilginizin ana düzenini seçmenize olanak tanır.
- Başlık Nedir ve Ne İşe Yarar?
- Alt Bilgi Tam Olarak Nedir?
- Başlık Nasıl Yapılır
- Başlık Şablonu Geliştirme
- Başlık Menüsünde Değişiklik Yapma
- Başlık Yayını
- Alt Bilgi Nasıl Yapılır?
- Altbilgi Şablonu Geliştirme
- Altbilgi Değişiklikleri
- Tamamlanmış ürün
- Yanıt verebilirlik açısından üstbilgi ve altbilgi bölümlerinizi inceleyin.
- İşleri sona erdirmek
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-29.png)
Sayfa oluşturucunuz olarak neden Elementor'u seçmelisiniz?
Elementor, kullanıcıların muhteşem tasarımlar ve düzenler oluşturmak için premium öğeler kullanmasına olanak tanıyan en gelişmiş sayfa oluşturucudur. Önceden kodlama bilgisi olmayan acemiler için oldukça faydalıdır. Elementor'daki sürükle ve bırak düzenleyicisi, kullanıcıların widget'ları ve öğeleri taşımasına olanak tanır.
Elementor, kullanıcıların mod değiştirmeden sayfalarının nasıl göründüğünü görmelerine olanak tanıyan görsel bir sayfa oluşturucudur.
Elementor kullanmanın bir başka ikna edici argümanı da çoğu işin ücretsiz olarak tamamlanabileceğidir. Ücretsiz sürümleri, yeterli site düzenleme yetenekleri sağlama konusunda fazlasıyla yeteneklidir. Ancak ihtiyaçlarınıza en uygun olanı seçebilmeniz için hem ücretsiz hem de ücretli sürümleri inceleyeceğiz.
Elementor'u değerli kılan önemli yönlerden bazıları şunlardır:
- Sürükle ve bırak işlevi desteklenmektedir.
- Çok sayıda şablona sahiptir.
- Toplamda 90'dan fazla widget var.
- Duyarlı destek için kodlama gerekmez.
- Yinele ve geri al seçenekleri mevcuttur.
- Otomatik kaydetme mevcuttur.
Elementor, özel üst bilginizin ve alt bilginizin ana düzenini seçmenize olanak tanır.
Benzersiz bir üstbilgi geliştirmeden önce istediğiniz üstbilgi ve altbilgi bölümlerinin genel düzenine karar vermeniz yardımcı olacaktır. Önceden hazırlanmış başlık bölümü düzenine bakmak size birçok seçenek sunabilir.
Çeşitli başlık bölümleri arasından seçim yapabilirsiniz; En yaygın ve modern görünümlü Başlık, en sol köşede bir site logosu, ortada bir gezinme çubuğu ve sağda bir arama çubuğu bölümü içerir.
Sonsuz olasılık var ve istediğiniz düzeni oluşturabilirsiniz.
Hayır'ı seçtim. 7 önceden hazırlanmış başlık şablonu; Bu, bir WordPress web sitesinde başlık kullanmanın en yaygın ve basit yaklaşımıdır. Başlık şablonu adını kopyalayıp Şablonlar > Başlık > arama şablonu > kopyalanan başlık adını yapıştırın seçeneğine .
İstediğiniz başlık şablonunu bulduğunuzda, "Elementor ile Düzenle"yi seçtiğinizde Elementor Pro başlık oluşturucu bölümüne yönlendirileceksiniz.
Hadi bu partiyi başlatalım.
Başlık Nedir ve Ne İşe Yarar?
Web sayfanızın üst kısmına "web sitesi başlığı" adı verilir. Başlık genellikle web sitenizin tamamında aynıdır. Ancak bazı web siteleri, sitenin farklı bölümleri için farklı başlıklar kullanır.
Başlık tasarımınız, ister ana sayfanıza, ister hakkında sayfanıza veya diğer bireysel içeriğe ulaşmış olsun, kullanıcılarınıza web siteniz hakkında ilk izlenimlerini verecektir. Ve eğer iyi tasarlanmışsa, kullanıcının dikkatini çekecek ve onları kaydırmaya ve okumaya teşvik edecektir.
Başlık aynı zamanda şirketinizin marka kimliğinin tanıtımına da yardımcı olabilir.
Şirketin logosu, yazı tipi, renkleri ve genel marka dili gibi özellikleri kullanıyorum.
Sitede gezinme, site arama, alışveriş sepeti (satış siteleri için), harekete geçirici mesaj (CTA) düğmeleri ve kullanıcı deneyimini geliştiren ve dönüşüm oranlarını artıran diğer özelliklerin tümü başlıklarda bulunur.
Alt Bilgi Tam Olarak Nedir?
Altbilgi, bir web sayfasının sayfanın altında görünen bir bölümüdür. Genellikle web sitesi genelinde, tüm sayfalarda ve yazılarda, başlıklara benzer şekilde sürekli olarak görüntülenirler.
Altbilgiler sıklıkla gözden kaçırılır ve bu da sitenin her sayfasında göründükleri göz önüne alındığında potansiyelin israfıdır. Başlıklar için de aynı derecede önemlidirler.
Altbilgi tasarımınız, seçtiğiniz ayarlara bağlı olarak bülten kaydı, telif hakkı bilgileri, kullanım koşulları ve gizlilik, site haritası, iletişim bilgileri, haritalar, web sitesinde gezinme ve çok daha fazlası gibi yararlı ve hayati bilgileri görüntüleyebilir.
Başlık Nasıl Yapılır
Bu bölümde özelleştirilmiş bir başlık oluşturacağız. Bu korkutucu görünüyorsa endişelenmeyin; sıfırdan başlamayacağız. Bunun yerine Elementor'un tasarım ekibi tarafından tasarlanan Elementór Pro şablonlarını kullanacağız.
Başlık Şablonu Geliştirme
WordPress yönetici panelinde Şablonlar'ın ve Başlığımızı oluşturmak için Yeni Ekle'ye
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-30.png)
Yönlendirildikten sonra kalıcı bir pencere açılacaktır. Başlık'ı seçin , Başlığa bir ad verin ve " Şablon Oluştur "a tıklayın:
Bu, Elementor düzenleyicisini başlatacaktır. Bundan sonra size seçim yapabileceğiniz şablonların bir listesi sunulacak. O halde size hitap eden birini seçin:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-31.png)
Bir şablon seçtiğinizde Elementor düzenleme bölümünün üstünde görünmelidir:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-32.png)
Logo Oluşturma: İlk adım bir logo oluşturmaktır. Logoyu, Başlığa yerleştirmek için sitenin Canlı Düzenleyicisinde ayarlayın. Site Kimliği'ne tıklayarak bir logo seçin.
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-1300x725.gif)
Bir logoya karar verdikten sonra Yayınla'yı .
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-33-1300x729.png)
Elementor arayüzünü yenilerseniz sitenizin logosu artık Başlıkta bulunmalıdır:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-34.png)
Bundan sonra istediğiniz değişiklikleri yapabilirsiniz.
Başlık Menüsünde Değişiklik Yapma
Yapmamız gereken bir sonraki şey menüyü değiştirmek. Bir menü oluşturduysanız şablon bunu otomatik olarak içerecektir:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-35.png)
Başlık şablonunda yansıtıldığını görebileceğiniz menü yapımız şöyle:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-36.png)
Birden fazla menünüz varsa, gerekirse içerikleri güncelleyebilirsiniz.
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-1.gif)
Özelliklerini diğer herhangi bir widget gibi düzenleyebilirsiniz.
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-2.gif)
Daha fazla öğe eklememiz gerekirse Başlığımıza daha fazla bölüm ekleyebiliriz:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-3.gif)
Bir başlık ve bazı sosyal medya simgeleri ekleyerek başlayalım:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-4.gif)
Bundan sonra istediğiniz değişiklikleri yapabilirsiniz. Düzenlememiz şu şekilde ortaya çıktı:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-37.png)
Başlık Yayını
Artık Başlığı değiştirmeyi bitirdikten sonra yayınlayabilirsiniz. amp Üstbilgiyi sitemizin tamamında kullanacağız Koşul Ekle'yi seçtikten sonra bu seçeneği seçeceğiz
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-5-1300x695.gif)
İşte canlı sitemizden bir sayfa amp :
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-38-1300x737.png)
Alt Bilgi Nasıl Yapılır?
Altbilgi Şablonu Geliştirme
Altbilgi oluşturma süreci, üstbilgi oluşturma işlemine oldukça benzer. Bir tane oluşturmak için şunun gibi yeni bir altbilgi şablonu oluşturun:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-39-1300x713.png)
Daha sonra bir şablona karar verin. Altbilgiler çeşitli şekil ve boyutlarda gelir. Bazılarında firma bilgileri yer alırken bazılarında iletişim formları bulunur. Gereksinimlerinize uygun bir şablon seçin.
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-40-1300x714.png)
Web sitemiz için seçtiğimiz şablon aşağıdaki gibidir:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-41-1300x715.png)
Altbilgi Değişiklikleri
Başlığı düzenlemeye başlar başlamaz göreceksiniz (tüm sayfalarda görünmesi koşulunu ayarlarsanız).
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-6-1300x717.gif)
Alt bilgiyi gerektiği gibi değiştirin; Revizyonumuz şu şekilde görünüyor:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-42-1300x515.png)
Altbilgiyi tamamlandıktan sonra yayınlayın:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-7-1300x714.gif)
Tamamlanmış ürün
Bitmiş sonucun nasıl göründüğü aşağıda açıklanmıştır. Artık web sitemizde hem Üstbilgi hem de altbilgi kullanılıyor:
![](https://www.holdersing.com/wp-content/uploads/2022/01/image-8-1300x731.gif)
Yanıt verebilirlik açısından üstbilgi ve altbilgi bölümlerinizi inceleyin.
Bu en önemli aşamadır ve üstbilgi ve altbilgi bölümlerinizin duyarlı olduğundan emin olmalısınız. Tam genişlikte bir menü genellikle mobil görünüme uymadığından tasarımınızın mobil ekranda nasıl görüneceğini bilmeniz gerekir. Elementor kenar çubuğu bölümünün altındaki duyarlı anahtarlar, mobil ve sekme sürümlerini değiştirebilir.
Üstbilginizin ve altbilginizin duyarlılığını çeşitli şekillerde test edebilirsiniz. amp , web sayfalarınızın mümkün olduğunca duyarlı olmasını sağlamak için Tarayıcı Yığını, Çapraz Tarayıcı Testi ve Google Resizer gibi araçları kullanabilirsiniz. Farklı cihazlarla deneyerek manuel olarak da yapabilirsiniz.
İşleri sona erdirmek
Umarım bu kılavuz, Elementor Pro'yu kullanarak benzersiz üstbilgi ve altbilgi bölümlerinizi hızla geliştirmenize yardımcı olmuştur. WordPress'in birçok özelliği vardır, ancak üstbilgi ve altbilgi bölümlerinde yalnızca birkaç değişikliğe izin verir ve sonunda Elementor Pro sayfa oluşturucuyla düzeltilir. Site öğeleriniz üzerinde çok daha iyi kontrol sayesinde artık sitenizin vizyonunu daha iyi gösterebilirsiniz. Ayrıca, Elementor'un işlevselliği, ücretsiz eklentiler kullanılarak iyileştirildi ve kullanıcıların web sitelerini daha gelişmiş yeteneklerle özelleştirmelerine olanak tanındı.