Elementor düzenli olarak size yardımcı olan temalar sunar web sitesi oluştur bunlardan tamamlayın. Her ay belirli bir niş etrafında inşa edilen yeni temalar yayınlıyoruz, ancak nihayet bunları kendi ihtiyaçlarınıza göre özelleştirebileceğiniz kadar esnek.
İle kombine Elementor Pro, bu temalar, aşağıdakiler dahil, web sitenizin her bölümüyle hızlı bir şekilde başlamanıza yardımcı olur:
pana sayfa gibi statik yaşlar,
- başlık
- altbilgi
- sayfa 404
- Arşiv bölümü
- blog
- Pop-up'lar ve diğerleri
Bu eğitimde size göstereceğiz İnternet sitesi nasıl oluşturulur görsel sayfa oluşturucuyu kullanarak tamamlayın Elementor.
Ama daha önce, eğer WordPress keşfi hiç kurmadıysanız Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için
O zaman neden burada olduğumuza dönelim.
Elementor Temalarıyla Eksiksiz Bir Web Sitesi Nasıl Oluşturulur
Bu eğitimde, web sitenizin tüm önemli bölümleri için temel olarak bir temayı nasıl kullanacağınızı öğrenecek ve ardından her şeyi bir araya getireceksiniz. web sitesi oluştur tutarlı.
Daha doğrusu, tema Dijital Ajans.
Web sitenizde sayfalar gibi bir dizi temel sayfa olacaktır:
- Anasayfa
- Hakkımızda
- Hizmetler
- Müşteriler
- Blog
- İletişim
Ayrıca dinamik içeriğe ayrılmış bölümler de sunar. Örneğin, blog yayını arşivleriniz ve gönderi şablonlarınız otomatik olarak bağımsız sayfalarınızla eşleşir. Ayrıca üstbilginizi, altbilginizi ve sayfaları 404
işte İnternet sitesi nasıl oluşturulur Elementor temasıyla:
1. Elementor Hello temasını kurun ve etkinleştirin
Web sitenizin tamamını oluşturmak için Elementor ve bir tema şablonu kullanacağınız için, diğer öğeleri aramanıza gerek yoktur.
Bunun yerine, Elementor Hello temasının sağladığı hafif, performansı optimize edilmiş bir web sitesine ihtiyacınız olacak.
Başlamak için Görünüm → Temalar → Ekle ve ara " Merhaba Elementor". Ardından temayı kurun ve etkinleştirin.
2. Web sitenizin temel statik sayfalarını yapılandırın
Ardından menüye gidin Sayfalar → Ekle web sitenizin temel sayfalarını oluşturmak için.
Önce, " Anasayfa "Ve düğmesini tıklayın Elementor ile düzenle Elementor'ı başlatmak için.
Tıkla ayarlar açmak için sayfa ayarları ve düzenini eşit olacak şekilde değiştirin Elementor Tam Genişlik.
Ardından Elementor şablon kitaplığını açın ve altında "Dijital Ajans" araması yapın Sayfalar :
Bu temanın sayfa şablonlarının bir listesini görmelisiniz. Şablon ekle Ana Sayfa modeller listesinden.
Şimdi tam bir ana sayfa görmelisiniz. Başlık şimdilik biraz sıkıcı görünüyor - ancak endişelenmeyin, bunu yakında düzelteceğiz..
Ardından, " için kullanmak üzere başka bir sayfa ekleyin Hakkımızda".
Daha önce olduğu gibi, bir sayfa oluşturun ve Düzeni şu şekilde değiştirin: Öğe Tam Genişliği. Ardından şablon kitaplığını açın ve şablonu ekleyin Hakkımızda Dijital Ajans teması.
Şimdi, aşağıdakiler dahil tüm diğer sayfaları oluşturmak için aynı işlemi tekrarlayın: Hizmetler, Müşteriler ve Temas.
Henüz Blog sayfası için endişelenmeyin. Bu sayfa diğerleri gibi durağan değildir. Bu nedenle, onu orada farklı bir yöntemle oluşturacaksınız (bu öğreticide daha sonra ele alacağız).
Statik sayfalarınızı kurmayı bitirmek için, WordPress kurulumunuza statik bir ana sayfa kullanmasını söylemeniz gerekir. Bunu yapmak için…
- gidin Ayarlar → Oynatma
- seçmek Statik bir sayfa (aşağıdan seçin) ana sayfa ayarlarınız altında
- Temanın ana sayfa şablonunu içeren sayfayı seçin
3. Web sitenizin diğer bölümlerini oluşturun
Artık Elementor kullanarak web sitenizin diğer bölümlerini oluşturmaya hazırsınız. Elementor, statik sayfalar oluşturmanın ötesine geçmenizi sağlar (yukarıda yaptığınız gibi).
Elementor ile aşağıdaki gibi bölümler de tasarlayabilirsiniz: en-başlı; altbilgi, vb ...
Ve Elementor teması sayesinde, önceki adımda oluşturduğunuz statik sayfalarda bulunan tüm bölümler için şablonları içe aktarabileceksiniz.
Elementor'un görsel oluşturucusuna erişmek için şu adrese gidin: Şablonlar→ Tema Oluşturucu. Erişebilmek için Elementor Pro'yu kurmanız gerekecek.
Şimdi bölümlerinizi oluşturma zamanı
Başlık
Başlamak için sekmeye gidin üstbilgi görsel oluşturucu arayüzünün ardından Yeni Ekle. Bir sonraki ekranda, Elementor kitaplığında bir dizi şablon göreceksiniz. Statik sayfalarda yaptığınız gibi, “Dijital Ajans”ı arayın ve ardından şunu ekleyin:
Şimdi, eklediğiniz şablondan bir gezinme menüsünün yanı sıra başlığınızın görsel bir önizlemesini görmelisiniz.
değiştirmek istersen
- gidin Görünüm → Menüler WordPress kontrol panelinizde
- Yeni bir menü oluştur
Bir menü oluşturduktan sonra, 2. adımda oluşturduğunuz sayfaları navigasyon menünüze ekleyebilirsiniz.
Ayrıca Oku: Küçük İşletme Pazarlaması için 10 Otomasyon Aracı
Menü öğelerini eklemeyi bitirdiğinizde, menünüzü kaydedin ve Elementor arayüzündeki başlık şablonunuza dönün.
ebeveyn, Yayınla Başlığınızı ve web sitenizin tamamında başlık şablonunuzu görüntülemek için görüntüleme koşullarını kullanın. İsterseniz, farklı içerik türleri için farklı başlıklar oluşturmak üzere görüntüleme koşullarını da kullanabilirsiniz:
Ardından Kaydet kapat
Alt Bilgi
Şimdi web sitenizin altbilgisini oluşturma zamanı:
- Görsel sayfa oluşturucu arayüzüne dön
- Sekmesine tıklayın Altbilgi
- İçin düğmeye tıklayın Yeni Altbilgi Ekle
- Açılır pencerede altbilginize bir ad verin ve Şablon Oluştur
Şimdi, tıpkı başlığınızda yaptığınız gibi bir altbilgi şablonları listesi görmelisiniz. "Dijital Ajans" araması yapın ve altbilgi şablonunu ekleyin.
Altbilgi şablonunu ekledikten sonra, altbilginizin bir önizlemesini görmelisiniz:
ebeveyn, Yayınla altbilgi şablonunuzu ve web sitenizin tamamında görüntülemek için görüntüleme terimlerini kullanın.
sayfa blog
2. adımda oluşturduğunuz statik sayfaların aksine, web sitenizin blog sayfası bir " arşiv ". Temel olarak bu, web sitenizdeki en son içeriği dinamik olarak gösterdiği anlamına gelir.
Bir kullanıcı blog sayfasındaki belirli bir öğeye tıklarsa, o öğenin içeriğini görüntüleyen bir sayfaya yönlendirilir. Buna "tek" sayfa denir. Benzersiz tasarımınız, tüm içeriğinizin aynı görünmesini sağlar - değişen tek şey asıl içeriktir (yazı başlığı, gövde, öne çıkan resim vb.).
keşfedin Elementor ile WordPress'e içindekiler tablosu nasıl eklenir
Benzersiz arşiv sayfaları ve sayfa şablonları oluşturmak için bölgeleri değil, Elementor görsel oluşturucuyu kullanmalısınız. Kanal ou göre WordPress varsayılanı.
Başlamak…
- Tema Oluşturucu arayüzünü açın
- Arşiv sekmesine gidin
- Yeni Ekle'yi tıklayın
- Bir isim verin ve Şablon Oluştur'a tıklayın
Üstbilgi ve altbilginizde olduğu gibi, arşiv sayfası şablonlarının bir listesini göreceksiniz. "Dijital Ajans" şablonunu bulun ve ekleyin.
Şimdi makaleler sayfanızın temel tasarımını görmelisiniz.
Yalnızca bir makale görmeniz normaldir, çünkü WordPress yalnızca “Merhaba Dünya! ".
Şimdilik tek yapmanız gereken yayınlamak arşiv sayfanızı seçin ve tüm arşivlerde görüntülenecek şekilde ayarlayın.
Rehberimizi okuyun Bir WordPress web sitesini manuel olarak taşıma
Ardından, kontrol panelinizdeki gönderiler menüsüne gidebilir ve yeni blog gönderileri oluşturabilirsiniz. Her öğeyi “ adlı bir kategoriye atayın.Haberler anlayışının sonucu olarak, buzdolabında iki üç günden fazla durmayan küçük şişeler elinizin altında bulunur.
Şimdi, Blog sayfanıza gittiğinizde, tüm bu yeni gönderileri otomatik olarak görmelisiniz:
Blog yazısı şablon sayfasının oluşturulması
Bu noktada, blog sayfanız oldukça kullanıcı dostu bir görünüme sahip. Ancak belirli bir blog gönderisine tıklarsanız, düzen web sitenizin geri kalanıyla eşleşmeyecektir.
Bu sorunu çözmek için, Elementor ile "benzersiz" bir şablon oluşturmanız gerekir:
- Elementor görsel oluşturucusunu açın
- Sekmeye git Tek Çivi
- Tıkla Yeni Ekle
Açılır pencerede Yeni şablon :
- Ona bir ad verin
- seçmek Çivi açılır listede Gönderi Türünü Seçin. Bu, Elementor'a bu şablonu blog yazılarınız için kullanmak istediğinizi söyler (Sayfalar veya kullanabileceğiniz diğer bazı özel gönderi türlerinin aksine)
Bir kez daha, Elementor şablon kitaplığını göreceksiniz. "Dijital Ajans" şablonunun benzersiz makale şablonunu bulun ve ekleyin.
Ayrıca oku WordPress'te bakım modu: Açıklama ve yapılandırma
İsterseniz, sayfanızın görünümünü kontrol etmek için birçok dinamik yayınlama verisi widget'ını kullanabilirsiniz.
Örneğin, widget'ı değiştirirseniz Gönderi Bilgisi, örneğin yayında görünen meta veri öğelerini kontrol edebileceksiniz ...
- Yazar
- Yayın tarihi
- yorumlar
- Vb
Ürün modelinizden memnun olduğunuzda, yayınlamak. Ardından, bu benzersiz şablonun yalnızca "Haberin Ötesinde" kategorisindeki gönderiler için geçerli olması için görüntüleme seçeneklerini kullanabilirsiniz:
- Şunlardan seçin: kategori
- Kategori seçin Haberler
Ardından Kaydet kapat.
Artık tüm blog yazılarınız, web sitenizin geri kalanıyla eşleşen bir tasarıma sahip olmalıdır.
İşleri bitirmek için şuraya gidin: Görünüm → Menüler ve blog sayfanızı gezinme menünüze ekleyin. Bunu yapmak için bölümdeki "Haberler" kategorisine bir bağlantı ekleyebilirsiniz. Kategoriler.
Sayfa 404
Son olarak, web sitenizin 404 sayfasını oluşturmanız gerekir. Web sitenizin 404 sayfası, ziyaretçilerin bozuk bir bağlantıyı izlediklerinde veya var olmayan bir sayfayı ziyaret etmeye çalıştıklarında görecekleri yerdir.
Ayrıca bizim keşfetmek 5 WordPress eklentileri daha iyi hataları yönetmek için 404
404 sayfanızı oluşturmak için başka bir benzersiz şablon eklemek için Elementor görsel oluşturucusunu kullanın.
- Elementor görsel oluşturucusunu açın
- Sekmeye git hata 404
- Tıkla Yeni Ekle
- 404 sayfasından Dijital Ajans şablonu ekle
Ardından, web sitenizi tamamlamak için şablonunuzu yayınlayın.
Elementor Pro'yu Hemen Alın!
Sonuç
Bu yüzden ! Size adım adım gösterilen bu kılavuz için hepsi bu kadar İnternet sitesi nasıl oluşturulur Elementor ile tamamlandı. Eğer varsa yorumlar veya önerilerinizi, bize ayrılmış bölümde bildirmekten çekinmeyin.
Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.
Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...
