En Son Model Yönetimi ve Oluşturma

Blok kalıplarında ustalaşanlar, yeni WordPress tasarlama, oluşturma ve ölçeklendirme paradigmasında liderlik edecek şekilde güçlü bir şekilde konumlandırılacaklar.

Serbest çalışanlar ve ajanslar için model yönetimi deneyimini yükselten heyecan verici yeni bir aracın yanı sıra en son model özelliklerinden nasıl yararlanabileceğinizi öğrenmek için bu oturumu izleyin.

Konuşmacılar:

• Michael Day, WP Engine'de React Mühendisi
• Phil Johnston, Kıdemli Personel Yazılım Mühendisi, WP Engine

Oturum Slaytları:

Deşifre metni:

PHIL JOHNSTON: Merhaba. Benim adım Phil Johnston ve WP Engine'de Kıdemli Personel Yazılım Mühendisiyim. Ve ben, ekip arkadaşım Mike Day ile birlikte WordPress'te en son model yönetimi ve oluşturma hakkında konuşacağız.

Son zamanlarda WordPress'e eklenen birçok yeni ve ilginç şey var. Bunlardan biri de kalıplardır. Ve bunun hakkında konuşacağım. Kalıplar bloklardan yapılmıştır. Öyleyse hemen içine dalalım.

WordPress panosu olan blok düzenleyicide blokları kullanırsınız. Burası bir blog yazısı veya sayfa gibi bir şey yapmak için gideceğiniz ve yazmaya veya yaratmaya başlayabileceğiniz yerdir. Ve burası blokları kullanacağınız yer.

Böylece bu konuşma için çocuklarımdan bazı LEGO blokları ödünç alabildim. Bunu açıklamaya yardımcı olmak için, buradaki sayfaya baktığınızda ben bir başlık bloğuyum, bunu bir LEGO bloğu gibi düşünebilirsiniz. Ve sonra bunun altında ben bir paragraf bloğuyum yazan yerde, bunu onun altına kırptığınız başka bir blok olarak düşünebilirsiniz ve bu böyle devam eder.

Altında başka bir yön bloğu var. Böylece buna tıklayabilirsiniz. Ardından sayfanızı istediğiniz gibi oluşturmaya başlayabilirsiniz. Ve bu blokları yalnızca tıklayarak, sürükleyerek veya yeniden sıralayarak yeniden düzenleyebilirsiniz. Ve sonra sayfanızı bu şekilde çok kolay bir şekilde yeniden oluşturabilirsiniz çünkü hepsi bloke edilmiştir.

Bu, bir blog yazısı gibi bir şey için çok basit olsa da, doğrudan düzenleyiciye dalabilir ve bunların blok olduğunu bile bilmeden bunu yapmaya başlayabilirsiniz, ancak aynı zamanda sizin yaptığınız gibi çok daha karmaşık bir blok düzeni de oluşturabilirsiniz. Burada görüyorum. Yani burada üç resimli üç sütunlu bir düzeniniz var. Ve bunun üzerinde, aslında tam genişlikte bir sütununuz var. Ve bu sütunların üçüne de uzanıyor. Ve sonra üç resim bloğu, üç örnek başlık bloğu, üç paragraf bloğu ve ardından bunun altında üç düğme bloğu.

Yani yine, WordPress blokları LEGO gibidir. İlk gösterdiğim gibi basit bir düzen veya tam burada baktığınız gibi daha karmaşık bir düzen oluşturmak için bunları bir araya getirebilirsiniz. Ben de bunun gibi bir sayfada görmeyi bekleyebileceğiniz blokları kırmızıyla vurguladım. Böylece ilkinin etrafında kırmızı bir kutu olduğunu görebilirsiniz. [BOĞAZINI TEMİZLER] Affedersiniz. Ve bu bir bloğu temsil ediyor. Ve bunun altında, içinde biraz Lorem ipsum metni bulunan başka bir blok ve daha sonra bahsettiğim gibi üç resim bloğu, üç başlık bloğu, bunun altında üç paragraf bloğu ve üç düğme bloğu var.

Bunun gibi bir sayfa düzeni oluşturmak için gerekenlerin bu kadar olduğunu düşünebilirsiniz, ancak aslında bundan biraz daha karmaşıktır. Bu slaytta görünmez blokları, göremediğiniz blokları vurguladım. Bunlar, bir sütun yerine üç sütun olduğu gerçeği gibi, her şeyin nereye oturması gerektiğini tanımlamak için sayfada olması gereken bloklardır.

Ve böylece görünmez bloklar, güçlü olsalar da, ortalama bir kullanıcının dalıp hemen kullanmaya başlaması için gerçekten zordur. Farenizi blok düzenleyicinin içinde hareket ettirirken, görünmez oldukları için orada görünmez bloklar olduğunu bilmeyeceksiniz. Ve tüm bu bloklar aynı zamanda kendileriyle birlikte gelen karmaşık kontrollere sahiptir. Örneğin, burada sütun bloklarından biri var.

Ve sağ tarafa bakarsanız, anlaşılması çok kolay veya sezgisel olmayan, bununla birlikte gelen tüm karmaşık kontrolleri görebilirsiniz. İç bloklar gibi şeyler, içerik genişliği veya dolgu veya blok aralığı kullanır. Ortalama bir kullanıcı bu ayarların ne işe yaradığını bilmeyecek veya anlamayacak. Ve bu biraz benim gibi bir mutfağa girip bir sürü baharat görsem.

Ben harika bir aşçı değilim. Ve bu şekilde rafta bir sürü baharat olurdu. Ve bunları nasıl birleştireceğimi veya nasıl kullanacağımı bilmiyorum çünkü şef olmak için zaman ayırmadım. Beş yıldızlı bir şef olmak ve harika ve lezzetli bir yemek pişirmek zaman aldığı gibi, zaman alır ve blok düzenleyici ile zor bir öğrenme eğrisi vardır ve güzel görünen veya lezzetli bir şey yapmak için hangi blokların hangi zamanda kullanılacağını anlamak iyi.

Ve bu yüzden bir uzmanlık alanıdır. Geliştirmeniz gereken bir zanaat. Yani ortalama bir kullanıcı, burada gördüğünüz gibi boş bir sayfa ile blok düzenleyiciye atılacak. Ve bir sütun bloğu kullanmaları gerektiğini veya bu bloğu nasıl kullanacaklarını veya o bloğun içine ne koyacaklarını, temelde gerçekten harika görünen bir şey yapmak için birleştirmeleri gereken baharatları bilmeyecekler.

Bunu sinir bozucu bulabilirler. İstediklerini elde etmeyi sıkıcı ve zor bulabilirler. Ve blokların tüm bu karmaşıklıklarını öğrenseler bile, tasarım becerilerine sahip olmayabilirler. Ve bu nedenle, güçlü olsalar da blokların kullanımı zor olabilir. İşte bu yüzden desen kavramı icat edildi.

WP Engine'de Atomic Blocks adlı bir eklenti oluşturduk. Ve Atomic Blocks'ta, temel olarak bir kalıp kavramı bulduk ama onlara bölümler ve düzenler adını verdik. Ve tamamen aynı konsept. Ve WordPress Core, şu anda WordPress Core'da bulunan ve kalıp olarak adlandırılan konsept için Atomic Blocks'tan ilham aldı.

Yani kalıplar, burada gördüğünüz gibi, kullanıcıların göz atabileceği önceden oluşturulmuş blok gruplarıdır. Aralarından seçim yapabilecekleri bir sürü model var. Ve bir tanesine tıklayarak, bunların hepsini tek bir tıklama ile sayfalarına eklerler. Böylece, bunun gibi blokları, LEGO bloklarını bir araya getirmeye ihtiyaç duymak yerine, bunun gibi bir şey elde ederler, bir demet bloktan oluşan önceden birleştirilmiş bir grup, umarız, şimdiden tasarım konusunda çok iyi olan ve bu yapım sanatına saatler harcamış biri tarafından yapılmıştır. bloklar.

Ve onu sayfaya eklediğinizde, biraz buna benziyor. Ve bunun gibi, bom, bir kalıbınız var, iyi görünen, tadı güzel ve işe yarayan önceden monte edilmiş bir sürü blok var ve sonra içeri girip değiştirmeniz gereken metni yazabiliyorsunuz. . Böylece örnek başlık gibi bir şeyi sayfanız için benzersiz metne değiştirirsiniz.

Yani kalıplar, ortalama bir kullanıcı için büyük bir avantaj gibidir. Blok düzenleyicinin tüm karmaşıklıklarını, tüm bu karmaşık şeyleri öğrenmeleri gerekmiyor. Profesyonel bir tasarımcı olmaları gerekmez, ancak sayfaya bir desen ekleyerek harika görünen bir tasarım elde edebilirler.

Dolayısıyla, başka bir kişi veya müşteri için web siteleri oluşturan bir ajanssanız, müşterilerinizin kendilerine yardımcı olması için blok kalıpları kullanabilirsiniz. Müşterinize bir sürü önceden tasarlanmış kalıp sunarak, kendi sayfalarını oluşturabilirler.

Diyelim ki, özel bir sayfaya ihtiyaç duydukları yaklaşan bir etkinlikleri var. Onlar için oluşturduğunuz, markalarıyla eşleşen bir blok kalıbı alabilirler. Renk şemalarına ve bu tür şeylere uyuyor ve sadece tıklayıp sayfaya ekleyebilir ve tersine mühendislik yapabilirler; senaryo ve nelerin yapılmaması gerektiği ve cihazlar arasında harika çalışan bir düzenin nasıl oluşturulacağı ve bu tür şeyler.

Bununla birlikte, blok kalıplarının kullanımı ortalama bir kullanıcı için kolay olsa da, oluşturulması kolay değildir. Ve zamanla yönetmeleri daha da zorlaşır. Ve geliştiriciler ve ajanslar için WordPress'te kalıp oluşturmanıza yardımcı olacak yerleşik bir iş akışı veya araç yoktur.

Bu yüzden, şu anda burada zor yol olarak adlandıracağım bir model oluşturma adımlarını 10 adıma ayırdım. Ve eğer bu ezici görünüyorsa, bunun nedeni biraz öyle olmasıdır. Yapmanız gereken ilk şey, VS Code gibi bir kod düzenleyicide bir PHP dosyası oluşturmaktır. Bu dosyanın üstüne belirli bir dosya başlığı koymalısınız.

O zaman inşa etmek için bir yere ihtiyacın var. Bu nedenle, muhtemelen yerelinizde bir WordPress'e sahip olmalısınız, ki bu harika. Ancak daha sonra, bir yere bloklar koyabilmeniz ve üzerinde çalışabilmeniz için o WordPress'in içinde geçici bir sayfa oluşturmanız gerekir. Ve sonra onu inşa etmeniz gerekiyor. Bu becerileri, geliştirdiğiniz zanaatı kullanmanız ve güzel görünmesini sağlamanız gerekir. Ve işiniz bittiğinde, bir kod görünümüne geçmeniz ve bu kodun tamamını birinci adımda oluşturduğunuz dosyaya kopyalamanız gerekir.

Ardından, bu dosyayı temanızda belirli bir konuma kaydetmeniz gerekir. Bir tema oluşturup müşterinize teslim ediyorsanız, onu desenler dizinine koymanız gerekir. Ve sonra, kalıbınız, gösterdiğim üç sütunlu düzendeki gibi resimler içeriyorsa, müşterinize teslim ettiğinizde bu resimlerin gerçekten çalışacağından emin olmalısınız. Bu nedenle, onu yerel bilgisayarınızda oluşturduğunuz için, bu görüntüye kodda sanki yerel bilgisayarınızın sabit sürücüsündeymiş gibi atıfta bulunulacaktır.

Açıkçası, bu bir problem. Artık bilgisayarınızda olmadığında, bu görüntü çalışmayacaktır. Bu nedenle, kodu ince bir dişli ile gözden geçirmeniz, yerel bilgisayarlarınızın URL'lerinden herhangi birini aramanız ve bunları belirli bir PHP etiketiyle değiştirmeniz gerekir. Ardından, bu görüntü dosyalarını gerçekten temanıza da taşıdığınızdan emin olmanız gerekir. Sadece kodda değiştiremezsiniz. O dosyayı da taşımanız gerekiyor.

Ve sonra işi daha da zorlaştırmak için, burası gerçekten en sinir bozucu hale geliyor, en azından benim için çok sayıda kalıp oluştururken, bir kalıbın içinde bir yazım hatası yaparsam başlamam gerekecekti. tekrar üçüncü adımda ve sadece bir yazım hatasını düzeltmek için her seferinde tekrar dokuzuncu adıma gidin. Ayrıca – çünkü her seferinde tüm blok kodunu yeniden oluşturmanız gerekir – daha sonra tüm bu resim URL'lerini araştırmanız ve bunları değiştirip dosyaya geri koymanız gerekir.

Özellikle zaman içinde yönetmek için, tamamen tekrarlayan, sıkıcı bir dizi adım. Mesela, bundan aylar sonra bir kalıbı değiştirmeniz gerektiğini söyleyin. Çok sıkıcı. Ve bu, Genesis Pro koleksiyonumuz için modeller oluştururken karşılaştığımız bir şey. Bununla birçok bölüm ve düzen veya kalıp sunduk ve bu sıkıcı şeyleri tekrar tekrar yapma sürecinden çok hüsrana uğradık.

Ve bizi bu şeyleri yapmak zorunda kalmamamıza, bu sıkıcılığı ortadan kaldırmamıza ve gerçekten olabildiğince hızlı hale getirmemize yardımcı olacak bir araç geliştirmeye iten şey de buydu. Üzerinde çalışabilir, kaydedebilir ve bum, sizin için doğrudan dosyaya gider. Dosyayı doğru yere koyacaktır. Tüm kodları sizin yerinize yazar. Ve böylece tüm bu acıyı ortadan kaldıracak dahili olarak kendimiz için bir araç oluşturmaya karar verdik. Ve aslında hiçbir zaman diğer insanların kullanmasına izin vereceğimiz bir şey olmasını istemedik ama bizim için o kadar faydalı oldu ki, onu diğer insanların da kullanması için sağlamak istedik.

Yani yine, görebileceğiniz gibi, bir model oluşturmanın mevcut zor yolu ideal değil ve bir şeyler yapmanın harika bir yolu değil. Bu nedenle, WordPress içinde kalıp koleksiyonları oluşturmak ve sürdürmek için bir kullanıcı arabirimi olan Kalıp Yöneticisi'ni oluşturduk. Bu yüzden onu, kalıp yöneticisinde bize yol göstermesi ve içindeki harika özelliklerin tümünü göstermesi için meslektaşım Mike Day'e vereceğim. Öyleyse sana, Mike.

MIKE DAY: Merhaba. Ben Mike'ım. WP Engine'de yazılım mühendisiyim. Desenler, WordPress oluşturucuları için oyunu değiştirme potansiyeline sahip güçlü bir düzen oluşturma aracıdır. Ancak Phil'in az önce gösterdiği gibi, bu kalıpları oluşturma ve yönetme açısından fiilen kullanma deneyimi, en hafif tabirle eksiktir. Pattern Manager, iş akışınıza kayabilen bir eklenti aracılığıyla desen dosyalarının yönetimini WordPress tasarımının ön saflarına sorunsuz bir şekilde getirmeyi amaçlar. Hadi içeri atlayalım.

Bu tanıtımın ilk amaçları için, kod düzenleyici penceremi burada sağda açık bırakacağım. Bu, doğrudan diskime kaydedilen gerçek bir model dosyasıdır. Ve gerçekten, Pattern Manager ile çalışırken, aslında diskinize kaydedilmiş fiziksel dosyaları manipüle ettiğiniz ve yarattığınız noktayı eve götürmek istiyorum. Özellikle, mevcut tema dizininize kaydedilirler. Yani tam burada bu iki PHP dosyasını veya kalıp dosyasını görebilirsiniz, bunlar şu anda bu Kalıplar görünümünde aktif olan kalıpları temsil ediyor.

Ek olarak, bu görseller dizinine dikkat edin. Phil gerçekten ilginç bir noktaya değindi, şu anda kalıplarla çalışırken, diyelim ki bir kalıba kaydedilmiş bir sürü görüntünüz var. Bu belirli resimler için tüm bu URL'ler, yerel kurulumunuzu işaret edecek. Çalışmanızı gerçekten paylaşmanın zamanı geldiğinde bu büyük bir sorundur.

Bu görüntülerin tümü bozulacak. Bu yüzden buna biraz farklı yaklaşıyoruz. Aslında bu görüntülerin kopyalarını doğrudan tema klasörünün kendisine kaydediyoruz. Bu, örneğin sürüm kontrolü için bir oyun değiştiricidir. Diyelim ki siz ve ortak çalışanlarınız Git'i kullanıyorsunuz. Artık, çalışırken hepinizin aynı görüntülere erişebileceğinden emin olabilirsiniz.

TAMAM. O halde arayüze geçelim. Bu kalıp görünümüdür. Ve hemen burada, temam için kayıtlı kalıpların ikisini de görebilirsiniz. Bir model önizlemesinin üzerine geldiğinizde, açılan eylem düğmelerine dikkat edin. Belirli bir modeli düzenlemek, çoğaltmak veya silmek için seçeneklerimiz var. Burada solda bazı filtreleme seçenekleri de var ama buna biraz sonra geri döneceğim. Şimdilik, gerçekten bir modele geçelim ve düzenleyelim.

Çok tanıdık bir kullanıcı arayüzünü hemen tanıyacağınızdan eminim. Bu, WordPress blok düzenleyicisidir ve bu durumda, kalıplarla çalışmak için belirli bir alan sağlamak üzere yeniden tasarlanmıştır. Ve burada, sağda, bu çeşitli başlık özelliklerini göreceksiniz. Şimdi bunlara geçmeden önce, biraz daha bağlam vermek ve aslında WordPress geliştirici belgelerinden ödünç alınan bazı metinler kullanmak istiyorum.

Başlık özelliği oldukça açıklayıcıdır. Bu, kullanıcıların bir sitede kalıbınızla etkileşime girdiklerinde görecekleri, ön tarafa bakan, insan tarafından okunabilen bir kimliktir. Kategoriler gerçekten kalıpları birlikte gruplandırmak için kullanılır. Bu, isterseniz bir veya daha fazla ekleyebileceğiniz veya gerçekten hiç ekleyemeyeceğiniz bir dizi kayıtlı kategori olacak. Ancak bunun WordPress Core'da şu anki çalışma şekliyle ilgili bir sorun var.

Hangi kategorilerin gerçekten mevcut olduğunu söylemenin harika bir yolu yok. En azından benim bildiğim kadarıyla, sitenizin herhangi bir yerinde bu kayıtlı blok kalıbı kategorilerini gerçekten bulabileceğiniz bariz bir nokta yok. Artık anahtar kelimeleri bir tür arama terimleri gibi düşünebilirsiniz. Temel olarak, modelinizi açıklamak için bu tanımlayıcı diğer adları girebilirsiniz, böylece kullanıcılar yerleştiricide ne ararlarsa arasınlar, ihtiyaç duyduklarını kolayca bulabilirler. Ve açıklama, görsel olarak gizlenmiş metin olması dışında, bu fikrin bir tür uzantısıdır. Bu, ekran okuyucu kullanıyor olabilecek görme engelli kullanıcılar için gerçekten yararlıdır.

Şimdi Pattern Manager'a geri dönerek, bu meta özellikleri değiştirelim. Desen başlığı basit bir metin girişidir. Deseninizi yeniden adlandırmak için yazmaya başlamanız yeterlidir. Ancak burada gizli bir özelliğe dikkat edin. Kalıp yöneticisi bana bu başlığa sahip bir kalıbın temada zaten var olduğunu söylüyor. O dosyayı yanlışlıkla yok etmek istemiyorum bu yüzden başlığı olduğu gibi bırakacağım.

TAMAM. Birkaç kategori seçelim. Hemen, bu kategori listesini bir açılır menüde oluşturduğumuza dikkat edin. Aksi takdirde, bu verileri gerçekte nerede bulacağınızı bilmek zor. Ancak bu liste, bir API çağrısı aracılığıyla dinamik olarak doldurulur. Bu, yalnızca temanız için tüm kayıtlı blok deseni kategorilerini değil, kaydetmiş olabileceğiniz tüm kategorileri burada göstereceğimiz anlamına gelir. Şimdilik öne çıkanları seçelim.

TAMAM. Ve bazı aranabilir terimler ekleyelim. Bu demonun amaçları doğrultusunda, sadece örnek bir kalıp kullanacağım. Ancak, yerleştiricide arama yapan kullanıcılar için bu kalıbı tanımlayacak terimleri buraya ekleyebileceğinizi unutmayın. Ve burada çok kelimeli bir terim kullandığıma dikkat edin. Bunlar model yöneticisinde desteklenir.

TAMAM. Ve bir açıklama ekleyelim. Bunun görsel olarak gizlenmiş bir metin olduğunu hatırlayın. Bu yüzden, bence buradaki asıl amaç, ekran okuyucularına yardımcı olmaktır. Şimdi bunu ters renklere sahip üç sütun olarak tanımlayalım. TAMAM. Mükemmel. Şimdi iyi bir noktada olduğumuzu hissediyorum. Aslında işimizi kurtarabiliriz. Ancak bunu yapmadan önce, sağdaki bu dosyadaki başlığa çok dikkat etmenizi istiyorum. Şimdi, Modeli Güncelle'ye basar basmaz, birdenbire burada çok daha fazla veri var. Az önce değiştirdiğimiz açıklama, kategoriler ve anahtar kelimeler, ben bu dosyaya dokunmak zorunda kalmadan burada göründü.

TAMAM. Kalan meta özelliklerine bakalım. İlk olarak, görünüm alanı genişliğinde oldukça ilginç bir özelliğimiz var. Bunun, bu kalıbı önizlemek için ölçeklenmiş genişliği temsil eden bir tamsayı olması amaçlanmıştır. Yani varsayılan olarak, ne zaman bir desen oluştursanız, tam genişlikte veya hatta gerçekten dar bir şey yaptığınızı varsayalım. Bunun için bir WordPress Çekirdeğindeki varsayılan ayarlar, ölçeklemenin önizlemelerde biraz tuhaf görünmesine neden olabilir.

Yani yazı türleri. Bu, basitçe, desenin birlikte kullanılması amaçlanan bir yazı tipi sümüklü böcek dizisidir. Buraya değer eklemenin aslında deseni kısıtlayacağını, bu nedenle yalnızca bu gönderi türleriyle çalışacağını unutmayın. Ayrıca, bunu boş bırakmanın, kalıbın tüm gönderi türleriyle çalışmasına neden olacağını unutmayın.

Sonra blok tiplerimiz var. Bu başka bir dizidir, ancak bu kez desenin birlikte kullanılması amaçlanan blok türleridir. Şimdi itiraf etmeliyim ki, bu blok tiplerini ilk kullanmaya başladığımda biraz kafa karıştırıcı buldum. Kullanım gerçekten çok amaçlı gibi görünüyor, ancak arkasındaki niyet bence çok net değil.

Ve son olarak, yerleştirici özelliğine sahibiz. Şimdi varsayılan olarak, tüm desenler yerleştiricide görünecektir, ancak bunu değiştirmek istediğinizi varsayalım. Bu özellik için yalnızca bir Boolean false değeri eklersiniz ve bu, yerleştiricide kullanımdan gizlenir.

Öyleyse, Kalıp Yöneticisine geri dönerek, bu kalan meta özellikleri nasıl ele aldığımızı görelim. Öncelikle, bu diğer panelleri kapatacağım. Ve görüntü alanı genişliğine bir göz atalım. Şimdi bunun, yerleştiricideki kalıbınız için ölçeklendirilmiş önizlemeleri basitçe kontrol eden bir tamsayı değeri olduğunu hatırlayın. Bunun mevcut uygulamasında acı veren bir şey, aslında işinizin sonuçlarını görmektir.

Diyelim ki kalıp dosyamdaki başlığı değiştirdim ve görüntü alanı genişliğini değiştirdim. Bunun neye benzediğini gerçekten görmenin tek yolu, yeni bir gönderi oluşturmaktır. Bu biraz karışık oluyor. İleri geri zıplamak biraz fazla karmaşık. Bu biraz acı verici. Dolayısıyla, buna yaklaşma şeklimiz, fareyi kaydırıcının üzerine getirmek ve hemen bir ön izleme gösteriliyor. Etrafta sürükleyip farklı boyutlar denediğimde, bu modelin nasıl ölçeklendiğini görebiliyorum. Bu gerçekten kullanışlı ve büyük bir zaman kazandırıcı. Şimdilik 1.200 seçelim. Ve post tiplerine geçelim.

Bu panel hakkında dikkat edilmesi gereken ilk şey, bu araç ipuçlarının varlığıdır. Bunlar, uygulamayı kullanırken yolunuzda size yol göstermeye yardımcı olacak küçük bilgi parçacıklarıdır. Öncelikle, bu sadece daha önce tartıştığım bir şeyi tekrarlamak. Herhangi bir seçim yoksa, kalıp dosyanızın başlığına eklenen yazı tipi yoksa, kalıbınız tüm yazı tipleri için çalışacaktır. Ancak aşağıda Modal Görünürlük adı verilen bir ayar olduğuna dikkat edin.

Bu gerçekten harika bir gizli özellik. Temel olarak, kalıp dosyanızın başlığında doğru tipte blok tipine sahipseniz, kullanıcılar hedeflenen tipte yeni bir gönderi oluşturduklarında, bir modal'ın göründüğünü göreceklerdir. Ve deseninizi doğrudan o modaldan seçebilirler. Ve birazdan size tam olarak ne demek istediğimi göstereceğim. Ancak bu geçişin gerçekte nasıl devre dışı bırakıldığını fark etmenizi istiyorum. Bunun nedeni, doldurulan bir gönderi türü olmadığı sürece modal görünürlük ayarlarının çalışmamasıdır.

Dolayısıyla, buna yaklaşma şeklimiz, bir yazı tipi mevcut olana kadar geçişi devre dışı bırakmaktır. TAMAM. Şimdi bunu açıp kapatabilirim. Ve ekran ve yerleştirici geçiş yapar, tahmin edebileceğiniz şeyi yapar. Bunu kapatacak olsaydınız, bu, dosyanızın başlığında bir false değeri atardı. Ve bu model artık yerleştiricide görünmez. TAMAM. Devam edelim ve bunu güncelleyelim.

Şimdi tüm bunların aslında bir gönderide nasıl çalıştığını görelim. Bu yüzden geçiş yapacağım ve aslında yeni bir gönderi oluşturacağım. Şimdi hemen bu, eylem halindeyken bahsettiğim modal. Dosyaya doğru blok tipi ve gönderi tipi eklendiğinden, şimdi yeni bir gönderi oluşturduğumda bunu hemen görüyorum. Ve sadece kalıp ön izlemesine tıklayabilirim ve bum, kalıbım tam orada.

Bu oldukça güzel, ancak etiketlemenin gerçekte nasıl çalıştığını görelim. İşte seçtiğim kategori, özellik. Ve temamdaki diğer modelde sütun ve metin kategorileri var, yani bu harika çalışıyor. Arama terimlerim ne olacak? Örnek model ile arama terimim. Bu harika çalışıyor. Ve benim gizli metnim de tam olarak amaçlandığı gibi çalışan üç sütunla başladı. Bu harika.

TAMAM. Öyleyse geri dönelim ve kalan bir meta özelliği daha ele alalım. Bunu açıklamak biraz garip. Bunun yerine sana gösterirsem daha kolay olacak gibi hissediyorum. Öyleyse devam edelim ve yeni bir model oluşturalım. Bunun için tek yapmanız gereken bu Yeni Desen Oluştur düğmesine basmak. Ve işte editöre geri döndüm. Bu durumda, kod bloğunu seçeceğim. Ve bu kod bloğunda, bazı örnek kodlar yapıştıracağım.

Şimdi bu aslında WordPress belgelerinden alınmıştır. PHP kullanarak bir blok dönüşümünü kaydetmenin yolu budur. Böylece, bu kodu alıp, ne isterseniz onu bir işlevler dosyasına yapıştırırsınız. Buna nasıl yaklaştığımızı size göstereyim. Bu dönüştürülmüş blok tipi bölümünde bir açılır menü var. Bu açılır liste, tıpkı gönderi türleri ve kategorileri gibi bir API çağrısı aracılığıyla dinamik olarak doldurulur.

Böylece, hedeflenen tipimi – işte burada, çekirdek/kod– arayabilir ve onu seçebilirim. Şimdi bir kez daha örneklendirmek gerekirse, fark, bunu şimdi nasıl yapacağınız ile model yöneticisini kullanmak arasındaki farktır. Bunu şimdi yapmak için, bu kod bloğunu bulmalı, tam olarak hangi içeriğe ihtiyacım olabileceğini bulmalı, blok tipimi bulmalı ve bunu bir yere yapıştırmalıyım, bunun yerine Kalıp Yöneticisinde, sadece bu alanı seçtim. Bu değeri bir açılır menüden seçtim. TAMAM. Bunu güncelleyelim. Ve yeni bir gönderi oluşturacağım. Ve modumuzdan çıkalım.

Şimdi bu sefer kod bloğunu da seçeceğim. Ancak bunu gerçekten içerikle doldurmak yerine, bu seçeneği araç çubuğundan seçebilirim. Ve bu desen seçimine dikkat edin. Kalıpları seçtiğimde, kalıbım var. Ve üzerine tıklayarak, bu blok hemen benim hedef kalıbıma dönüştürüldü.

Dönüşüm türleriyle ele alınacak bir başka şey de, anlamsal blok kalıpları olarak adlandırılan fikirdir. Bunlar bir blok dönüşümüne benzer, ancak şablon parçalarını hedef alır. Örneğin, üstbilgiler ve altbilgiler. Ama orada bir marifet var. Bu hedef şablon parça bloğu tipini seçmekle ilgili bilmeniz gereken bir şey de, doğru yazı tipi tipine sahip olmanız gerektiğidir, aksi takdirde çalışmaz. Dolayısıyla, bu şablon türünü sizin için atayarak buna yaklaştık. Ve kilitli. Ve bu blok türü fiilen kaldırılana kadar kilitli kalacaktır.

Bu editör görünümünün ilk demosu bu kadar, ancak burada arka planda temaları değiştirmem gerekiyor. Ve şimdi Desenler Görünümüne geri döneceğim. Buradaki amaç, size Kalıp Yöneticisinin birçok kalıpla nasıl davrandığını göstermektir. Bu özel temanın kayıtlı 50'den fazla modeli var.

Şimdi, bu çeşitli kategorileri tıklattığımda, bu kalıpların ne kadar çabuk filtrelendiğine dikkat edin. Bu, bir grup model arasından ihtiyacım olanı bulmaya çalışırken gerçekten yararlıdır. Ancak daha ayrıntılı kontrol istediğinizi varsayalım. Basitçe yazmaya başlayın. Bu filtreleme Yerleştiriciye çok benzer şekilde çalışır. Gerçekten kullanışlı ve gerçekten hızlı. Çabukluktan bahsetmişken, işaret edilmesi gereken bir şey daha, bu kullanıcı arayüzünün ne kadar hızlı hissettirdiğidir.

Ben kaydırana kadar bu önizlemelerin nasıl yüklenmediğine dikkat edin. Bu, tarayıcı kaynaklarını korumada gerçekten harika olan özel bir uygulamadır. Ve kaç tane desen kullanırsanız kullanın, bu uygulamanın hızlı ve çok hızlı hissettirmesini sağlar. Elbette. Bu sunumda pek çok konuyu ele aldık, bu yüzden hızlıca özetleyelim. Kalıplar, bireysel içerik öğelerinin kürasyonu ile tam sayfa tasarımı arasındaki ilginç bir kesişimi temsil eder.

Bir WordPress oluşturucusu olarak, daha büyük düzen öğeleri oluşturma ve bunları bir temada yeniden kullanma yeteneği zorlayıcı bir fikirdir. Üstbilgiler, altbilgiler, referanslar, özellik kutuları. Bunların hepsi her web sitesinin ayırt edici özellikleridir. Artık tüm sitenizi kalıplarla kolayca tasarlayabilirsiniz.

Kalıpların blok temalarının önemli bir bileşeni olarak ortaya çıkmasına rağmen, WordPress'in kendisinin bu kalıpları gerçekten oluşturmak veya yönetmek için resmi bir arayüzü yoktur ve yol haritasında da herhangi bir şey yoktur. Bunun yerine, geliştiricilerin kod düzenleyicilerinde manuel olarak kalıplar oluşturması, kodu düzinelerce ileri geri kopyalayıp yapıştırması ve hataya çok yer bırakması gerekir.

Ürünümüz Pattern Manager, iş akışınıza dahil olacak şekilde tasarlanmıştır. Basitçe eklentiyi kurun ve etkinleştirin; kalıpları filtrelemek, oluşturmak, çoğaltmak, düzenlemek, silmek ve tüm bunlar için modern bir kullanıcı arayüzüne ve temel WordPress editörünü kullanmanın tanıdık deneyiminde içerik düzenleme deneyimine sahip olacaksınız. Ek olarak, bir model dosyasını düzgün bir şekilde etiketlemenin karmaşıklıklarını anlamak, örneğin kategoriler, anahtar kelimeler eklemek veya hatta yalnızca belirli özel gönderi türleriyle çalışmayı kısıtlamak, kullanıcı arayüzümüzde soyutlanmıştır. İnşaatçılar, kullanımı kolay kenar çubuğu kontrolleri aracılığıyla bu ayarlar üzerinde tam kontrole sahiptir.

Model Yöneticisi yayınlandı ve şu anda aşağıdaki URL'den indirilebilir. Bir tur atın ve düşüncelerinizi bize bildirin. Ve lütfen bana kişisel olarak ulaşmaktan çekinmeyin ve ne düşündüğünüzü bana bildirin. Pattern Manager'ı denemenizi umuyoruz. Ve umarız size, WordPress oluşturucu ekibimize yardımcı olduğu gibi yardımcı olur. Teşekkür ederim.