Özelleştirme (Customize) Typograpy yazımla sitemizi kendi isteğimize göre şekillendirmeye çalışacağız, ancak ve maalesef temamızın izin verdiği ölçüde özelleştirebiliriz. Daha özgür bir site için ücretli temaya geçmenizi tavsiye ederim. Benim için yeterli bu noktada karar sizin.

Genel hatlarıyla WP  yazımda WP i ayırdığımız 4 ana bölüm vardı. 

2. Bölüm de sol üstten Site adımızın altında Siteyi Görüntüle(Visit Site)  tıklıyoruz.  Sitemizi WP Özelleştir(Customize) Typograpy kısmına buradan giriş yapabiliriz.

yada 1. Bölümden Görünüm/Özelleştir kısmına girerekte aynı adıma ulaşabiliriz.

Burada Özelleştir (Customize) e girerek bazı özel ayarlar yapabiliriz.

Burada yaptığımız değişiklikler tüm sitemizde yapılmış olur. Bu nedenle sitemizin nasıl görüneceği buradan ayarlanır. 

Özelleştir (Customize) Typograpy e girelim. Burada birçok başlık karşımıza çıkar. Şimdi bunları tek tek ele alalım.

Kalem İşareti Olan Yerler(1. okun gösterdiği yerlerin tamamı)
  1. Kalem işareti olan yerler çıkar karşımıza (WP deki 3. ana bölümde). Kalem işareti olan yerlere tek tek tıklayarak neleri değiştirebileceğimizi kolayca görebiliriz.  

Örnek: 1 no yanındaki kalem işareti tıklanırsa (sol üst kısımda görülen),

Logo ekleyip çıkarabiliriz. Logonun boyutunu ayarlayabiliriz. İlgili kısımlar açılarak bunun gibi değişiklikler yapabiliriz.

Benzer şekilde altındaki kalem işaretlerinden sırayla  Site başlığı, Slogan ayarları yapılabilir.

Sağ üst köşedeki kalem işaretine tıklarsak görünmesi gereken menü ayarlanır. Üstte(Header) menü, Sayfanın en altında Altta(Footer) menü.

Bunun altındaki kalem tıklanırsa Main Sidebar da neler olması gerekiyorsa buna karar verilir.

…………………………

En alta inersek buradan da değişiklikler yapılabilir. Footer dediğimiz bölgede hangi bileşenler(widgetler) olsun istiyorsak ona göre ayar yapılır.

Copyright kısmı ayarlanabilir. Astra bunu otomatik ayarlar. İstersek değiştirebiliriz.

  1. Astra

Buradan tema değişikliği yapılabilir. (Buradaki tüm özellikler temaya göre değişiklik gösterebilir.) Temaya bu nedenle baştan net karar verip değiştirmemekte fayda var. Astra ve birçok temanın paralı olan bölümü de var. Bu nedenle tema değiştirmek yerine temanın paralısı(More Options Available in Astra Pro!) daha mantıklıdır. Ücretli olduğunda ne gibi değişiklikler ve artıları var buradan inceleyebilirsiniz.

  1. Global:

Buradan karşımıza

Typography: 
  Base Typography:

Sitemizin genel bölümlerinde kullanacağımız yazı stili, boyutu, aralıkların ayarları yapılır.

  Headings:

Başlıkların yazı stili, boyutu, aralıkların ayarları yapılır.

  Colors: 

 Base Colors: Sitemizin genel bölümlerinde kullanacağımız renk ayarları yapılır.

  Containers: 

Sayfanın nasıl yayılacağı dar veya geniş. Weight 1200 otomatik gelmiş. Olduğu gibi bırakmakta fayda var. Layout (Genel sitenin yayılımı), Page Layout(Sayfa yayılımı) , Blog Post Layout (Blog sayfasının yayılımı), Archives Layout(Arşivin yayılımı) ayarlanır. Buradan her biri için seçeneklerden Kutu içinde(Boxed), İçerik Kutu içinde(Content Boxed), İçerik tam yayılmış (Full Width/Contained), yada tam yayılmış (Full Width/Stretched) seçilebilir. Kendimiz deneyerek istediğimizi seçebiliriz. 

  Buttons:

Görünen tuşların renkleri, çerçeve rengi, aradaki boşluk ayarları yapılır. 

  1. Header:
  Site Identity:

Logo ekleyip çıkarabiliriz. Logonun boyutu ayarlanabilir.  (Bunu 1 nolu kaleme tıklayarak da yapabiliriz.)

 Primary Header: 

Layout: Logo, Slogan ve Menünün nasıl görüneceği ayarlanır. 3 farklı durum var. 

Width: Burada 2 şık var ya Full Width ya da Content Width. Deneyerek bakabilirsiniz.

Bottom Border Size: Menünün altında bir çizgi olmasını isterseniz bunun kalınlık ve rengini ayarlayabilirsiniz.

Mobile Headere(Layout): Mobil de menü, logo, site başlığı ve sloganın nasıl görüneceği ayarlanır.

Primary Header boyut ayarla bir geri gelip burada sitede kullanılacak yazı vs. boyutları, kaç adet görünecek yazılar vs.

Primary Menu:

Menu: Disable menu tik koyarsak menü blogta görünmez. 

Last Item in Menu: Menüdeki son butonun ne olacağına karar verin. None, Button, Search, Text/Html, Widget seçeneklerinden biri seçilerek tercih yapılır.

Sub Menu: Alt menülerin nasıl görüneceğine karar veririz. Fakat ücretsiz teme alt menü sunmadığı için buradan bir sonuç alamayız.

Mobile Menu: Menu Breakpoint ile Menü ile sayfa arasındaki boşluk ayaranır. Menu Label Menüye bir etiket verilebilir. Toggle Button Style ile menünün görünme şekli ayarlanır. Fill, Minimal, Outline biri seçilebilir. Toggle Button Color Renk seçilir. Border Radius Çerçeve çapı ayarlanır. Dropdown Target görünme biçimi ayarlanır. Icon, Link

 

 Transparent Header:

Şeffaf başlık  oluşturmak için kullanın. Enable on Complete Website tiklediğimizde tüm site bu şeffaflığı kazanır. Fakat bende menü, logo vs. yukarı kaydığı için ona göre tekrar ayar yapmam gerekti. Alttaki seçenekler çıkar. 

  •  
  •  
  •  
  •  
  •  

Tercih sizin. Deneyerek anlamakta fayda var.

Enable On kısmından sadece Desktop+Mobile hangisinde uygulayacağımıza karar veririz.

Bu kısmı uyguladığımız bölümlere farklı bir logo seçebiliriz. alt kısımdan logonun büyüklüğünü ve renk vs. seçimleri yapabiliriz. 

  1. Breadcrumb:

Ekmek kırıntısı demek

Position:

Altından None, Inside Header, After Header, Before Title seçim yapıp bir ayraç(») kullanmak için. Birini seçtiğimizde nerelerde görünmesini istemiyorsak tik koyuyoruz. renk, yer vs. ayarlanır.

  1. Blog:
  Blog/Archive:

Bloğa yazdığımız yazının baş kısmı nasıl görüleceğine karar veriyoruz.

Post Structure: Resim altında Başlık ve Meta (Yer değiştirebiliriz.)

Meta: yazar/kategori/yorumlar (Yer değiştirebiliriz.)

Post Content: Özet veya tamamı mı görüneceğine karar veriyoruz.

Typography: Yukarda verdiğimiz kısımların boyutu ayarlanır.

Single Post:

Tek yazı yazdığınızızda nasıl görüleceği buradan ayarlanır. Resim, başlık boyutu. Fazlası yine paralı Astra da

  1. Sıdebar:

Sağ veya solda Yazılar, Arşiv, Kronoloji vs. bunlara Sidebar(Kenar çubuk) denir. Bu sidebarların nerede görünmesini istiyorsak ona karar verilir.

  1. Footer:

En alttaki sabit bölüme Footer(Ayak bölümü) denir. Burası da sitenin her yerinde görünen kısımdır.

Footer Widgets:

Footer bölümünün nasıl görüneceği(görünmeyeceği) yayılma durumu ayarlanır. Geri plan ve içerik renk ayarı. Üst sınır rengi ve kalınlığı yani yüksekliği ayarlanır.

Footer Bar:

Footer widgets bunlarında altınadayer alan 2 kısımdan oluşan bölüm.

1. Burada hangi menü görünsün istiyorsak onun seçimi ve nasıl yerleşeceği.

2. Copyright ayarı.

Ben  Copyright © 2020 Sportbmc | Credits | Powered by Sportbmc şeklinde yazdım. Sizde kendinize uygun değişikliği yapabilirsiniz.

Buranın alt kısmındaki seçeneklerden boyut, sınır çizgi kalınlığı, geri plan ve içerik renkleri ayarlanır.

  1. Menus(Menüler):

Oluşturduğumuz menüler burada görünür. Buradan birini seçip, yukarı aşağı taşıyarak sayfa yerleri ayarlanabilir. Sayfa üzerine tıklayıp isim değiştirebilir ve kaldırabiliriz. Ücretsiz Astra temamız menüyü koyabileceğimiz iki farklı yere izin veriyor.  Menü konumları kısmından tik koyarak ayarlarız. Astra Pro’da farklı yerlere de koyulabilir.

  1. Bileşenler(Widgets):

Ücretsiz Astra temanın izin verdiği Footer Widget Area 1,2,3,4 farklı yerlere yerleştirilebilir.

+Bir bileşen ekle butonundan  ekleyebileceklerimizi görüp karar verip yerleştirebiliriz.

  1. Homepage Settings(Anasayfa Ayarları):
Burada iki seçenek var.
  1. Klasik bir blog sayfası olsun istersek your latest posts seçilir.
  2. Static page seçersek 2 sayfa oluştururuz. 1. home 2. posts.

(A static page seçmekte fayda var.)

Anasayfa için farklı bir sayfanızı da kullanabilirsiniz. Siteniz açıldığında bu görünür.

Yazıların göründüğü sayfanız içinse genelde blog seçilebilir.(Ben günce dedim)

+ yeni sayfa dan değişiklik yapabiliriz.

12. Additional CSS:

Burayı şimdilik boş bırakalım.  Stil sunum bilgilerini (renkler ve düzen gibi) HTML yapınızdan ayrı olarak saklamanızı sağlar. Bu, web sitesi düzeninizin hassas bir şekilde kontrol edilmesini sağlar ve sayfalarınızın daha hızlı ve güncellenmesini kolaylaştırır. Kodlama yapmadan devam ediyoruz.

Burada kodlar girerek düzenlemeler yapabiliriz. Sitemizi daha özel hale getirebiliriz. Aşağıdaki yazı çıkar.

/* You can add your own CSS here. Click the help icon above to learn more. */

En temel her blog için olmazsa olmaz eklentilerden 11 tanesi

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.