Elementor Sayfa Düzenleme

Elementor ile çok kolay yazılarımızı, sayfalarımızı düzenler, fotoğraflar yükler, grafikler oluştururuz. Hazır şablonlar (temples) kullanırız. Nasıl mı? Görelim.

Önceki yazımdan hatırlayacağımız üzere bir blog sayfası nasıl yazılır görmüştük. Aynı şekilde başlıyoruz.

WP başlangıç sayfasından

Yazılar(Posts) veya Sayfalar(Pages) kısmına giriş yapar ve Yeni yazı (Add new post) veya sayfa(page) tıklarız.

Aşağıda verdiğim resimdeki bölüm açılır.

Burada bir başlık ekle(add title) kısmına başlığımızı yazıyoruz. Net belirlemeliyiz değiştirmemek üzere. Buna göre kalıcı bağlantılar oluşuyor.

https://sportbmc.com/elementor/ gibi.

Buraya kadar yaptıklarımız önceden anlatılmıştı. Şimdi elementorla neler yapabiliyoruz bakalım.

Edit with Elementor tıklıyoruz.

İlk bilinmesi gereken

Karşımıza tam sayfanın ortasında böyle bir ikili çıkar. Sağda (Eğer Astra Starter Templetes eklentisi de yüklüyse üçlü) çıkar.

Sağdaki logo A (Starter Templetes) harfi

Bununla başlayalım. Buna tıkladığımızda hazır sayfa şablonları çıkar. Bunlardan seçip içini yazılar, fotolar veya videolarla doldurabiliriz.

Örnek olarak sol üstte olana tıkladım. Buradan bize oluşturabileceğimiz gerekli sayfaların şablonları çıktı. Hangi sayfayı oluşturmak istersek seçip içini doldurabiliriz. Import Templete butonuna basınca sayfa otomatık gelir. Gerisi sol sütundan üzerine tıkladığımız yazı, resim ve videoları kendimize özgü değiştirmekte…

Bu kısmı burada sonlandırıyorum. Birazdan zaten sol sütün nasıl kullanılır onu anlatacağım.

Dosya FILE (Add Templete)

Ortadakine logoya tıkladığımızda ise Elementora ait hazır sayfa şablonları çıkar. Search yazan yere ilgi duyduğumuz bir şeyler varsa onu vaya aşağı doğru inerek bunlardan bir şablon seçip insert butonuna tıklarsak yine şablonumuz sayfamıza gelmiş olur. Gerisi sol sütundan üzerine tıkladığımız yazı, resim ve videoları kendimize özgü değiştirmekte…

Bu kısmı burada sonlandırıyorum. Birazdan zaten sol sütün nasıl kullanılır onu anlatacağım.

EDIT WITH Elementor

Add New SECTION

Elementoru anlatmaya başlıyorum.

Soldaki + işaretine tıkladığınızda ise ‘Select Your Structure’ kısmı çıkar. Buradan yazacağımız bu bölümün kaç sütundan oluşacağını belirleriz. (Tek sütun şeklinde devam edeceksek buraya tıklamadan da drag drop ile tek sütun devam edebiliriz.) Ya da tek sütun için sol baştaki tercih edilebilir.

Bu Bölümü yazmak için üzerine geldiğinizde koyulaşan kısmı seçtim. Yani 2 sütun yaptım. Daha sonra bu kutuların içini doldurmak için aşağıda anlattığım (ELEMENTS) bölümünden sol sütünu yazmak için Text Editor seçtim, drag drop ile buraya attım. Image yazanı üstte görünen resim  için drag drop ile buraya attım. Tekrar resmin altına bu texti yazmak için Text Editor seçtim, drag drop ile buraya attım. 

Bu her bir bölümün üzerine geldiğinizde sağ köşede çıkan kalem resmine tıklayınca sol sütunda üç bölüm açılır. Ofis gibi çıkan tercihler sizi yönlendirir.

Content veya Layout: Buradan başlık, içerik, link, büyüklük,… ayarlanır.

Style: Renk, görünüm, gölge,… ayarlanır.

Advanced: Yayılması, arka plan, sınırlar,… ayarlanır. 

Elementor

Soldaki sütun neler yapabileceğimizi gösterir. Sağ köşedeki 9 nokta işaretine tıkladığımızda,

İki ana başlık çıkar

Elements: Bu bölümden ne istiyorsak drag drop ile istediğimiz yere metin(text editor), image(resim), inner selection(iki sütun), heading(başlık), video, button, divider(ayırıcı bölge), spacer(boş alan), google maps(harita), icon(ikon) eklenebilir. 

İçinde yazılı olanı silip kendi yazacağımızı yazarız, resmimizi dosya konumundan bulup ekliyor ve  alıyoruz. 

Önemli Not: Solda açılan kısma yazıları yazıyoruz.

Elementor Pro da daha fazla özellik var. Biz free olanları anlattık.

 

Text Edıtor

Text Editor alıp Drag Widget here bölümüne attığımızda bu bölüm açılır.

‘Lorem….’ olan kısım silinip kendi yazımız yazılır.

Buradan metinle ilgili olarak;

Paragraf ( Buradan seçim yaparak yazı, başlık seçilir). B (Kalın), I(İtalik), U(Altı çizili) olacağı belirtilir.

Soluna * , sayı koyabiliriz. İstediğimiz yeri belirleyip link verebiliriz. Tam ekranda yazabiliriz…

Diğer kısımları da deneme yanılmayla hallediliriz. Türkçe desteği de var. Üzerine geldiğiniz ikonun ne işe yaradığı çıkıyor.

Umarım bu yazım sizin için faydalı olmuştur.

Leave a Comment

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.