Eklenti olmadan WordPress'te sütunlar nasıl yapılır

Eklenti olmadan WordPress'te sütunlar nasıl yapılır

İçeriği sütunlar halinde düzenlemek, WordPress Sütunlar bloğu sayesinde çocuk oyuncağıdır. Bu blok, her WP temasında kullanılabilecek çekirdek bloklara aittir. Sütun bloğunda en fazla 6 sütun bulunabilir. Böylece 6 farklı içeriğe yan yana sahip olabilirsiniz.

Bugün size WordPress'te sütunları eklenti olmadan nasıl yapacağınızı göstereceğiz - Sütunlar bloğunu kullanarak. Ayrıca size bir özet getiriyoruz WP 5.3 sürümünden en yeni özellikler güncelleme.

Bu eğitimde aşağıdakiler hakkında bilgi bulacaksınız:

Sütunların amacı nedir?

Web sitesindeki sütunlar birden fazla uygulamaya sahip olabilir. Her şeyden önce, içeriği iyi düzenlenmiş, daha okunabilir ve tarayıcısı daha kolay hale getirebilirler. İçeriği sütunlar halinde düzenleyerek önemli bilgileri veya parametreleri vurgulayabilirsiniz.

Örneğin, hizmetlerinizi sunmak için çok sütunlu düzeni kullanabilirsiniz. Oraya açıklayıcı resim, açıklama veya düğme ekleyin. Elbette görüntüyü tıklanabilir hale getirebilirsiniz.

Hizmetlerle birlikte çok sütunlu düzen
Hizmetlerle birlikte çok sütunlu düzen

Hizmetlere benzer şekilde, ürünleri veya ürün kategorilerini göstermek için WordPress'teki sütunları kullanabilirsiniz. Basit bir işletme web siteniz varsa idealdir.

Ürünler ve kategorilerle çok sütunlu düzen
Ürünleri ve kategorileri göstermek için kullanılan sütunlar

Blog gönderilerinde, içeriği ayırmak için sütunları kullanabilirsiniz. Metni, madde işaretlerini veya resimleri yan yana yerleştirebilirsiniz.

Sütunları kullanarak ayrılmış içerik
İçeriği ayırmak için sütunları kullanma

Sütunlar eski düzenleyicide nasıl çalışırdı?

WordPress 5+ öncesinde çok sütunlu içerik oluşturmak istiyorsanız tabloları kullanmanız gerekiyordu. En yeni düzenleyiciden çok daha zordu. Dahası, genellikle mobil cihazlarda stillerle ve tabloları görüntülemeyle ilgili bir sorun vardı. Eskiden nasıl çalışırdı?

WordPress web sitesinde sütunların nasıl oluşturulacağı konusunda birden fazla seçeneğiniz oldu:

1. HTML kodunu metin düzenleyiciye manuel olarak ekleyin

<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

Bu yaklaşım, temel olarak, gereksinimlerine göre hızlı bir şekilde tablo veya sütun oluşturabilen geliştiriciler tarafından kullanıldı. Dezavantajı, tüm WordPress temalarının sütunları iyi idare edememesiydi. Tablolar genellikle mükemmel değildi ve ortalama bir kullanıcı tüm olası sorunları kolayca çözemezdi.

2. WordPress editöründe tablolara izin verme

WordPress, TinyMCE editörünü kullandığından, fonksiyonların tabloları düzenlemesine izin vermek mümkündü. Daha fazla bilgi edinmek istiyorsanız, tüm detayları bulabilirsiniz. bu forumda. Aynı şeyi AIT temalarımız için de yaparsanız tablolar düzgün çalışacaktır.

3. AIT temalarında Sütunlar öğesini kullanma

Eski WordPress temalarımızdan birini kullanıyorsanız, Sütunlar öğemizi kesinlikle biliyorsunuzdur. Bu öğe, sayfaların içine sütun eklemek için kullanılabilir. Sıralanabilir bir öğedir, yani ihtiyacınız olan her yere yerleştirebilirsiniz. Avantajı sayfa içi değişkenliğidir.

Sütun öğesi
Sıralanabilir öğe Sütunları - herhangi bir AIT Teması'nda kullanabilirsiniz

4. Tabloları yönetmek için 3. taraf eklentisini indirin

WordPress gönderilerinde ve sayfalarında sütunların nasıl oluşturulacağına ilişkin başka bir çözüm, tablo oluşturmak için mevcut eklentilerden birini indirmekti. Bu eklentiler, herhangi bir kodlama olmadan birkaç tıklama kullanarak sütunlar/tablolar eklemeye izin verir. Bunu daha az deneyimli kullanıcılar tarafından da kullanmak mümkündü.

Eklenti olmadan WordPress'te sütunlar nasıl yapılır (blok düzenleyicide)

Yeni blok düzenleyici sayesinde sütun oluşturmak son derece kolaylaştı. Hala eski WordPress kullanıyorsanız, şimdi en yeni sürüme güncellemenin tam zamanı. Sütun bloğunu kullanarak birkaç tıklamayla sütunları kolayca ekleyebilir ve yönetebilirsiniz.

Bu blok, çok sütunlu içerikle çalışmak, ürünler sunmak veya blog yazmak isteyen ve programlama deneyimi olmayan herkes için memnuniyetle karşılanan bir değişikliktir.

Sütun bloğunun nasıl ekleneceğine ve eklenti olmadan WordPress'te sütunların nasıl oluşturulacağına bir göz atalım:

  • İlk seçenek, üst çubuktaki “+” işaretine tıklayıp mevcut bloklardan Sütun bloğunu seçmektir.
  • İkinci seçenek, düzenleyicide herhangi bir yerde “+” işaretine tıklamaktır.
“+” işaretini tıklayarak WordPress'te sütun ekleyin
“+” İşaretine tıklayarak WordPress'te sütun ekleme
Eğik çizgi "/" ile Sütun bloğu ekle
WordPress'te eğik çizgi “/” kullanarak sütun ekleme

WordPress Sütun bloğunun önceden tanımlanmış düzenleri (WP 5.3'ten YENİ)

En son sürüm, sütun ayarlarında büyük iyileştirmeler getirdi. Her şeyden önce, mevcut varsayılan düzen stilleri vardır. Bu ne anlama geliyor?

Kullanıcılar, içerik alanına yeni bir blok ekleme sürecinde düzenlerini ve hizalama stillerini seçebilirler. Önceden tanımlanmış düzenler, özellikle gelişmiş WordPress becerilerine sahip olmayan kullanıcılar için çok yardımcı olabilir. Bu özellik, WordPress'te (eklenti veya başka herhangi bir eklenti olmadan) sütunların nasıl oluşturulacağını nasıl hayal ettiğimizi temsil eder.

Sütun bloğunda önceden tanımlanmış düzenler
Önceden tanımlanmış düzen seçenekleri

 

WordPress Sütunlar bloğunda önceden tanımlanmış düzeni seçmek istemiyorsanız, atlayın. Bu adımı atladıktan sonra, içerik düzenlenebilecek 2 aynı parçaya/iki ayrı sütuna ayrılacaktır.

Oluşturulan Sütunlar bloğu
Düzenleyebileceğiniz 2 varsayılan alan (sütun) içeren sütun bloğu

Sütunlar Blok temel ayarları

WordPress Sütun bloğunun kendisinde çok fazla seçenek yoktur. Neden böyle olduğunu daha sonra açıklayacağız. Üst çubukta hizalamayı geniş veya tam genişlik olarak değiştirebilirsiniz. Etkin temanız tarafından destekleniyorsa bu hizalamayı değiştirebilirsiniz.

Sütunlar bloğunun üst araç çubuğu
Hizalama seçeneklerine sahip üst araç çubuğu

En önemli Sütun bloğu ayarı, sağ taraftaki denetçi kenar çubuğundaki sütun sayısıdır. Varsayılan olarak 2 sütun vardır, ancak bu sayıyı 6'ya yükseltebilirsiniz. Fareyi kullanarak değiştirebilir veya bir sayı girebilirsiniz. Artan veya azalan sütunlardan sonra nasıl göründüğünü hemen göreceksiniz. Blok, kaydırıcıya bağlı olarak kendisini dinamik olarak değiştirir.

Sütun sayısını değiştirme
Sütun sayısını istediğiniz gibi değiştirmek için kaydırıcıyla hareket ettirin

Çok pratik çünkü ayarlarda veya kodlamada herhangi bir zor değişiklik yapmadan sütun sayısını kelimenin tam anlamıyla saniyeler içinde değiştiriyorsunuz.

WordPress editöründeki diğer bloklara benzer şekilde, Sütunlar bloğuna da Özel CSS Sınıfı ekleyebilirsiniz.

Bloklarla daha düzgün çalışma için blok ekleyici

Sütunlar bloğu özeldir çünkü onunla birden çok blok oluşturabilirsiniz. Yeni sürüm yayınlanana kadar, tek tek bloklarla çalışmak oldukça zordu. Bir blok eklemek istediğinizde, tam olarak nereye tıklayacağınızı bilmiyordunuz. Blok ekleyici (ve arka plan rengine göre farklılaşması) sayesinde, içeriği uygun sütuna eklemek daha kolaydır.

WordPress Sütunları bloğundaki ekleyiciyi engelle
Arka plan rengiyle blok ekleyici

WordPress Sütun Bloğu ile nasıl çalışılır?

Sütun bloğunun güzelliği, her sütunun diğer blokları iç içe geçirebilmesidir. Paragraf, Resim bloğu veya düğme bloğu olabilir. Maksimum sütun sayısı 6'dır, bu nedenle ihtiyacınıza göre çok sütunlu içerik oluşturabilirsiniz. Daha önce de belirtildiği gibi, ürünleri sunmak için ürün resmi, adı, fiyatı ve düğmesini yan yana ekleyebilirsiniz.

Çoklu sütun düzeninde farklı içerik türleri
Sütun bloğu ile farklı içerik türlerini yan yana sunabilirsiniz

Izgara oluşturmak için birkaç sütun bloğunu alt alta da kullanabilirsiniz. Hizmetlerinizi sunmak veya önemli özelliklerin tanıtımını yapmak için kullanabilirsiniz.

Sütun bloğu 'ızgara efekti
Alt alta yerleştirilmiş Sütun bloklarının ızgara etkisi

İç içe blokları düzenleme

Daha önce de belirttiğimiz gibi, diğer blokları sütunların içine yerleştirebilirsiniz. Her iç içe blok, mevcut tüm ayarlara sahiptir. Bu, Görüntü bloğunu sütuna eklerseniz, onu tamamen bağımsız olarak düzenleyebileceğiniz anlamına gelir. Resim bloğu.

Görüntü bloğunu iç içe blok olarak düzenleme
Sütunlar bloğunda iç içe Görüntü bloğu için kullanılabilir ayarlar

Sonuç: Sütun bloğu avantajları

WordPress blok düzenleyicisinin piyasaya sürülmesi ve sayfalarda ve gönderilerde sütunların kullanılabilirliği, kullanıcıların içerikle çalışma şeklini önemli ölçüde basitleştirdi. WordPress Sütun bloğu sayesinde artık 3. taraf çözümleri kullanmak veya HTML kodu yazmak önemli değil. Birkaç tıklamayla sütun eklemek veya silmek mümkündür. Daha az teknik kullanıcı için de her şey çok sezgisel ve hızlı.

İçeriğiniz çok sütunlu düzende güzel bir şekilde ızgaraya hizalanacaktır. Ayrıca duyarlı sürümde hemen iyi görünecektir.

WordPress blok editörü için özel olarak geliştirilmiş yeni Citadela WordPress teması üzerinde çok çalışıyorduk. Citadela teması ve mevcut düzen paketleri hakkında daha fazla bilgi edinin.

2'nin “How to make columns in WordPress without plugin” üzerine düşünceleri

    1. Merhaba David,

      Yazdığınız için teşekkürler. Tek tek sütunu seçme seçeneği sunan Gutenberg editörünü etkinleştirmelisiniz, Ayarlar Kenar Çubuğunda (Sağ Taraf) genişliğini ayarlayabilirsiniz.

      Saygılarımla!
      Zlatko
      AİT ekibi

Yoruma kapalı.