Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor.

Elementor düzenli olarak bunlardan eksiksiz bir web sitesi oluşturmanıza yardımcı olacak temalar sunar. 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.

Elementor Pro ile birleştirilen bu temalar, web sitenizin her bölümüne 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, Elementor görsel sayfa oluşturucuyu kullanarak nasıl eksiksiz bir web sitesi oluşturacağınızı göstereceğiz.

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ümlerinin temeli olarak bir temayı nasıl kullanacağınızı öğrenecek ve ardından uyumlu bir web sitesi oluşturmak için her şeyi bir araya getireceksiniz.

Daha doğrusu, tema Dijital Ajans.

Web sitenizde sayfalar gibi bir dizi temel sayfa olacaktır:

  • Anasayfa
  • Hakkımızda
  • Hizmetlerimiz
  • 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

Eksiksiz bir web sitesi nasıl oluşturulur elementor blogpascher 1

Elementor temalı bir web sitesi nasıl oluşturulur:

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".

Elementor ile web sitenizi kolayca oluşturun

Elementor oluşturmanıza izin verir Kolay ve Ücretsiz profesyonel bir görünüme sahip herhangi bir web sitesi veya blog tasarımı. Kendiniz yapabileceğiniz bir web sitesi için çok fazla ödeme yapmayı bırakın.

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:

Elementor - başlık şablonu ekle

Ş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.

Ürünlerinizi internet üzerinden mi satmak istiyorsunuz?

Fiziksel ve dijital ürünlerinizi WordPress'te satmak ve çevrimiçi mağazanızı kolayca oluşturmak için en iyi e-ticaret eklentileri olan WooCommerce'i ücretsiz indirin. Yeni başlayanlar için mükemmel.

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
404 sayfa - eksiksiz bir web sitesi oluşturun

Ardından, web sitenizi tamamlamak için şablonunuzu yayınlayın.

Elementor Pro'yu Hemen Alın!

Sonuç

Burada ! Elementor ile nasıl eksiksiz bir web sitesi oluşturacağınızı adım adım gösteren bu kılavuz için bu kadar. 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ş

...

0 hisseleri
hisse
cıvıltı
Enregistrer