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 901.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 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
  • 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

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 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 :

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

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

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

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

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

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ş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 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:

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

Ş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

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

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:

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

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:

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

ebeveyn, Yayınla altbilgi şablonunuzu ve web sitenizin tamamında görüntülemek için görüntüleme terimlerini kullanın.

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]

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 öğeye tıklarsa, o öğenin içeriğinin bulunduğu bir sayfaya yönlendirilir. 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 asıl içeriktir (makale 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 Arşiv Ekle'ye tıklayın
  • Bir isim verin ve Şablon Oluştur'a tıklayın

Üst bilgi ve alt bilginizde 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:

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

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

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

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 Ç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

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

Ürün modelinizden memnun olduğunuzda, Yayınlamak. Ardından, bu benzersiz şablonun yalnızca "Haberlerin Ö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 Haberin Ötesinde

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

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.

İş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 Ötesi” kategorisine bir bağlantı ekleyebilirsiniz. Kategoriler.

Ç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]

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 :

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

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 hesabınız yayımlanmayacak. 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