Ana İçeriğe Geç

Elementor ile Eksiksiz Bir Web Sitesi Nasıl Oluşturulur

Divi: Kullanılacak en kolay WordPress teması

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

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

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 edilmiş yeni temalar yayınlıyoruz, ancak nihayet bunları kendi ihtiyaçlarınıza uyacak şekilde ö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ında
  • 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.

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 Elementor'u başlatmak için Elementor ile Düzenle düğmesine tıklayın.

açık Sayfa Ayarları ve değiştir düzen böylece eşittir 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 - ama endişelenmeyin, bunu yakında düzelteceğiz.

Ardından, sayfanız için kullanmak üzere başka bir sayfa eklemek için Elementor Finder'ı kullanın " hakkında".

Daha önce olduğu gibi, Düzeni değiştirin - Sayfa düzeni - à Elementor Tam Genişliği. Ardından şablon kitaplığını açın ve şablonu ekleyin Le Marche Leather 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.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

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 → Okuma
  • seçmek Statik sayfa 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 web sitenizin diğer bölümlerini Elementor kullanarak 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şı; 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 Başlık Ekle. Sonraki ekranda, ona bir ad verin ve ardından Şablon Oluştur.

Ardından Elementor kitaplığında bir dizi şablon göreceksiniz. Statik sayfalarda yaptığınız gibi, "Dijital Ajans" ı arayın ve ardından ekleyin:

Şimdi, başlığınızın görsel bir önizlemesini ve gezinme menünüz için biraz boş alan görmelisiniz.

Henüz bir menü oluşturmadığınız için gezinme menüsü şu anda boş. Menünüzü oluşturmak için ...

  • gidin Görünüm → Menüler WordPress kontrol panelinizde
  • Menünüze bir isim verin
  • Tıkla 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 ve 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:

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

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 yeni içeriği dinamik olarak görüntülediği anlamına gelir.

Bir kullanıcı blog sayfasındaki belirli bir öğeyi tıklarsa, o öğenin içeriğinin bulunduğu bir sayfaya götürülür. Buna "tek" sayfa denir. Benzersiz tasarımınız, tüm içeriğinizin aynı temel stile sahip olmasını sağlar - değişen tek şey gerçek içeriktir (gönderi başlığı, gövde, öne çıkan görsel vb. Gibi).

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 için ...

  • Tema Oluşturucu arayüzünü açın
  • Arşiv sekmesine gidin
  • Yeni Arşiv Ekle'ye 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 haber sayfanızın temel tasarımını görmelisiniz, ancak tek içerik varsayılan "Merhaba Dünya! WordPress'ten:

Şimdilik tek yapmanız gereken yayınlamak arşiv sayfanızı ve tüm arşivlerde görüntülenecek şekilde ayarlayın.

Rehberimizi okuyun Bir WordPress web sitesini manuel olarak taşıma

Ardından, WordPress'in normal gönderiler alanına gidebilir ve yeni blog gönderileri oluşturabilirsiniz. Her makaleyi "Beyond News" adlı bir kategoriye atayın.

Artık arşiv 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
  • Tek sekmesine gidin
  • Tıkla Yeni Single Ekle

Açılır pencerede Yeni şablon :

  • Ona bir ad verin
  • seçmek posta 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 Beyond News

Ardından Enregistrer et kapatmak.

Artık tüm blog yazılarınız, web sitenizin geri kalanıyla eşleşen bir tasarıma sahip olmalıdır.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

İş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 "Haberin Ötesinde" 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 üzere Elementor görsel oluşturucuyu kullanın. Sadece şimdi açılır listeyi kullanın Gönderi Türünü Seçin seçmek 404 Sayfa :

404 sayfa şablonunu yukarıda yapıldığı gibi ekleyin. 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ş.

...

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
0 hisseleri
hisse
cıvıltı
Enregistrer