ev borcu WordPress sitesi
Gelişmiş Gutenberg Blog Gönderi Düzenlerini Nasıl Oluşturabilirim?
[00:00] Hey, millet, bu Isotropic'ten James ve bu videoda, Gutenberg'de oldukça gelişmiş mizanpajların nasıl oluşturulacağını tartışacağım ve bu özellikle blog yazısı oluşturmak için. Güzel bir blog yazısı yapmaya çalışıyorsanız ve herhangi bir sayfa oluşturucu kullanmak istemiyorsanız ve benim veya son videomu okuyabilirseniz veya aşağıdaki bağlantının transkripsiyonunu okuyabilirseniz nedenini öğrenmek için Gutenberg yerine Gutenberg kullanmanızı öneririm. blog gönderileri oluşturmak için sayfa oluşturucular.
[00:26] Ancak bu videoda, Gutenberg ile gerçekten güzel bir blog yazısının nasıl oluşturulacağını tartışacağız. O halde hemen konuya girelim. Bugün, Gutenberg'deki her blog gönderisini temelde kopyalayacağımız bir demo sitesi kullanacağız. Size bu tarz bir stili nasıl yapacağınızı göstereceğim. İlk olarak, Gutenberg'in tam teşekküllü bir web sitesi oluşturucu olmadığını ve bence sadece blog gönderileri için kullanılması gerektiğini anlamalısınız.
[00:55] Görsel bir oluşturucu istiyorsanız, Elementor ile gidin oksijen oluşturucu ile gidin, tam bir web sitesi oluşturmak için henüz Gutenberg'i kullanmayın.
[01:04] Ancak, Elementor ile oluşturulmuş eksiksiz bir web siteniz varsa ve blog gönderileri oluşturmaya çalışıyorsanız, kesinlikle Gutenberg'e gidin. Yani bu örnekte, bu bir sayfa, bu bir açılış sayfası. Bu, Elementor veya başka bir sayfa oluşturucu ile oluşturulabilir veya yeniden kodlanabilir veya özel bir tema veya tema veya buna benzer herhangi bir şey aracılığıyla yapılabilir. Bu Gutenberg ile inşa edilecek bir şey değil. Şimdi, bu bir blog gönderisi ve hala başlığınız var, hala ilk gönderiniz ve bazı ek kenar çubuğu öğeleri ve burada her şey var, ancak içerik Elementor temasında veya Oxygen'de oluşturulacak.
[01:46] Ve bu, buradaki tek gönderinize uygulanan bir şablon olacaktır. Birçok kişi, bunu eklemek ve bunu eklemek ve bunu eklemek için kullanacağınız Elementor gibi karmaşık düzenler oluşturmak için sayfa oluşturucuları kullanıyor. Ve Gutenberg'i kullanmak isteyeceğiniz yer burasıdır. Böyle. Özellikle Elementor açısından, uh, öyle. Tek gönderi şablonunu oluşturmak için Elementor'u kullanıyoruz, ancak daha sonra devam edip gerçek içerik stilini oluşturmak için Gutenberg'i kullanıyoruz.
[02:16] Yani burada oldukça karmaşık bir gönderi var, bir sürü resim, um, yazı tipleri, stil başlıkları, uh ve gömülü YouTube videosu ve oldukça uzun birkaç başka şey var. Uh, hadi devam edelim ve temel olarak bunların çoğunu Gutenberg oluşturucumuzda yeniden oluşturalım. İşte Gutenberg. Uh, başlığı girin ve başlık buradan alınıp şablonunuz tarafından işlenecektir. Ve sonra işte gönderideki asıl içeriğimiz.
[02:50] İlk olarak, bunu büyütmek istiyoruz ve bu çok yapılabilir ve Gutenberg ile kolay. Ve sadece önceden ayarlanmış bir metin seçebiliriz ve şimdi daha büyük. Um. Şimdi, burada bir resmimiz var ve bu resmi kopyalayıp Gutenberg'e yapıştıracağız ve Gutenberg bunu oldukça kolay yapmanıza izin veriyor. Görüyorum ki burada bir gölge var. Yani yapabileceğimiz şey, um. Ya CSI stilini uygulayın.
[03:22] Bu yüzden adında bir sınıf eklerdim. Ve daha sonra. Devam et ve. Biraz özel yapılmış HTML'im vardı. Ve aslında bir stil etiketi eklememiz gerekiyor. Ve sonra bu öğeyi hızlıca inceleyeceğim ve bunu ekranınıza getireceğim ve burada bir gölge görüyoruz ve onu sadece Gutenberg postamıza uygulayacağız. Ve bunu yapmamın sebebi size bunun çok güçlü bir platform olduğunu göstermek.
[04:14] Ve eğer gönderiler oluşturmak istiyorsanız, bu fazlasıyla yeterli ve burada ve orada element kullanmanıza gerek yok. Bir önceki videoda tekrar bahsettiğim, öğeleri kullanmak veya gönderi oluşturmak için gelen birçok olumsuz şey var. Şimdi bir sürü başka içerik eklemek istiyoruz, ancak bunu nasıl yaptığımızın üzerinden biraz geçtim. Ama şimdi bir YouTube videosu eklemek istiyoruz ve yerleşik bir YouTube gömme özelliği var ve sadece bağlantıyı yapıştırın ve videonuz görünsün.
[04:46] Bu çok basit ve kolay. Ve biz imbedler konusundayken. Twitter Lincoln'ü yapıştırabilmeniz için bir ton var mı ve bir Twitter kartı, Facebook, Instagram, başka bir WordPress gönderisi, Spotify, SoundCloud göstereceğiz, burada güzel oluşturmak için kullanabileceğiniz bir ton yerleştirme var , oldukça etli blog gönderileri. Şimdi, birkaç bölüm daha. Ve bence siz çocuklar, kullanmak isteyeceğiniz her şeyi gerçekten yapabileceğinizi anlıyorsunuz.
[05:14] Sayfa oluşturucu dört bu, bu Gutenberg. İşte ilk başlığımız ve hemen altına içeriği ekleyeceğiz, bu listenin üslubuna gelip gelmeyeceğini bilmiyorum ama gördüğünüz gibi bir liste öğesi var. Uh, ve bunların ne olduğunu merak ediyor olabilirsiniz. Bir önceki videoda bunların üzerinden geçiyorum, ancak bir eklenti paketi kullanıyorum ve bunu tüm istemci web sitelerine de yüklüyorum.
[05:44] Ve bu ek araçları buraya ekler. Yani bunlar Gutenberg oluşturucuyu gerçekten genişletiyor ve Elementor'a çok benzer hale getiriyor, bu yüzden buna Gutenberg Blokları deniyor ve orada bir sürü ek eklenti var. Bunu en başından beri, sen geldiğin zaman, uh, değiştirmek için hiçbir nedenin olmadığında kullandım, ama bir ton daha var. Size göstermek istediğim son birkaç şey, birçok insan bilmiyor, ancak belirli, uh, tasarım öğeleri ekleyebilirsiniz ve buradaki ana şey, sütunlar ekleyebilmenizdir.
[06:22] Yani bir çoklu sütun istiyorsanız, burada bir resim istiyorsunuz. Ancak resmin yanında genel bir paragraf istiyorsunuz. Bunu Gutenburg'da çok kolay bir şekilde yapabilirsiniz ve insanlar bunu bilmiyorlar ve bu yüzden Elementor'a gidiyorlar, ancak hiçbir sebep yok, özellikle de sütunlara eklemek için bu işlevselliğe sahipseniz. Ve bu sadece sütunların sizin için orada olduğunu göstermek için. Galeriler ekleyebilir, ortanca metin ekleyebilirsiniz, ki bu aslında benim yaptığım şey, iki sütun.
[06:55] Ama aynı zamanda, uh, bu sütunları düzenleyebilir ve onu üç sütunlu bir yerleşim veya dört ya da beş sütunlu bir yerleşim haline getirebilirsiniz. Yani burada çok fazla harcama yeteneği var. Um, ön tarafa bir göz atalım ve başlangıçta eklediğim başarımızın görünüp görünmediğini görelim. Evet, yani gölgemiz ortaya çıkıyor ve açıkçası bu sol taraftan farklı görünüyor çünkü bir temel um, merhaba Elementor teması kullanıyorum, ancak Gutenberg veya Elmentoror sayfa oluşturucumuz kullanılarak tam olarak böyle görünecek şekilde şekillendirilebilir veya Bu karmaşık gönderiyi oluşturmak için tema.
[07:32] Bu, öne çıkan görseliniz olacaktır. Bu senin başlığın olurdu. Bu, kategori yazarınız, um, tarihiniz olacaktır. Ve sonra burada kenar çubuğunda bir yazar kutusu olabilir. Buradaki kenar çubuğunda bir içindekiler tablosuna sahip olabilirsiniz. Ancak bu asıl gönderi sadece Gutenberg kullanılarak oluşturulacaktı ve daha hızlı yüklenecekti çünkü daha az aptal eleman yükleyacaktı. Ah, yerel WordPress stilini kullanır ve Elementor'dan daha iyi bir çözüm olur.
[08:01] Ve son olarak, yeni bir platforma geçmeyi seçseydiniz, sayfa oluşturucunuz Elementor'a takılıp kalmazdınız. Elementor oksijen oluşturucu, uh ve diğer sayfa oluşturucular da dahil olmak üzere pek çok araç, özellikle dışa aktarılamayan kendi özel Unicode'larını oluşturur. Bu nedenle, tüm blog gönderilerinizi Elementor'da oluşturduysanız ve ardından başka bir yere taşınmaya karar verdiyseniz, tüm bu stiller bozulur ve birçok farklı gönderiyi bu yeni oluşturucuya dönüştürmek için yüzlerce manuel saat harcamanız gerekir.
[08:36] Bu nedenle Gutenberg BT'yi kullanmak WordPress ile birlikte gelir, gelecekte WordPress ile birlikte olacaktır. Uh, yani bu sadece daha iyi bir çözüm. Ve görebileceğiniz gibi, onunla oldukça gelişmiş düzenler oluşturabilirsiniz.
