Marka Breakout Zirvesi/2021: Başsız 101 – Bilmek istediğiniz her şey ve daha fazlası!
Neden şimdi bu kadar sıcak olmadan? Headless, WordPress’e birkaç yeni kavram sunan bir web sitesi oluşturmak için yeni bir modeldir. Yeni bir araştırmaya göre, şirket kuruluşunun% 64’ü şu anda 2019’dan yaklaşık% 25’lik bir artışı temsil eden başsız bir yaklaşım kullanıyor. Başsız başlamak olağanüstü hissedebilir, ancak oyun alanını anladıktan sonra ekibiniz çok hızlı bir şekilde inşa edecek web sitesi ve kısa sürede ayrı. Aşağıdaki oturumda, WP Engine ve Tıklayın Labs Labs, ana terimleri, ortaya çıkan eğilimleri ve WordPress başsız için en son uygulamaları tartışmak için birlikte çalışır.
Video: Başsız 101 – Bilmek istediğiniz her şey ve bu oturumda oturumlardan daha birçok slayt, WP Enginim Warren’ın Kıdemli Ürün Pazarlama Müdürü ve BURAYA TIKLAYIN Dijital yapım Direktörü Jonathan Jeta tartışıyor:
Bir sonraki projenizde baş olmadan başparma kullanmanın avantajları, borsalar ve avantajları dahil olmak üzere başsız kavramlara temel giriş.
WordPress Başsız Projesi için gerçek dünya kullanımı vakaları, başsız tarafından sunulabilecek başarıya ve zorluklara daha yakından bir bakış sunuyor.
Pazarlamacılar ve geliştiriciler bu yeni WordPress Headless Mimarisi gibi. Ve bu birkaç nedenden dolayı. Bir numara en son performans. Konuştuğum çerçeve sadece erişilebilirlik ve SEO’ya odaklanmıyor. Geliştiriciler tarafından kolayca yapılan yüksek performanslı web siteleri yapmaya odaklanıyorlar.
WP Motor Ürünü Pazarlama Müdürü Hashim Warren Warren Transcript Tam Metin Hashim Warren: Merhaba, WordPress Headless’a geldiğinde çok fazla heyecan ve karışıklık var. Bu oturumda, Headless 101, size bir sonraki projenizde WordPress başsız kullanma işlemi, vaka çalışması ve avantajları vereceğiz. Benim adım Hashim Warren ve ben başsız projemizde çalışan WP Engine için kıdemli bir ürün pazarlama müdürüyüm. Ve BURADA BURADA Laboratuarlarda Dijital Gelişim Direktörü Jonathan Jeter’e katıldım. İnsanlar tarafından WordPress Headless projesini gerçekleştirmeden önce sorulan ilk soru, WordPress başsız, nokta nedir? Yani, yıllar önce WordPress API dinlenmesinin çekirdek olduğu zaman WordPress başsız olduğunu duymuş olabilirsiniz. Ya da son zamanlarda duymuş olabilirsiniz, çünkü insanlar WordPress başsız için alternatif ön uç kullanımı hakkında konuşuyorlar. Başlamadan önce, sadece seviyeyi ayarlamak ve başsız WordPress’in ne olduğunu ve farkın geleneksel WordPress’ten nasıl olduğunu açıklamak istiyorum.
So Headless, WordPress’i kullanmak için yeni bir yaklaşımdır.WordPress başsız kullandığınızda, WordPress’i web sitenizi ön uçtan oluşturmaktan sorumlu yapmazsınız.Bunun yerine, içeriği yönetmek ve projenizdeki kullanıcıları yönetmek için WordPress’i kesinlikle kullanırsınız.Böylece, alternatif ön uç veya diğer cihazlara veri göndermek için WordPress-WordPress API’sını, bu orijinal API dinlenmesini veya WPGraphql gibi alternatif ateşi kullanabilirsiniz.Web sitemizde geliştiriciler.wpengine.com, yazarlarımızdan biri olan Nate Archer, WordPress’i bu şekilde açıklıyor: “WordPress başsız, içerik oluşturmak için WordPress ve ayrı bir sistem kullandığınız zamandır.”Başsız WordPress’in temeli bu.
Peki, web sitenizin ön ucunu oluşturmak için ayrı bir sistem kullanmaya başladığınızda ne olur? Kafası olmadan HeadPress kullanırken geliştiriciler arasında popüler olan birkaç farklı sistem ve çerçeve ve meta çerçeveler var. Bu çerçeve genellikle sayfalar oluşturmak ve şablon oluşturmak için React veya Vue gibi JavaScript kitaplıklarını kullanır. Ve sonra çerçeve, mide ve sayfalar ve bir web sitesi oluşturmak için ihtiyacınız olan diğer özellikler oluşturma gibi gerekli özellikleri ekler. Popüler seçeneklerden ikisi bir sonraki. JS ve Gatsby. Ve meta çerçeve React’e dayanmaktadır. Ve daha sonra Vue’ya dayanan diğer popüler seçenekler. Dolayısıyla, bir JavaScript çerçevesi kullandığınızda, bu meta çerçeve ile çözülmüş birkaç farklı probleminiz vardır. Bunlardan biri hız. Web sitesinin ve web sitesi pazarlama sayfalarının önünü keşfettiğinizde, yavaşça yüklemek istemezsiniz, girdiğiniz web sitesi uygulamasının sürümünü söyleyin. Çok hızlı yüklemek istiyorsun. Ve bu meta çerçeve, sorunu hızlı bir şekilde çözüyorlar.
Ayrıca erişilmesini istiyorsunuz. Kutunun dışında bazen React veya Vue gibi JavaScript çerçevesi erişilebilirliği dikkate almaz. Böylece bu çerçeve erişilebilirlik sorununu çözer. Ve son olarak, web sitenizin Google ve Bing gibi arama örümcekleri tarafından kolayca araştırılmasını istiyorsunuz. Ve bu, bu çerçeve tarafından çözülen başka bir sorun. İçeriğin JavaScript’te gizlendiği web sitesine gelen arama örümcekleri yerine, bu çerçeve, arama örümceğinin içeriğinizi görebilmesi ve ayrıca arama motorlarında sıralanması için ön hazırlama içeriği gibi özel teknikler gerçekleştirir. Bu, insanlar tarafından WordPress başsız site ön ucunu oluşturmak için kullanılan meta çerçeve. Ve bunlar avantajlardan bazıları. Şimdi bahsettiğim Meta-Frameworks’ten ikisi çok popüler, Next.js ve Gatsby. Ve insanlar WordPress başsız yolculuğuna yeni başladığında aldığımız diğer sorular, ne kadarı seçmeliyim, next.js veya gatsby? Onların arasındaki fark ne? Yani aralarında birçok benzerlik var. Dediğim gibi, birçok SEO problemini, erişilebilirliği ve hızı çözdüler. Ancak, onu özel kılan bazı şeyler, şimdi tartışacağım. Bu nedenle, Gatsby, Gatsby, WordPress’e benzer bir sistemdir çünkü ücretsiz bir eklenti mimarisine ve web sitenize işlevsellik eklemenizi sağlayan 2.800 açık kaynak eklentisine sahiptir. Bu işlevin geliştiriciler için çok ilginç olan kısmı, WordPress’ten veya Shopify veya Drupal gibi diğer sistemlerden içerik alan ve verileri Gatsby projenizde kolayca kullanılabilir hale getiren bir eklentidir.
Dolayısıyla, Gatsby kullanıyorsanız, Gatsby 2.800 eklenti koleksiyonunu kullanarak ekibinizin gereksinimlerini karşılayan bir web sitesi oluşturabilirsiniz. Next.js hakkında harika bir şey. JS dinamik ve statik sayfalar üretebilir. Gatsby ile şimdi Gatsby sadece web siteniz için statik sayfalar üretebilir. Bu, ziyaretçiler web sitenize geldiğinde, sunucu tarafından doğrudan orada oluşturulan sayfa yerine, Gatsby’nin dünyadaki herkese hizmet etmeyi hızlı ve kolay hale getirmek için önceki sayfanızı oluşturduğu anlamına gelir. Ancak, bazen belirli dinamik özellikler istiyorsanız, önceki bir sayfa oluşturmak istemezsiniz. Dinamik bir web sitesi istiyorsunuz, sayfa o zaman kullanıcının ihtiyaçlarına dayanıyor. Kişiselleştirme ve A/B testi ve diğer dinamik özellikler gibi şeylere izin verir. aynısı. Bu, bir sonraki.js’yi büyük siteler için ideal hale getirir, çünkü binlerce sayfayla büyük bir site oluştururken uzun bir zaman geçirmenize gerek yoktur. Bunun yerine, site statik ve ayrıca sitenin bir kısmını dinamik olarak oluşturabilirsiniz. Next.js, bir günde bazı içerik güncellemeleriniz varsa da iyidir. Tüm siteleri statik olarak oluşturmadığınız için, sitenizde bir sayfa oluşturmak ve daha sonra statik hale getirmek için next.js kullanabilirsiniz. Bunlar Gatsby ve Next.JS arasındaki ana farklardan bazıları.
Bu yüzden pazarlamacılar ve geliştiriciler bu yeni WordPress başsız mimarisini seviyorlar. Ve bu birkaç nedenden dolayı. Bir numara en son performans. Dolayısıyla bahsettiğim çerçeve sadece erişilebilirliğe ve SEO’ya odaklanmıyor. Geliştiriciler tarafından kolayca yapılan yüksek performanslı web siteleri yapmaya odaklanıyorlar. Bu nedenle, tarayıcıda veya geliştiriciler tarafından sitenizi daha hızlı hale getirmek için kullanılabilecek diğer sistemlerde görünen yeni özellikler, önce Gatsby ve Next.js gibi sistemlerde benimsenen bu özellikleri bulacaksınız. Gerçekten sevdiğimiz bazı özellikler görüntü optimizasyonu, sayfaların sayfaları, sayfalardaki PWA özellikleri, web sitenizin daha çok bir web uygulaması veya cep telefonunuzdaki orijinal uygulamalar gibi olabileceği ve daha fazlasıdır. Bu, geliştiricilerin ve pazarlamacıların bu WordPress’i sevmelerinin nedenlerinden biri. En son performans özelliklerine sahip olmak için bu performansa odaklanan bir ön uç çerçevesi kullanabilirsiniz.
Geliştiricilerin beğendiği bir sonraki şey, web sitenizi ayırırken alabileceğiniz modern bir geliştirici deneyimidir. Bu nedenle, geliştiriciler geleneksel WordPress gibi tam CMS kullandıklarında, iş akışları CMS’nin çalışma şekli ile ilgilidir. Ancak web sitesinin ön ucunu yönetmek için farklı sistemler kullandıkları mimariyi ayırdıklarında, şimdi web sitesindeki özellikleri hızlı bir şekilde güncellemek için modern CI/CD iş akışını kullanabilirler. Ayrıca, paylaşılabilecek şekilde sayfa parçaları ve site parçaları oluşturmak için React ve Bileşen bazlı geliştirme mimarisini de kullanabilirler. Bu yüzden geliştirici, modern başsız WordPress geliştiricisinin deneyimini gerçekten seviyor çünkü bu yeni aracı ve bu yeni çalışma biçimini kullanmalarına izin veriyor. Geliştiricilerin sevdiği ve pazarlamacıların sevdiği üçüncü şey, ayrılmış mimarinin daha güvenli bir şekilde varsayılan olmasıdır. Bu nedenle, ön ucunu arka uçunuzdan ayırdığınızda, artık veritabanınızdaki DDOS saldırılarına veya saldırılarına ve bilgisayar korsanlarının sitenizi silmek için kullanabileceği diğer şeylere karşı savunmasız değilsiniz. WordPress başsız bir siteye sahip olduğum yeni bir deneyimim var ve arka uç bölümü WordPress kurulumu için hangi ana bilgisayar kullandığım değiştirmek istiyorum. WordPress sitemi ön uçtan çıkarabilir ve yeni bir ana bilgisayara yönlendirebilir ve kesinti olmadan ön ucuna bağlayabilirim. Böylece, örneğin WordPress kurulumumun saldırıya uğradığını hayal edebilirsiniz. Önümü koruyabilirim çünkü tüm mimari ayrılmıştır.
Şimdi onu Jonathan’a iletmek ve WordPress başsız, hız ve güvenilirlik hakkında konuşmak istiyorum. Jonathan Jeter: Teşekkürler Haşim. Başsız olduğu ve nasıl çalıştığı hakkında tüm teknik ayrıntıları okuduğunuz için teşekkür ederiz. Şimdi bir pazarlamacı için başsız yapılabilecek tüm olağanüstü şeylerin tüm eğlenceli şeylerini tartışabilirim. Bu yüzden örneklerle başlamak istiyorum – bunu birkaç yıl önce kurtuluş için yaptık. Yıllık bir rapor web sitesi var ve yaptıkları şey temelde söylediklerini, finansal katkı raporlarını ve paranın nasıl kullanıldığını ve yıl boyunca yardım edilen tüm kişilere vermek. Yani bu sadece yılda bir kez güncellenen bir site. Ve o zaman statik bir siteydi. Bu nedenle, içeriğin yılda bir seferde güncellenmesi gerektiğinde, insanlar manuel olarak girmeli ve HTML’yi değiştirmelidir. Ve bunu yapan pazarlamacılar olan insanlar bunu geliştiriciye vermeli ve değişiklik yapmalıyız. Yani bu süreç var. O zamanlar içerik editörleri olan ve içeriği güncelleyen ve daha sonra siteyi otomatik olarak statik bir siteye dışa aktarmanın bir yolunu istedik. Devam eden geliştirme değişikliklerini ortadan kaldırmak ve içeriğin içerik düzenleyicisinin veya içeriğinin kendisinin içeriğe girmesine ve içeriğe girmesine ve hazır olduklarını bize bildirmesine izin vermek. Bu durumda Gatsby’yi kullanıyoruz. Ve WordPress’i arka uç için kullanıyoruz. Ve bu, normalde kullandıkları arayüz pazarlamacılarına vermemizi sağlar. WordPress’in kullanımı kolaydır.
Yılda bir kez oraya girip içerik oluşturabilir veya içerik düzenleyebilirler. Ve verilerin WordPress API’sından sunulma şeklini değiştirmenizi sağlayan GraphQL adlı bir teknoloji kullanıyoruz. Sonra verileri kullanmak ve statik bir site oluşturmak için Gatsby’yi kullanırız. Yani önceki noktaya göre, statik bir site, yapmanıza izin veren şey veritabanı değildir. Sitenin arkası olan başka bir teknoloji yok. Ve çok güvenilir, oldukça istikrarlı ve çok hızlı olacak. Böylece proje çok iyi gitti. Son birkaç yıldır bunu korumaya devam ettik. Ve bulduğumuz şey, zorluklardan biri, geliştirme sitesine içerik eklemeseniz bile Gatsby ve diğer teknolojileri her zaman güncellemeniz gerektiğidir. Ona giren küçük bir tedavi var. Ancak bu, bir web sitesinde değişiklik yapmak istediğinizde bir geliştirme ekibinden geçmek zorunda kalmadan kendi içeriklerini düzenleyebilmeleri için pazarlamacılar çok özgür. Hız ve güvenilirlik ve neden önemli olduğu hakkında başka bir şey, çekirdek web canlılarını hiç duymadıysanız, kesinlikle duyacaksınız. Bu konferansta duymuş olabilirsiniz. Ancak Google’ın Core Web Vitals ile yaptığı şey, kullanıcı deneyiminin çok önemli olduğunu ve çok önemli olanın hız olduğunu söylüyor. Birisi siteyi ne kadar hızlı görebilir? Ve herkes, içerik yüklemesini görmezse, sitenizden ne kadar hızlı sıçrayacağına dair istatistikler duyar. Ya da dikkatlerini çeken hiçbir şey görmezlerse.
Google, sitenizin ne kadar hızlı yüklendiğini izlemek için bu yolları buldu. Ve bazen sadece sıradan WordPress veya diğer CMS kullanıyorsanız, tema ve arka uç çekirdek koduyla sabitlendiği için ön uçla yapabileceğiniz çok şey yoktur. Ön uçları başsızla ayıran şey, farklı bir ön uç çerçeve kullanmaktır, daha esnek olabilirsiniz ve bu içerikteki verileri daha hızlı hale getirmek ve Google’ın bu kılavuzu takip etmek için kullanma şeklinizi ayarlayabilirsiniz. önümüze koydu. Bunu şu anda üzerinde çalıştığımız birkaç sitede yaptık. Ve bu sadece ön uç geliştiricinin gerçekten girmesi ve ayarlamayı da yapması için size izin verir. Ve listeye çekirdek web hayati değerlerini girerseniz göreceksiniz. Ancak kodu değiştirmek, yalnızca bu sayfa için gerçekten gerekli olan JavaScript CSS içerir. Tüm bu farklı şeyler var, ilk şeyi bu sayfaya olabildiğince hızlı yüklediğinizden ve birçok komut dosyası içermediğinizden emin olun. Ve sonra kahramanın resmini yükleyin. Böylece kullanıcılar en iyi deneyime sahip olur ve hemen içeriği görürsünüz. Ve ön uç çerçevesinin birçoğu, React ve Vue ve Angular ve diğerleri bu tür şeyleri ayarlamanıza izin verecektir. Örneğin, sayfa için içerik aldık, yalnızca bu sayfa için gereken içeriği yükledik. Ve sonra Hashim’in daha önce söylediği gibi, içerik olarak yüklenerek – sitenin geri kalanı için içerik yüklemeye başladık. Yani, birisi sitedeki başka bir yere bir bağlantıyı tıkladığında anında.
İçerik yüklendi ve sayfayı sayfaya açmaya devam ediyorsunuz.Ve bu gerçekten kullanıcının deneyimini geliştirir.Yani başsız, bunların çoğunu yapmanıza izin verir.Ön çekim içeriği, bir tarayıcıya ve ne zaman yüklü olanı ayarlayarak.Ve bu gerçekten kullanıcı deneyimine yardımcı olur.Ancak sonunda, arama sonuçlarınızda ve bu tür şeylerde arama motoru sıralamalarınıza da yardımcı olur.
Başka bir şey, başsız size esneklik vermesidir. Peki bununla ne demek istiyorum? Artık sadece içerik yönetim sistemine bağlı değilsiniz. Böylece birçok veri kaynağı kullanabilir, web sitenizde neler sunacağınızı göstermek için WordPress’e koyabilirsiniz. Dolayısıyla, bir örnek, bir sağlık kulübü ve böyle şeyleri olan gençlik organizasyonları için üzerinde çalıştığımız site içindir. Bir sınıf programı var ve gönüllü bilgileri var ve bağışları var. Ve bunların hepsi, işlerinin tüm farklı yönlerini yönetmek için kullandıkları farklı hizmetlerdir. Ancak şimdi WordPress’te olabiliriz, tüm sistemlere bağlanabilir, verileri WordPress’e çekebilir, böylece tüm farklı sistemlere girmek ve bunları düzenlemek yerine tek bir yerde düzenlenebilir. Ve sonra veriler alınabilir ve bir sonraki slaytta görecektir, ancak WordPress bunu ön uca veya verileri emecek diğer sistemlere gönderebilir. Bu yüzden esneklik iyi, bunu daha önce deneyimledik, içerik yönetim sistemini bu bölümle çalışacak şekilde yeniden programlamalıyız. Ya da bunu sık sık söylediğimizden emin olmalıyız. WordPress eklentileri var mı? WordPress kullanıyorsanız ve CRM veya Salesforce veya Hubspot ya da dediğiniz gibi bir şey demek istiyorsanız, verileri girmek için kullanabileceğimiz bir eklentisi olup olmadığı gibi?
Ve çoğu zaman biz, hayır, ama bu formu girerseniz – kısa kod – ve gönderilecek bu formu koyarsanız. Bu şeylerin üstesinden gelebilirsiniz. Ancak yapmanızı sağlayan şey, verileri API aracılığıyla kullanılabilir hale getirdiğiniz şekilde doğrudan bu kaynaklardan almaktır. Verileri emiyorsunuz. Onu manipüle edersiniz veya gerektiği gibi değiştirirsiniz, diğer kaynaklar için kullanılabilir hale getirmeyi seçerseniz bir araya getirin. Aynı şekilde birçok veri kaynağına, farklı veri indirimlerine sahip olabilirsiniz. Belki üç veya dört farklı markanız var veya ona katkıda bulunan birkaç departmanınız var ve hepsinin kendi sistemleri var. Her şeyi birleştirebilir ve tüm verileri şimdi aynı sistemdeki her şeyi yönettiğiniz yere koyabilirsiniz. Ve WordPress Admin’i yapılandırabilirsiniz. Şimdi yapabileceğiniz yere ileri geri gidebilirsiniz-örneğin CRM kullanın, bir müşteri ilişkileri yönetimi sistemi-şimdi bunu yapabilirsiniz, bunu yapmanız ve bunu değiştirmeniz gereken biri olmak yerine bunu yapabilirsiniz. Ve bu sisteme girip değiştirmeliyim. Ve bu diğer sisteme girmeliyim, şimdi yapabileceğiniz tek şey WordPress yöneticisini tüm veri kaynaklarına bağlayabilmenizdir. Ve aslında sadece veri almakla kalmaz, aynı zamanda sistemdeki verileri de değiştirebilirsiniz. Yani şimdi işaretleyicilerinizin içeriği düzenlemesi için tek bir yerde, CRM’de nasıl geliştiğini görün. Bu çok esnek. Öte yandan, içeriğinizi birkaç uygulamaya görüntüleme yeteneğine sahipsiniz.
Ve bu, artık masaüstü web siteleriniz ve hücresel siteleriniz için veri kaynaklarınız olduğu anlamına geliyor. Ve çoğu zaman aynı şey, şimdi söyleyebildiğiniz için, mobil cihazlar için gerçekten bu şekilde içerik yapacağımızı ve masaüstleri için çok özel bir nedenden dolayı bu şekilde yapacağımızı biliyorsunuz. Oh, ve orijinal uygulamamız için, aynı içerik yönetim sistemini gerçekten kullanacağız ve uygulamaya da gireceğiz. Ve biraz farklı bir şekilde biçimlendireceğiz çünkü farklı bir parça gerektirecektir. Bunu WPGRAPHQL ve verileri değiştirmenize izin veren çeşitli sistemlerle yapabilirsiniz. Ve bir yerde çalışan dinamik reklamlarınız varsa, şimdi temel olarak kullanım için tüm farklı uygulamalar için bitiş noktasına veya verilere sahipsiniz. Açıkçası kimlik doğrulama ve ihtiyacınız olan tüm farklı şeylerle, verilerin her zaman sadece hiçbir yere gitmesini istemezsiniz. Ama şimdi birisi dediğinde, hey, içeriğinizi gerçekten seviyoruz ya da markanızı veya herhangi bir şeyi tanıtmak istiyoruz. En son blog yayınınızdan veya başka bir şeyden yem alabilir miyiz? Artık verileri sağlamanın birçok yolu var. Bir sonraki şey tutarlılık. Ve buna biraz dokundum. Ancak bu, pazarlamacılarınızın verileri girmesi ve verileri manipüle etmesi için bir arayüz kullanabilme yeteneğidir. Ve içerik açısından her şeyin olması gerektiği gibi olmasını sağlamak.
Bu yüzden burada daha önce WordPress kullanan müşteriye sorduğumu hatırlıyorum? Ve odadaki herkes, şirket için kendi blogları veya web sitesi için olsun, odadaki herkes bunu kullandı. Bu sadece bilinen bir arayüz. Bu çalışmanın çok kolay bir yolu. Böylece eğitimi azaltmak. Şunu söylemenize gerek yok, tamam, sitede mevcut olmanız gereken içeriği elde edebilmek için sizi bu sistem ve bu sistem ve bu sistem hakkında eğitmeliyiz. Ayrıca, uzmanlaşmış ve eğitimli, yine CRM veya e-ticaret sistemi veya içerik girebilmek için herhangi bir şey gerektirmez. Ve şimdi çok kolay. Bu çok basit. Verileri çok az eğitim ile girebilirsiniz. Ayrıca kullanıcı yönetimine de yardımcı olur. WordPress’e ekleyebileceğiniz tek bir giriş sistemi ile kullanıcıları yönetmenin çeşitli yolları vardır. Ancak yapmanızı sağlayan şey, o kişi – sitedeki içeriği yönetecek çalışanın girmek için tek bir yeri var. Kullanıcıyı bu şekilde yönetiyorsunuz ve ağ kullanıcı yönetim sisteminizin WordPress’e bağlayıcı olduğunu söylüyor, WordPress bunu ilgilendiriyor. Şimdi WordPress’e girmek için şirketimin kimlik bilgilerini kullanabilirim ve şimdi oraya erişimim var. Ve tüm bu farklı yerlerde kullanıcıları yapmak zorunda değilim. Onlara sadece bu sisteme erişim verdim. Ve sonra WordPress de, birçok CM gibi, WordPress’in çok iyi bir yayıncılık iş akışı var. Şimdi sisteminizden veri çizerek yapabilirsiniz.
Verilerle ne yapılacağına giren ve karar veren bazı kişilere sorun. Örneğin takvim olayını onaylayın veya verileri geri çekin ve blog yayınlarını yazın ve ardından başkalarının düzenleyebilmesi veya kabul edebilmesi veya onay süreci aracılığıyla bir sonraki adıma getirin. Ve sonra planlayabilir veya otomatik olarak bir şeyler yayınlayabilirsiniz. Ve yayınlandığında, ön uç şimdi sadece daha fazla veri olarak görüyor. Ve bu onu al ve onunla yapılması gerekenleri yap. Ve bir kez daha, başsız olarak tüm bu şeyler, hız ve güvenilirlik yeteneğine sahipsiniz. Sık sık güvenilirliğe geri döneceğim çünkü bunun çoğumuz için çok önemli olduğunu düşünüyorum. Ancak yapmanıza izin veren şey, şimdi burada veri girdik. Hepimiz rahatız. Nereye gideceğini biliyoruz. Hashim’in daha önce de belirttiği gibi, aynı sayfada statik ve dinamik içeriğe sahip olabilirsiniz. Bunu Gatsby aracılığıyla girersem veya kullandığım başka bir şeyim varsa, veritabanı veya WordPress veya bazı nedenlerden dolayı parçaların düştüğü veya mevcut olmadığı veya bir ağ sorunu olduğu zamanlar olabilir. Ve web sitem hala aktif ve çalışıyor çünkü statik içeriğim var. Ve şimdi sadece kontrol edebilir ve hatalar verebiliriz, hey bu içerik şu anda mevcut değil. Ancak web siteniz hala aktif. Tüm web siteleri aşağı inmez. Yalnızca bu şeyler kaybolduğunda kullanılamayabilecek dinamik verilere bağlı olan bazı parçalarınız vardır.
Yani birçok başsız fayda var ve ön uçtan arka uçtan ayırın. Bu, tüm bunları yapmanızı sağlar. Ama bazı zorluklar da var. Ve sadece vermek istemiyorum, hey hepsi sakız ve gül ya da her neyse. Başsız bir platformla çalışacaksanız dikkate almanız gereken bazı şeyler var. Örneğin, yalnızca bir WordPress siteniz olmadan önce, şimdi bir WordPress siteniz ve birkaç ön uç teknolojisi türünüz var. Ev sahibi nerede olacaksın? İkisi arasındaki ilişkiyi nasıl yöneteceksiniz? Kim olacak – Zaten WordPress eklentisini güncelleyen birini söyleyen biri var. Kim yönetecek? Ve Gatsby, güncel olduğundan emin olmak için eklentiyi güncelledi. Başsız bir başka zorluk ve bu iyi bir zorluktur, çünkü şimdi size bu esneklik verildi, hey, artık tüm içeriğimizi tek bir yerde yönetebiliriz. Öyleyse, şimdi verileri tasarlamanız gerektiği anlamına geliyor. Artık sadece, hey, birkaç sayfayı birleştireceğim. Ve bu sadece web siteleri içindir, bu yüzden önemli değil. Sadece tüm bu içeriği gireceğim, kategoriler ve etiketler oluşturacağım ve bunu yapmaya hazırım. Şimdi gerçekten düşünmelisiniz, bu sitenin bölümüne girdiğim içeriği merhaba, başka bir yerde yeniden kullanılacak mı? Bu, orijinal uygulamamız veya bazı uygulamalarımız tarafından farklı bir şekilde geri çekilecek mi? Başka bir yerde çalıştırdığımız birkaç dinamik reklamda kullanılacak mı? Sosyal yoluyla geri çekilecek mi? Bu içeriğin tüm kullanımları nerede? Ve gerçekten önceden planlamanız gerekiyor.
Şimdi buna göre ayarlayabilirsiniz. Şimdi sadece söylemek yerine, hey, bak, web sayfaları için bu içerik alanımız var. Şimdi sahip olabilirsiniz, bu sayfanın içerik alanıdır. Ve şimdi bunlar burada içerik çeken bir şey için meydana gelen bazı ek işaretler. Ve belki de bu, diğer sitelerde veya hücresel uygulamalarımız için kullandığımız açıklamayı söylemek için kullandığımız kısa bir versiyondur. Bu yüzden sadece biraz daha fazla düşünce ve planlama gerektirir. Ancak bunun nedeni, içerikle neler yapabileceğiniz için tüm olasılıklara ve diğer seçeneklere sahip olmanızdır. Ve ayrıca, ilk başta, maliyet daha yüksek olabilir. Şimdi kullandığınız platform var. Bu açık kaynak, açık kaynak çok iyi. Ancak bakım için sahip olduğunuz belirli bir bütçeniz var. Şimdi başka bir platform ekliyorsunuz. Ön uç, [duyulmuyor] Gatsby veya sonraki veya sonraki veya bir sonraki gönderen herhangi bir şey eklersiniz. Tüm bunlar nerede ve bununla nasıl ilgileniyoruz? Yani bir kez daha, başlangıçta maliyet daha yüksek olabilir. Ancak sonuçları iyi gördüğünüzde, şimdi bahsettiğimiz tüm avantajlar, yani – ve şimdi herkes içeriği tek bir yere koyuyor. Şimdi bunu birçok yerde kullanabiliriz, tüm bu faydalar var. O zaman, oh evet, yatırımın geri dönüşü olağanüstü. Çünkü şimdi birçok platform oluşturmam ve bunları yapmam gerekmiyor. Başka bir zorluk ve bu üzerinde çalışılan mevcut zorluk.
Eminim yakın gelecekte bu geçmiş olacak ya da çok kolay ele alınacak, içeriğin önizlemesidir. Çünkü şu anda WordPress’te yapmanız gereken birincil düğmeye basmak ve şimdi sayfayı görüyorsunuz. Bunun nedeni WordPress’in PHP’de oluşturulmasıdır. Tam olarak ne ortaya çıktığını görüyorsunuz. Şimdi, ele almanız gereken bir yerde bir ön uç çerçeveniz var. Şimdi veri veriyorsunuz, şimdi başka bir yerde kullanmanız gerekiyor. Bu diğer sistemlerden birinde tepki vermek veya incelemek için üzerinde çalışmak zorundayım. Şimdi bununla ilgili çok iyi bir şey, atlas ürünleri ile WP motoru, bunun için bir çözüm buldular. Ve ortaya çıkan başka çözümler de var. Bir eklenti var. Yani bu ele alınan bir şey. Ancak eklentiler, Hashim, WP Engine hakkında konuşmak, işte nasıl çalıştıkları konusunda uyumluluk konusunda çok deneyime sahiptir. Bence uyumlu WordPress eklentileriyle ve eklentiler ve WordPress ile ilgili sorunlar veya zorluklar ile konuşabilirsiniz. Hashim Warren: Tabii. Teşekkürler Jonatan. Yani pazarlama ekibinin WordPress başsızına döndüklerinde geliştirme ekibinden bilmek istediği ilk şeylerden biri, eklentim nerede? Hangi eklenti kullanabilirim? Hangi eklenti kullanamıyorum? Ve çoğu zaman WordPress projeniz için, WordPress projenize işlevsellik eklemek için belirli bir eklentiye güvenirsiniz. Bu yüzden WordPress Repo’daki en iyi 100 eklentiyi kontrol ettim ve aslında, ilk 100 eklentinin% 33’ünün başsız olarak işlev gördüğünü gördüm.
Dolayısıyla, pratik kural, eklentiniz web sitenize ön uç dokunmazsa, WordPress Headless ile kullanabilirsiniz. Bu nedenle, kullanıcı yönetimi veya editoryal iş akışı için belirli bir eklenti, WordPress Headless ile olanı kullanabilirsiniz. Şimdi diğer eklentilerden oluşan bir koleksiyon var, diğer eklentilerin yaklaşık% 20’si kullandığınız herhangi bir ön uç çerçevesi tarafından gerçekten kullanılmıyor. Bu nedenle, Gatsby veya Next.js gibi bir şey kullanıyorsanız, WordPress için artık bir görüntü optimizasyon eklentisi kullanmanıza gerek yok. Bu nedenle, görüntü optimizasyonu veya WordPress ile önbellekleme gibi kullanmanız gerekmeyen başka bir eklenti koleksiyonu var. Şimdi, varsayılan olarak bu çerçeve ile değiştirilmeyen ön ucuna dokunan birçok kişi tarafından güvenilen bir eklenti var. Ve verdiğim tavsiye, bir numara: Gatsby gibi bir sistem kullanıyorsanız, Gatsby’nin WordPress için kullanabileceğiniz bazı eklentileri değiştirebilecek binlerce eklenti var. Favorilerimden biri Google Analytics eklentisi. Gatsby için Google Analytics eklentisi, yalnızca WordPress için analitik eklentinin ücretli sürümünde bulunan birkaç özelliğe sahiptir. Yani bire bir eklentinin yerini alıyor. Ayrıca reaksiyon ekosistemleri ve daha geniş JavaScript ekosistemleri vardır. Geleneksel WordPress kullandığınızda WordPress eklentilerinin siteniz için yaptıklarını değiştirmek için bir React veya JavaScript kitaplığı kullanabilirsiniz. Ve sonra Formlar gibi bir WordPress ve ön uç düzenleme sistemi ile çalışan bir eklenti var.