2 dakika içinde özel bir başlık elementi nasıl tasarlanır
Başlık bölümü web sitenizin odak parçasıdır. Kullanıcılar web sitesine girdikten sonra bu bölümle gezinmeye başlar. Ziyaretçiler, sitenize karmaşık yapılarla sorunsuz bir şekilde göz atmakla ilgilenmeyebilir. Bu nedenle başlık bölümünü basit tutmanız ve web sitenize ayarlanabilir. İnsanların% 94’ü web tasarımının web sitesine güvenmemelerinin nedeni olduğunu söylüyor. SEO Direktörü Brendan Hufford, iyi bir başlık yaptı. Elementor ile kendi tasarımınızı düzenleyebilir, yeniden tasarlayabilir ve herhangi bir teknik uzmanlık olmadan uygun bir yapı sağlayabilirsiniz.
Bu öğreticide, WordPress siteniz için özel bir başlık elemanı tasarlamak için kolay bir işlem göstereceğiz. Hadi Sex- Elementor Başlığını Nasıl Oluşturur ve Ayarlayabilirim
Blog bölümümüzde, Elementor başlığını iki basit şekilde nasıl oluşturabileceğinizi ve ayarlayabileceğinizi göstereceğiz. 1. Bir Elementor Tema Makinesi kullanarak bir başlık oluşturun 2. Başlık Elementor’u baştan baştan oluşturun ve ayarlayın Elementor widget’ı kullanarak başlık tasarımıyla çalışmak için daha önce yapılmış bir Elementor Widget NAV menüsü ve başlık bloğuna ihtiyacınız var. Ayrıca, site başlığınızı tasarlamaya başlamadan önce aşağıdaki şeyleri göz önünde bulundurmanız gerekir.
Element (Ücretsiz)
Pro Elementor
Elementor’un ücretsiz ve premium sürümünü yüklediğinizden ve etkinleştirdiğinizden emin olun. İlk yol: Tema Maker Elementor Tema Maker temasını kullanarak bir başlık oluşturun Bir Elementor ile bir başlık oluşturmanın en kolay yoludur. Bu bir Elementor Core özelliğidir ve uygulanması çok kolaydır. Bunu yapmak için, Template-> Tema Oluşturucu-> başlıkta gezin. Burada, bir şablon yapmak için çeşitli seçenekler alacaksınız. İkincisi, ilk başlık şablonunuzu oluşturmak için yukarıdaki yeni ekle düğmesine veya yeni başlık ekle düğmesine tıklayın ve bir sonraki ekranı bekleyin. Birkaç dakika sonra aşağıda gösterildiği gibi sermaye açılır penceresini görebilirsiniz. Burada, bir tür şablon-> başlık seçmeniz ve şablonunuzdan doğru adı yazmanız gerekir. Ardından şablonu kaydetmek için Şablon Oluştur düğmesini tıklayın.
Element (Ücretsiz)
Pro Elementor
Elementor’un ücretsiz ve premium sürümünü yüklediğinizden ve etkinleştirdiğinizden emin olun. İlk yol: Tema Maker Elementor Tema Maker temasını kullanarak bir başlık oluşturun Bir Elementor ile bir başlık oluşturmanın en kolay yoludur. Bu bir Elementor Core özelliğidir ve uygulanması çok kolaydır. Bunu yapmak için, Template-> Tema Oluşturucu-> başlıkta gezin. Burada, bir şablon yapmak için çeşitli seçenekler alacaksınız. İkincisi, ilk başlık şablonunuzu oluşturmak için yukarıdaki yeni ekle düğmesine veya yeni başlık ekle düğmesine tıklayın ve bir sonraki ekranı bekleyin. Birkaç dakika sonra aşağıda gösterildiği gibi sermaye açılır penceresini görebilirsiniz. Burada, bir tür şablon-> başlık seçmeniz ve şablonunuzdan doğru adı yazmanız gerekir. Ardından şablonu kaydetmek için Şablon Oluştur düğmesini tıklayın.
Son olarak, daha önce yapılmış bloklar ve sayfalar içeren kütüphane elementini göreceksiniz. Burada, uygun başlık bloğunu seçmeli ve web sitenize yüklemelisiniz.
İkinci yol: Elementor siteniz için bir başlık oluşturmanın ikinci yolunu göstermek için Widget Elementor Time’ı kullanarak başlık elementini en baştan oluşturun ve özelleştirin. İlk yöntemin zamanınızı kurtardığı doğrudur. Ancak ikinci yöntem, tasarım yaparken size daha fazla özgürlük sağlayacaktır. Çünkü tüm öğeleri en başından tasarlayabilirsiniz. Haydi Yapalım şunu. Birinci Adım: Önce üç sütun almak için Site Logo Widget’ı ekleyin. Başlığınızın bir parçası olarak, bazı durumlarda bir logo, arama çubuğu ve sosyal düğmelere ihtiyacınız vardır. Tüm bu öğeleri Elementor Widget Galerisi’nden alabilirsiniz.
Bir site logosu eklemek için tuvalinize widget’ı seçin ve yapıştırın.
Şimdi yolunuzu ayarlayın. Diyelim ki boyutunu değiştirebilir, hizalayabilir, bilgi ve özel bağlantılar ekleyebilir. Widget logo moduna da ayarlayabilirsiniz. Bunu yapmak için stil düğmesine dokunun. Belirli ayarlamalar için ilgili seçenekleri bulabilirsiniz. Genişlik, yükseklik, opaklık, CSS filtresi, sınır tipi ve daha fazlası gibi.
Şimdi yolunuzu ayarlayın. Diyelim ki boyutunu değiştirebilir, hizalayabilir, bilgi ve özel bağlantılar ekleyebilir. Widget logo moduna da ayarlayabilirsiniz. Bunu yapmak için stil düğmesine dokunun. Belirli ayarlamalar için ilgili seçenekleri bulabilirsiniz. Genişlik, yükseklik, opaklık, CSS filtresi, sınır tipi ve daha fazlası gibi.
İkinci Adım: NAV Menüsü widget’ı ekleyin Şimdi ana bölüm NAV menüsü widget’ı eklemek için gelir. Elementor’un profesyonel özelliği budur. Paketinizi ücretsizden profesyonelden yükseltmelisiniz.
Bir NAV menüsü widget’ı eklemek için bazı şeyleri düşünmelisiniz.
Web sitenize önemli sayfalar ekleyin
Görünümden bir menü oluştur> menü alanında
Gerekli sayfayı menünüze ekleyin
Ve nihayet menüyü kaydedin
Önemli bir sayfa eklemeyi ve bir menü oluşturmayı bitirdikten sonra Elementor Design tuvalinize gidin. Bundan sonra, Widget Elementor’dan NAV Menüsü Widget’ı seçin ve Galeriyi İşaretli Alanda Yapın.
Hemen İçerik Ayarlama seçeneği görünür. Her bölümü keşfedin ve kullanmak istediğiniz en iyi tasarım desenlerini hissedin. Menü, seviye, işaretçi, animasyon ve diğerlerinin düzeni gibi. Mobil cihazlarda menü ekranınıza da karar verebilirsiniz.
Görünümden bir menü oluştur> menü alanında
Gerekli sayfayı menünüze ekleyin
Ve nihayet menüyü kaydedin
Önemli bir sayfa eklemeyi ve bir menü oluşturmayı bitirdikten sonra Elementor Design tuvalinize gidin. Bundan sonra, Widget Elementor’dan NAV Menüsü Widget’ı seçin ve Galeriyi İşaretli Alanda Yapın.
Hemen İçerik Ayarlama seçeneği görünür. Her bölümü keşfedin ve kullanmak istediğiniz en iyi tasarım desenlerini hissedin. Menü, seviye, işaretçi, animasyon ve diğerlerinin düzeni gibi. Mobil cihazlarda menü ekranınıza da karar verebilirsiniz.
Bu widget’ın üç tip yatay, dikey ve açılır düzen düzenleri vardır. Sizin için en uygun olanı seçin.
Aynı şekilde, stil düğmesine dokunarak widget stilini ayarlayabilirsiniz. Bu yüzden tipografi, metin rengini ve sevdiğiniz diğer stilleri değiştirin.
Sitenizin tasarımına uygun renk desenlerini değiştirin. Bunu yapmak için metin ve işaretçi renklendirmeyi tıklayın ve farklı tasarımlarla deneyin.
Genel tasarım eklemenin yanı sıra, daha fazla ayarla daha fazlasını da yapabilirsiniz. Marj, Dolgu, Z-Index, CSS Kimliği, Hareketler, Animasyon, vb. Gibi Üçüncü Adım: Arama Formunu veya Sosyal Paylaşım Düğmesi Widget Ekle Web Sitelerinin Çoğu bu iki özelliği başlık bölümünde kullanır. Bir arama formu widget veya sosyal paylaşım düğmesi ekleyebilirsiniz. Widget’ları arayın ve işaretlenmiş alana sürükleyin.
İçerik alanında cildi minimum, klasik ve eksiksiz bir widget gibi değiştirebilirsiniz. Ayrıca, bir yer tutucu ekleyin ve formun boyutunu değiştirin.
Kuvvet bölümünü açın ve genel gölgelik renk deseninize göre formun biçimini düzenlemek için gereken değişiklikleri yapın. Öğeler, metin rengi, arka plan rengi, sınır rengi, kutu gölgesi, sınır boyutu ve diğerleri gibi.
Devam eden bölüm, daha sofistike ve karlı özellikler eklemeniz için var. Marj, dolgu, z-index, CSS, hareket özellikleri vb. Ekleyebilirsiniz.
Tasarımla bittiğinde, tabletin ve hücreselin yanıt verebilirliğini kontrol edebilirsiniz.
Kısa Kılavuz: Tüm tasarımları ve özellikleri uyguladıktan sonra Elementor başlığında son önizleme hücresel web sitesi nasıl oluşturulur, bu görünümdür-
Ancak, başlığınızı daha tatmin edici ve çarpıcı hale getirmek istiyorsanız, tüm Adım -by -adım ayarlarını uygulamak için bu öğreticiden yardım alabilirsiniz.
Ayrıca Oku: NAV Elementor Menü ve Portföy Elemanı Widget (Öğretici) Nasıl ayarlanır Puma, adidas, dribbble, wedvs gibi büyük ölçekli menüler oluşturun Happy mega mutlu eklentiler mutlu eklentiler widget yakın zamanda size izin veren mutlu mega menü widget’ı başlattı Sadece tipik WordPress navigasyon menüsü değil, aynı zamanda Puma, Adidas, Dribbble, Weds, Invision ve daha fazlası gibi büyük ölçekli menüler oluşturabilirsiniz.Web sitesi menü öğesine özel rozet ve simgeler ekleyebilirsiniz.Buna ek olarak, menüye bitmiş bir şablon ekleyebilir ve kullanıcılarınız için daha çekici hale getirebilirsiniz. Ancak, Happy Mega Menü widget’ı kullanarak Dribbble gibi bir mega menü oluşturmayı öğrenmek için bu video eğitimini izleyebilirsiniz.
Happy Mega menü belgelerini okuyun!