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 web sitesi ziyaretçilerinin ex birkaç söz, böyle bir iş adresi veya kişi bilgileri gibi gerektirebilir hayati bilgiler içermektedir amp les.
Üstbilgiler ve altbilgiler, bir 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; Bu, Sayfa Oluşturucu plugin kullanışlı olduğu zamandır. 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 üstbilgisini ve altbilgisini nasıl yapacağımızı öğretecek. Elementor Pro kullanılacaktır (çünkü Elementor'un temel sürümü bu bileşenleri oluşturmak için en önemli özellikleri içermemektedir). 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 üstbilginizin ve altbilginizin ana düzenini seçmenize olanak tanır.
- Başlık Nedir ve Ne İşe Yarar?
- Altbilgi Nedir, Tam Olarak?
- 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ı
- Altbilgi Nasıl Yapılır
- Altbilgi Şablonu Geliştirme
- Altbilgi Değişiklikleri
- Tamamlanmış ürün
- Duyarlılık için üstbilgi ve altbilgi bölümlerinizi inceleyin.
- İşleri sona erdirmek
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 birinci sınıf öğeler kullanmasını sağlayan en gelişmiş sayfa oluşturucudur. Önceden kodlama bilgisi olmayan acemiler için çok faydalıdır. Elementor'daki sürükle ve bırak düzenleyicisi, kullanıcıların widget'ları ve öğeleri etrafta taşımasına olanak tanır.
Elementor, kullanıcıların modları değiştirmeden sayfalarının nasıl göründüğünü görmelerini sağlayan görsel bir sayfa oluşturucudur.
Elementor'u kullanmanın bir başka zorlayıcı argümanı, çoğu işin ücretsiz olarak tamamlanabilmesidir. Ücretsiz sürümleri, yeterli site düzenleme yetenekleri sağlamaktan daha fazlasıdır. Ancak, ihtiyaçlarınıza en uygun olanı seçebilmeniz için hem ücretsiz hem de ücretli sürümleri gözden geçireceğiz.
Aşağıdakiler, Elementor'u değerli kılan önemli yönlerinden bazılarıdır:
- Sürükle ve bırak işlevi desteklenir.
- Ç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 üstbilginizin ve altbilginizin 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ümlerinden seçim yapabilirsiniz; En yaygın ve modern görünen 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ıklar var ve istediğiniz herhangi bir düzeni oluşturabilirsiniz.
7 numaralı hazır başlık şablonunu seçtim; Bu, bir WordPress web sitesinde bir 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 şablonuna yapıştırın > kopyalanan başlık adını yapıştırın .
İstediğiniz başlık şablonunu bulduğunuzda, "Elementor ile Düzenle"yi seçin ve 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ığı" denir. 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, kullanıcılarınıza, ana sayfanıza, sayfanıza veya diğer bireysel içeriğe ulaşmış olmalarına bakılmaksızın web sitenizle ilgili ilk izlenimlerini verecektir. Ve eğer iyi tasarlanmışsa, kullanıcının dikkatini çekecek ve onları kaydırmaya ve okumaya devam etmeye ikna edecektir.
Başlık, ş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 iyileştiren ve dönüşüm oranlarını artıran diğer özelliklerin tümü başlıklarda bulunur.
Altbilgi Nedir, Tam Olarak?
Altbilgi, sayfanın altında görünen bir web sayfasının bölümüdür. Genellikle web sitesinde, tüm sayfalarda ve yayınlarda başlıklara benzer şekilde sürekli olarak görüntülenirler.
Altbilgiler, sitenin her sayfasında göründükleri göz önüne alındığında, bir potansiyel israfı olan sıklıkla gözden kaçar. Başlıklar için eşit derecede önemlidirler.
Altbilgi tasarımınız, seçtiğiniz ayarlara bağlı olarak haber bülteni 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'nun şablonlarını kullanacağız.
Başlık Şablonu Geliştirme
WordPress yönetici panelinde, Şablonlar'ın üzerine gelin ve Başlığımızı oluşturmak için Yeni Ekle'ye tıklayın .
Yönlendirildikten sonra kalıcı bir pencere açılacaktır. Açılır Başlık'ı seçin, Başlığa bir ad verin ve " Şablon Oluştur " u tıklayın:
Bu, Elementor düzenleyicisini başlatacaktır. Bundan sonra, aralarından seçim yapabileceğiniz bir şablon listesi sunulacak. Bu yüzden size hitap eden birini seçin:
Bir şablon seçtiğinizde, Elementor düzenleme bölümünün üstünde görünmelidir:
Logo Oluşturma: İlk adım bir logo oluşturmaktır. Başlığa koymak için logoyu sitenin Canlı Düzenleyicisinde ayarlayın. Site Kimliği'ne tıklayarak bir logo seçin.
Bir logoya karar verdikten sonra Yayınla .
Elementor arayüzünü yenilerseniz, sitenizin logosu artık Başlıkta olmalıdır:
Bundan sonra istediğiniz değişiklikleri yapabilirsiniz.
Başlık Menüsünde Değişiklik Yapma
Bir sonraki yapmamız gereken şey menüyü değiştirmek. Bir menü oluşturduysanız, şablon bunu otomatik olarak dahil edecektir:
Başlık şablonunda yansıtıldığını görebileceğiniz menü yapımız:
Birden fazla menünüz varsa, gerekirse içerikleri güncelleyebilirsiniz.
Diğer widget'lar gibi özelliklerini düzenleyebilirsiniz.
Daha fazla öğe eklememiz gerekirse, Başlığımıza daha fazla bölüm ekleyebiliriz:
Bir başlık ve bazı sosyal medya simgeleri ekleyerek başlayalım:
Bundan sonra istediğiniz değişiklikleri yapabilirsiniz. Düzenlememiz şöyle sonuçlandı:
Başlık Yayını
Değiştirmeyi bitirdikten sonra artık Başlığı yayınlayabilirsiniz. amp tüm sitede Başlığı kullanacağız Koşul Ekle'yi seçtikten sonra bu seçeneği seçeceğiz
Ve işte canlı sitemizden bir sayfa amp :
Altbilgi Nasıl Yapılır
Altbilgi Şablonu Geliştirme
Altbilgi oluşturma süreci, bir üstbilgi oluşturmaya oldukça benzer. Bir tane yapmak için aşağıdaki gibi yeni bir altbilgi şablonu oluşturun:
Ardından bir şablona karar verin. Altbilgiler çeşitli şekil ve boyutlarda gelir. Bazıları firma bilgilerini içerirken, diğerlerinin iletişim formları vardır. Gereksinimlerinize uygun bir şablon seçin.
Web sitemiz için seçtiğimiz şablon aşağıdaki gibidir:
Altbilgi Değişiklikleri
Düzenlemeye başlar başlamaz Başlığı göreceksiniz (eğer tüm sayfalarda görünmesi koşulunu ayarlarsanız).
Altbilgiyi gerektiği gibi değiştirin; Revizyonumuz şöyle görünüyor:
Altbilgiyi tamamlandıktan sonra yayınlayın:
Tamamlanmış ürün
İşte bitmiş sonucun nasıl göründüğü. Hem Üstbilgi hem de altbilgi artık web sitemizde kullanılmaktadır:
Duyarlılık için ü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 bilmelisiniz. Elementor kenar çubuğu bölümünün altındaki duyarlı anahtarlar, mobil ve sekme sürümlerini değiştirebilir.
Üstbilgi ve altbilginizin yanıt verebilirliğini çeşitli şekillerde test edebilirsiniz. Ex için amp le, kendi web sayfalarını olabildiğince duyarlı olarak olmalarını sağlamak için Browserstack, crossbrowser Test ve Google Resizer gibi araçlar kullanabilirsiniz. Farklı cihazlarla denemeler yaparak 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şturucu ile düzeltilir. Site öğeleriniz üzerinde çok daha iyi kontrol ile 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 sağladı.
