WordPress Gutenberg öğreticisi
Birkaç on yıl sonra en çok yönlü ve kullanımı kolay CMS olarak popülerlik kazandıktan sonra, WordPress her zaman kullanıcılarını sık teknik iyileştirmelerle etkileyebilir. En son 5.0 sürümünde, WordPress yeni bir görsel editör “Gutenberg” ile geldi. Öyleyse Gutenberg ve Blokları açığa çıkaralım. Yeni bir sistem nasıl çalışır? Daha önce sahip olduğumuz editörden daha mı iyi? Gutenberg ve Gutenberg editörünün tüm avantajlarını almanıza yardımcı olacak kısa bir öğreticiye gireceğiz.
“Gutenberg” nedir? Matt Mullenweg, 2018 WordCamp Europe’daki klasik WordPress editörünü değiştirmek için yeni bir yaklaşımla geldi. Buna, geliştirme altındayken projenin adı olarak tasarlanan “Gutenberg” deniyordu. WordPress 5.0 ile piyasaya sürülen Gutenberg projesine artık daha spesifik için “WordPress Editor” veya “Block Editor” deniyor. Klasik editörler, Web yapımcılarının drag ve şu anda piyasaya sürülmesinin trendine göre biraz modası geçmiş oldu. Sonuç, WordPress Gutenberg ve web sitesi üreticisine ve sayfalarına benzer şekilde tasarlanmış tamamen yeni bir WordPress editörüdür. Gutenberg ile çalışan temalar binlerce temadır, ancak birçoğu güncel değildir. İşte Gutenberg temasını yayınlayan bazı yeni ve havalı dükkanlar.Marka
Teklif
Talep Kuponu
Zarif tema
% 20 indirim Elegantthemes, bir sonraki satın alma işleminiz için otomatik olarak uygulanan% 20 indirim aldığınız gizli bir yön sayfasına sahiptir.
İndirim Talepleri Web Sitelerini Ziyaret Edin
% 20 indirim Elegantthemes, bir sonraki satın alma işleminiz için otomatik olarak uygulanan% 20 indirim aldığınız gizli bir yön sayfasına sahiptir.
İndirim Talepleri Web Sitelerini Ziyaret Edin
Temalı ada
% 10 indirim İndirim Talebi düğmesini tıklayın ve bir sonraki satın alma işleminde% 10 tasarruf etmek için yeni Birate10 kupon kodunu kullanın.
İndirim Talepleri Web Sitelerini Ziyaret Edin
% 10 indirim İndirim Talebi düğmesini tıklayın ve bir sonraki satın alma işleminde% 10 tasarruf etmek için yeni Birate10 kupon kodunu kullanın.
İndirim Talepleri Web Sitelerini Ziyaret Edin
Canavar şablonu
% 7 indirim Templatemonster şu anda tüm WordPress temaları için% 7 indirim var, herhangi bir kod kullanmanız gerekmez, promosyon indirimlerine erişmek için bağlantıyı tıklamanız yeterlidir.
İndirim Talepleri Web Sitelerini Ziyaret Edin
% 7 indirim Templatemonster şu anda tüm WordPress temaları için% 7 indirim var, herhangi bir kod kullanmanız gerekmez, promosyon indirimlerine erişmek için bağlantıyı tıklamanız yeterlidir.
İndirim Talepleri Web Sitelerini Ziyaret Edin
Olağanüstü Tema
% 25 indirim süperBthemes, eklentiler ve temalar için bir kez abonelik ve satın alma dahil tüm fiyat paketleri için% 25 indirim var.
İndirim Talepleri Web Sitelerini Ziyaret Edin
% 25 indirim süperBthemes, eklentiler ve temalar için bir kez abonelik ve satın alma dahil tüm fiyat paketleri için% 25 indirim var.
İndirim Talepleri Web Sitelerini Ziyaret Edin
Şablon
% 15 indirim, SuperB15 kodunu kullanarak bir sonraki şablon satın alımı için% 15 tasarruf sağlar. Tempratik yüksek kaliteli temalar ve eklentiler satar.
İndirim Talepleri Web Sitelerini Ziyaret Edin
% 15 indirim, SuperB15 kodunu kullanarak bir sonraki şablon satın alımı için% 15 tasarruf sağlar. Tempratik yüksek kaliteli temalar ve eklentiler satar.
İndirim Talepleri Web Sitelerini Ziyaret Edin
Wordpress.com
Şu anda herhangi bir indirim yok WordPress.com, Cyber Pazartesi gibi etkinlikler sırasında ürünlerine indirim ekliyor, şu anda indirim yapıp yapmadıklarını görmek için web sitelerini ziyaret edin.
İndirim Talepleri Web Sitelerini Ziyaret Edin
Gutenberg ile çalışan eklentiler WordPress pazarında birçok eklenti var, ancak hepsi Gutenberg editörü ile çalışmıyor. Bunlar bunu yapanlar.
Marka
Teklif
Talep Kuponu
Şu anda herhangi bir indirim yok WordPress.com, Cyber Pazartesi gibi etkinlikler sırasında ürünlerine indirim ekliyor, şu anda indirim yapıp yapmadıklarını görmek için web sitelerini ziyaret edin.
İndirim Talepleri Web Sitelerini Ziyaret Edin
Gutenberg ile çalışan eklentiler WordPress pazarında birçok eklenti var, ancak hepsi Gutenberg editörü ile çalışmıyor. Bunlar bunu yapanlar.
Marka
Teklif
Talep Kuponu
bölüm
% 20 indirim Elegantthemes, Divi satın alımınıza otomatik olarak uygulanan% 20 indirim aldığınız gizli bir sayfaya sahiptir.
İndirim Talepleri Web Sitelerini Ziyaret Edin
% 20 indirim Elegantthemes, Divi satın alımınıza otomatik olarak uygulanan% 20 indirim aldığınız gizli bir sayfaya sahiptir.
İndirim Talepleri Web Sitelerini Ziyaret Edin
sanatçı
% 10 indirim İndirim Talebi düğmesini tıklayın ve tüm fiyat paketlerinde% 10 indirim almak için Perfmatters kodunu girin.
İndirim Talepleri Web Sitelerini Ziyaret Edin
% 10 indirim İndirim Talebi düğmesini tıklayın ve tüm fiyat paketlerinde% 10 indirim almak için Perfmatters kodunu girin.
İndirim Talepleri Web Sitelerini Ziyaret Edin
Optinmonster
Tüm ürünler için% 40 indirim Optinmonster web sitesini ziyaret etmek için indirim talep düğmesine tıklayın ve bir sonraki satın alma için% 40 indirim almak için VIP20OFF Kupon Koduna girin.
İndirim Talepleri Web Sitelerini Ziyaret Edin
Tüm ürünler için% 40 indirim Optinmonster web sitesini ziyaret etmek için indirim talep düğmesine tıklayın ve bir sonraki satın alma için% 40 indirim almak için VIP20OFF Kupon Koduna girin.
İndirim Talepleri Web Sitelerini Ziyaret Edin
Olağanüstü Tema
% 25 indirim süperBthemes, eklentiler ve temalar için bir kez abonelik ve satın alma dahil tüm fiyat paketleri için% 25 indirim var.
Wordpress.com
% 25 indirim süperBthemes, eklentiler ve temalar için bir kez abonelik ve satın alma dahil tüm fiyat paketleri için% 25 indirim var.
Wordpress.com
Şu anda herhangi bir indirim yok WordPress.com, Cyber Pazartesi gibi etkinlikler sırasında ürünlerine indirim ekliyor, şu anda indirim yapıp yapmadıklarını görmek için web sitelerini ziyaret edin.
İndirim Talepleri Web Sitelerini Ziyaret Edin
“Blok” nedir? Blok sadece bir içerik parçası. Metin, ses dosyası, fotoğraf veya fotoğraf galerisi veya hatta video paragrafı olabilir. Bu, Gutenberg düzenleme deneyiminin temelidir. Bloklar yayınlar ve web sayfaları yapmak için kullanılır. Kullanıcıların genellikle WordPress’e girdikleri, Gutenberg’de inşa edilmiş standart bloklardır ve Gutenberg editörü kullanan herhangi bir WordPress sitesi için kullanılabilir. Gutenberg, programcıların mevcut blokları genişletmesine ve genişletmesine izin verecek şekilde yapılır. Bloklar eklentiler veya temalar kullanılarak eklenebilir. Bu nedenle, kullanıcılar standart bloklarla sınırlı olmak yerine ek bloklara erişebilirler.
Gutenberg’i WordPress editörü olarak kullanarak WordPress 5.0’ı kullandığınızda, 5.0 için varsayılan metin düzenleyicisi olarak “Block Editor” veya “Gutenberg Editor” i alırsınız. Bugün yeni blok düzenleyiciyi tanımanıza yardımcı olacağız. Dalış yapalım. İlk şey, her zamanki gibi yeni bir gönderi yapmak “Yayın altında” Yeni Ekle “yi yapmaktır. Artık yeni bir bloğunuz var. Bu çok farklı görünüyor değil mi? Klasik bir editörden orada olmayan bir araç yok. Bu özellikleri ve düğmeleri tanıyalım. Tepe: Bu üstü kullanarak yeni bloklar ekleyebilir ve ayrıca blok değişikliklerini iptal etme ve tekrarlama gibi eylemler yapabilirsiniz. İçerik yapınız hakkında kelime sayısı, başlıklar, paragraflar ve bloklar gibi bilgileri de görebilirsiniz. “I” düğmesini kullanarak blok etrafında bile gezinebilirsiniz. Taslak kaydetme, yayın gönderme ve yayınlama gibi bazı temel gönderim işlevleri üstte yer alır. Dişli simgesi sağ tarafta görülen düzenlemeyi ortaya çıkarır. Burada “belge” ve “blok” ayarları arasında geçiş yapabilirsiniz. Belge bölümünün görüntülenmesi klasik düzenleyiciye çok benzer. Burada durum ve görünürlük, kategoriler, etiketler, özellikler ve özellikler de seçebilirsiniz. Blok parçasının görüntülenmesi, ekledikten sonra herhangi bir blok ayarını değiştirmenizi sağlar. Bu işlev, yazı tipi boyutu, büyük harf ve daha fazlası gibi herhangi bir blok ve değiştirme özellikleri için ayarları değiştirmeyi çok kolaylaştırır. Her blok için bireyin arka plan rengi ve hatta her bir blok için ek CSS sınıfını etkinleştirir. Son olarak, en üstteki üç nokta ek düzenlemeler ortaya çıkarır. Buradan blok düzenleyicinizin görünümünü ve hissini ayarlayabilirsiniz. Blok aracının ekranını seçebilirsiniz. “Visual Editor” ve “Kod Düzenleyicisi” arasında bile seçim yapabilirsiniz. Yeniden kullanılabilecek, klavye kısayolu oluşturabilecek ve içeriği kopyalayabilen blokları yönetmek için bazı araçlar da vardır. Bir blok eklemek, yeni düzenleyiciye ana fikrin blok eklemek olduğu yerdir. Daha önce de belirtildiği gibi, bloklar yeni blok düzenleyicinin temel kısmıdır. Editör sayfasının sol üst kısmına bakın. Bu size belirli bir amaç için tasarlanmış istenen blok türünü seçebileceğiniz bir gerilme menüsü verecektir. Arama çubuğunu kullanarak, ihtiyaçlarınıza uygun doğru bloğu bulabilirsiniz. Ardından, menüde aşağı kaydırın ve temel işlevlerine göre birkaç blok daha göreceksiniz. Bu genel bir blok, biçimlendirme, widget ve seman vb. Sadece tek bir tıklama ile istediğiniz uygun bloğu seçin.
Ardından, bloğunuza içerik eklemeye başladıktan sonra küçük bir araç çubuğuna da tanıtılacaksınız. Bu araç çubuğunun işlevi, seçtiğiniz blok türüne bağlıdır. Bu araç, seviyelendirme, stil, menqution ve diğerleri gibi içerik stili için düzenleme yapmak için mevcuttur. Blok değiştirme düğmesi geçerli blok kuvvetini değiştirmek için vardır. Örneğin, paragraf bloğunu başlık, önceden oluşturulmuş bir blok, liste, alıntı veya ayet olarak değiştirebilirsiniz. Son üç nokta size blok ayarlarını gizleme, çoğaltma, bir HTML olarak düzenleme, yeniden kullanılabilecek bir bloğa ekleme ve elbette bloğu silme gibi birkaç seçenek daha verecektir. Ayrıca daha önce INSERT kullanarak daha fazla blok ekleyebilir ve sonra ekleyebilirsiniz. Bu, içerik eklemeniz veya hızlı bir düzeltme yapmanız gerektiğinde kullanışlıdır. Seçtiğiniz seçeneğe bağlı olarak, bu yalnızca seçtiğiniz bloktan veya daha sonra bir blok ekleyecektir. Bu sistem çok sezgiseldir ve hemen mantıklı olacaktır.
Her bloğun blok ayarlarını değiştirmek, ihtiyaçlarınızı karşılayacak şekilde ayarlanabilir. Ayarlamak istediğiniz bloğu tıklayarak, bloğunuzu sağ kenar çubuğunda ayarlayabileceğiniz çeşitli kapsam verilecektir. Belirli bir bloğun üst kısmındaki veya çubuğundaki dişlileri kullanarak bu seçeneği görüntüleyebileceğinizi veya gizleyebileceğinizi unutmayın. Blok ayarları ayrıca seçtiğiniz blok türüne de bağlıdır. Örneğin, bir paragraf bloğu kullanıyorsanız, blok ayarı yazı tipi, yazı tipi türleri veya arka plan renklerinin boyutunu seçmenize izin verir. Genellikle orada olmayı düşündüğünüz bloğunuzu ayarlamak için tüm seçeneklere sahip olacaksınız. Gutenberg, yeni geliştiriciler tarafından çok kullanıcı ve kullanımı kolaydır. Gutenberg WordPress öğreticisini bitirirken, bu kısa WordPress Gutenberg öğreticisinin WordPress 5.0 ile dolu yeni editöre alışmanıza yardımcı olduğunu umuyoruz. Bu kılavuzu okuduktan sonra artık “Gutenberg” ile yeni başlayan olmayacağından eminiz. Yeni blok düzenleyicisi sadece kullanımı kolay değil, aynı zamanda güçlüdür, çünkü siteyi pek çok seçenekle bu kadar hızlı hale getirebilir. Özel bir blok yapın ve görünümü ayarlamak için araçlar kullanın ve bu blok düzenleyicinin sofistike bir özelliğidir. Ayrıca yeni bloklar eklemek ve içerik eklemek için kullanımı kolay arayüzler de vardır. Eğer ortaya çıkıyorsa, eski editörü tercih edersiniz ve yeni editörleri sevmezsiniz, endişelenmeyin. İstediğiniz zaman klasik bir düzenleyiciye geri dönebilirsiniz. Bu iki dünyanın en iyisidir ve insanların onları en üretken yapan editörü kullanmasına izin verecektir.
İndirim Talepleri Web Sitelerini Ziyaret Edin
“Blok” nedir? Blok sadece bir içerik parçası. Metin, ses dosyası, fotoğraf veya fotoğraf galerisi veya hatta video paragrafı olabilir. Bu, Gutenberg düzenleme deneyiminin temelidir. Bloklar yayınlar ve web sayfaları yapmak için kullanılır. Kullanıcıların genellikle WordPress’e girdikleri, Gutenberg’de inşa edilmiş standart bloklardır ve Gutenberg editörü kullanan herhangi bir WordPress sitesi için kullanılabilir. Gutenberg, programcıların mevcut blokları genişletmesine ve genişletmesine izin verecek şekilde yapılır. Bloklar eklentiler veya temalar kullanılarak eklenebilir. Bu nedenle, kullanıcılar standart bloklarla sınırlı olmak yerine ek bloklara erişebilirler.
Gutenberg’i WordPress editörü olarak kullanarak WordPress 5.0’ı kullandığınızda, 5.0 için varsayılan metin düzenleyicisi olarak “Block Editor” veya “Gutenberg Editor” i alırsınız. Bugün yeni blok düzenleyiciyi tanımanıza yardımcı olacağız. Dalış yapalım. İlk şey, her zamanki gibi yeni bir gönderi yapmak “Yayın altında” Yeni Ekle “yi yapmaktır. Artık yeni bir bloğunuz var. Bu çok farklı görünüyor değil mi? Klasik bir editörden orada olmayan bir araç yok. Bu özellikleri ve düğmeleri tanıyalım. Tepe: Bu üstü kullanarak yeni bloklar ekleyebilir ve ayrıca blok değişikliklerini iptal etme ve tekrarlama gibi eylemler yapabilirsiniz. İçerik yapınız hakkında kelime sayısı, başlıklar, paragraflar ve bloklar gibi bilgileri de görebilirsiniz. “I” düğmesini kullanarak blok etrafında bile gezinebilirsiniz. Taslak kaydetme, yayın gönderme ve yayınlama gibi bazı temel gönderim işlevleri üstte yer alır. Dişli simgesi sağ tarafta görülen düzenlemeyi ortaya çıkarır. Burada “belge” ve “blok” ayarları arasında geçiş yapabilirsiniz. Belge bölümünün görüntülenmesi klasik düzenleyiciye çok benzer. Burada durum ve görünürlük, kategoriler, etiketler, özellikler ve özellikler de seçebilirsiniz. Blok parçasının görüntülenmesi, ekledikten sonra herhangi bir blok ayarını değiştirmenizi sağlar. Bu işlev, yazı tipi boyutu, büyük harf ve daha fazlası gibi herhangi bir blok ve değiştirme özellikleri için ayarları değiştirmeyi çok kolaylaştırır. Her blok için bireyin arka plan rengi ve hatta her bir blok için ek CSS sınıfını etkinleştirir. Son olarak, en üstteki üç nokta ek düzenlemeler ortaya çıkarır. Buradan blok düzenleyicinizin görünümünü ve hissini ayarlayabilirsiniz. Blok aracının ekranını seçebilirsiniz. “Visual Editor” ve “Kod Düzenleyicisi” arasında bile seçim yapabilirsiniz. Yeniden kullanılabilecek, klavye kısayolu oluşturabilecek ve içeriği kopyalayabilen blokları yönetmek için bazı araçlar da vardır. Bir blok eklemek, yeni düzenleyiciye ana fikrin blok eklemek olduğu yerdir. Daha önce de belirtildiği gibi, bloklar yeni blok düzenleyicinin temel kısmıdır. Editör sayfasının sol üst kısmına bakın. Bu size belirli bir amaç için tasarlanmış istenen blok türünü seçebileceğiniz bir gerilme menüsü verecektir. Arama çubuğunu kullanarak, ihtiyaçlarınıza uygun doğru bloğu bulabilirsiniz. Ardından, menüde aşağı kaydırın ve temel işlevlerine göre birkaç blok daha göreceksiniz. Bu genel bir blok, biçimlendirme, widget ve seman vb. Sadece tek bir tıklama ile istediğiniz uygun bloğu seçin.
Ardından, bloğunuza içerik eklemeye başladıktan sonra küçük bir araç çubuğuna da tanıtılacaksınız. Bu araç çubuğunun işlevi, seçtiğiniz blok türüne bağlıdır. Bu araç, seviyelendirme, stil, menqution ve diğerleri gibi içerik stili için düzenleme yapmak için mevcuttur. Blok değiştirme düğmesi geçerli blok kuvvetini değiştirmek için vardır. Örneğin, paragraf bloğunu başlık, önceden oluşturulmuş bir blok, liste, alıntı veya ayet olarak değiştirebilirsiniz. Son üç nokta size blok ayarlarını gizleme, çoğaltma, bir HTML olarak düzenleme, yeniden kullanılabilecek bir bloğa ekleme ve elbette bloğu silme gibi birkaç seçenek daha verecektir. Ayrıca daha önce INSERT kullanarak daha fazla blok ekleyebilir ve sonra ekleyebilirsiniz. Bu, içerik eklemeniz veya hızlı bir düzeltme yapmanız gerektiğinde kullanışlıdır. Seçtiğiniz seçeneğe bağlı olarak, bu yalnızca seçtiğiniz bloktan veya daha sonra bir blok ekleyecektir. Bu sistem çok sezgiseldir ve hemen mantıklı olacaktır.
Her bloğun blok ayarlarını değiştirmek, ihtiyaçlarınızı karşılayacak şekilde ayarlanabilir. Ayarlamak istediğiniz bloğu tıklayarak, bloğunuzu sağ kenar çubuğunda ayarlayabileceğiniz çeşitli kapsam verilecektir. Belirli bir bloğun üst kısmındaki veya çubuğundaki dişlileri kullanarak bu seçeneği görüntüleyebileceğinizi veya gizleyebileceğinizi unutmayın. Blok ayarları ayrıca seçtiğiniz blok türüne de bağlıdır. Örneğin, bir paragraf bloğu kullanıyorsanız, blok ayarı yazı tipi, yazı tipi türleri veya arka plan renklerinin boyutunu seçmenize izin verir. Genellikle orada olmayı düşündüğünüz bloğunuzu ayarlamak için tüm seçeneklere sahip olacaksınız. Gutenberg, yeni geliştiriciler tarafından çok kullanıcı ve kullanımı kolaydır. Gutenberg WordPress öğreticisini bitirirken, bu kısa WordPress Gutenberg öğreticisinin WordPress 5.0 ile dolu yeni editöre alışmanıza yardımcı olduğunu umuyoruz. Bu kılavuzu okuduktan sonra artık “Gutenberg” ile yeni başlayan olmayacağından eminiz. Yeni blok düzenleyicisi sadece kullanımı kolay değil, aynı zamanda güçlüdür, çünkü siteyi pek çok seçenekle bu kadar hızlı hale getirebilir. Özel bir blok yapın ve görünümü ayarlamak için araçlar kullanın ve bu blok düzenleyicinin sofistike bir özelliğidir. Ayrıca yeni bloklar eklemek ve içerik eklemek için kullanımı kolay arayüzler de vardır. Eğer ortaya çıkıyorsa, eski editörü tercih edersiniz ve yeni editörleri sevmezsiniz, endişelenmeyin. İstediğiniz zaman klasik bir düzenleyiciye geri dönebilirsiniz. Bu iki dünyanın en iyisidir ve insanların onları en üretken yapan editörü kullanmasına izin verecektir.