WordPress Headless – Yeni başlayanlar için nasıl kullanılacağına dair tam rehber
İnternette bilgileri paylaşma şeklimiz büyümeye devam ediyor. Bugün bir trend gibi görünen şey ertesi gün eski olabilir. Başsız HeadPress gibi yeni teknoloji trendleri içerik yönetimini kolaylaştırır. WordPress platformu, kutunun dışında birçok özellik ile birlikte gelir. Ancak, web sitenizde daha iyi performansa ve daha fazla esnekliğe ihtiyaç duyduğunuz zamanlar vardır. Böyle bir senaryoda, WordPress sitenizi başsız bir CMS’ye dönüştürmek iyi bir çözümdür. Tüm kavramlar sizin için roket bilimi gibi geliyorsa endişelenmeyin. Bu kılavuz, başsız bir WordPress’in ne olduğunu ayrıntılı olarak açıklayacaktır. O zaman size WordPress’te nasıl kullanılacağını göstereceğiz.
İçindekiler:
Başsız WordPress nedir?
Artıları ve Eksileri Kafası Olmayan WordPress
WP Başsız Nasıl Çalışır?
Başsız WordPress sitesi nasıl oluşturulur
Çözüm
Başsız WordPress nedir? WordPress, mevcut en popüler içerik yönetim sistemlerinden biridir. CMS, içeriğinizi çevrimiçi yönetmek için ihtiyacınız olan araçları sağlayan eksiksiz bir yazılım çözümüdür. Bu, ön uç ve arka uç uygulamasını içerir. Backend, WordPress veri koleksiyonunuzu veritabanından işler ve verileri içerik olarak kullanıcının tarayıcısına gönderir. Ön uç kullanıcınızın WordPress sitenizi ziyaret ettiklerinde gördüğü şeydir.
Başsız CMS kavramı, içerik paylaşımını kolaylaştırmak için taşınır. Başsız CMS, mikro hizmet mimarisini kullanır. Bu, WordPress kurulumunuzu ön uç ve arka uç bileşenlerine ayırmanız anlamına gelir. Ayrıldığında, arka ucunuzu ve ön ucunuzu ayrı bir sunucuda barındırabilirsiniz. Herhangi bir fretend çerçevesini kullanarak web sitenizi ayarlama esnekliği sağlar. Çekirdek WordPress varsayılan olarak başsız bir CMS ile gelmez. Ancak, WordPress’e dahil olan bir restoran kullanarak, WP kurulumunuzu başsız bir içerik yönetim sistemine dönüştürebilirsiniz. Arka uç ve API dinlenme varsayılan WordPress arabirimini koruyun. Bu, bilinen WordPress kontrol panelinden içerik ekleyebileceğiniz ve diğer yönetim görevlerini gerçekleştirebileceğiniz anlamına gelir. Öte yandan, ön uç artık WordPress’e bağlı değildir. Bu, WordPress temanızın devre dışı bırakıldığı anlamına gelir, ancak web sitenizi oluşturmak için bir ön uç çerçevesi seçme konusunda daha fazla esnekliğiniz vardır. Başsız WordPress sitelerinin örnekleri, TechCrunch, Facebook Marka Kaynakları, Uber Marka Deneyimi, NPM ve diğerleri gibi birçok büyük markada görülebilir.
Artıları ve Eksileri Kafaları olmadan CMS mimarisi, web sitenizde içerik yayınlama ve görüntüleme şekli üzerinde size daha fazla esneklik ve kontrol sağlar. Bununla birlikte, bahsedilmesi gereken bazı zayıflıkları da var. Bu bölümde, WordPress sitenizde başsız mimariyi kullanarak bazı artıları ve eksileri tartışacağız. Bu şekilde, web sitenize uygulamak için doğru kararı verebilirsiniz. Geleneksel WordPress’i kullanarak içerik yayınlayan çoklu içerik yayınlama müdürü olmadan WordPress’in avantajları zor olabilir, çünkü kullanabileceğiniz platform sayısıyla sınırlıdır. Ancak, başsız mimariyle, bir arka uç wordPress kullanırken içeriğinizi herhangi bir platformda yayınlayabilirsiniz. REST API, WordPress sitelerinin hücresel uygulamalar, masaüstü uygulamaları, tek sayfalık uygulamalar (SPA) ve aşamalı web uygulamaları (PWA) gibi platformlara entegrasyonunu kolaylaştırır. Vanilya WordPress programlama dilleri PHP ve biraz JavaScript kullanılarak oluşturulur. Yani, bir WordPress geliştiricisi olmak için PHP’ye alışmalısınız. Başsız bir WordPress kullanarak arka ucunu ön uçtan ayırdıktan sonra, web sitenizi istediğiniz programlama dilini kullanarak oluşturabilirsiniz. Bu, WordPress’i Django, React, Vue veya Angular gibi bir çerçeveyle birleştirebileceğiniz anlamına gelir. Ayrıca, Flutter veya Swift gibi araçları kullanarak hücresel uygulamalar oluşturabilirsiniz. WordPress’in Geliştirilmiş Güvenliği güvenli bir platformdur ve ayrıca bir güvenlik eklentisi kullanarak sitenizin güvenliğini artırmanıza olanak tanır. Ancak WordPress, ön uç ve arka uç aynı sunucuda olduğu bir monolitik mimari kullanır. Sunucunuz bu tür uygulamalarla risklidir.
WP Headless, WordPress sitenizi ayırmanıza ve ön ucunu ayrı bir sunucuya ayırmanıza olanak tanır. Bu başsız yaklaşım, sadece sitenizin önü, genel halk tarafından erişilebilen anlamına gelir. Bu nedenle, bilgisayar korsanlarının sitenizdeki hassas bilgilere erişmesini zorlaştırır. Hızlı Yükleme Web Sitesi Ön uca arka uçtan ayırdığınızda, sunucu görevlerinizin bazılarını azaltır ve böylece sitenizi hızlandırır. Buna ek olarak, WordPress sitenizi React gibi bir ön uç kitaplığı ile entegre ettiğinizde, sitenizin yükleme süresini önemli ölçüde artıracaktır. Bunun nedeni, React’in tek sayfalık uygulama (SPA) mimarisini kullanmasıdır, bu da arka planda yüklenen sitenin arka planda yüklenmesini önleyen mimariyi kullanır. sunucudan veriler. WordPress sitenizi ayırarak ön uç çerçevesini değiştirmek kolay, daha önce bahsettiğimiz gibi herhangi bir ön uç çerçevesi ile kolayca entegre edebilirsiniz. Ayrıca, sunucuda herhangi bir değişiklik yapmanıza gerek olmadığı için farklı bir çerçeveye dönüşmeyi kolaylaştırır. Bu aynı zamanda iş yükünü de basitleştirir, çünkü yalnızca ön uç çerçevesine alışmanız veya bir ön uç geliştiricisi kiralamanız gerekir.
Başsız WP kafaları olmayan WordPress, birçok avantajı nedeniyle WordPress’in geleceği gibi görünüyor. Ancak, bu sistemi web sitenizde kullanmak için zayıf yönler de vardır. Bunlardan bazıları; Büyük Öğrenme Eğrisi Web sitenizde Headless WordPress kullanmaya başlamadan önce, restoranın nasıl çalıştığı konusunda güçlü bir anlayışa ihtiyacınız var. Ayrıca, geri kalanının son noktasından veri nasıl alacağınızı ve kullanacağınızı bilmeniz gerekir. Bu, bunu anlamak için çok fazla iş ve zaman gerektirir. Geliştirici olmadıkça, WordPress’in vanilya versiyonunu kullanmanız daha iyi. Değilse, profesyonel bir geliştirici kiralamanız gerekir. Doğrudan bir inceleme yoktur ve Wysiwyg Wysiwyg editörünün işlevi, aldığınız şey için kısa. WordPress’te bu, içeriğinizin Gutenberg blok düzenleyicisinde nasıl görüneceğinizi, sitenizin ön ucunda görüneceği anlamına gelir. Bu, WordPress’i dünyanın en iyi CM’lerinden biri olarak yerleştiren özelliklerden biridir. Buna ek olarak, WordPress ayrıca web sitenize parça düzenlerken veya ekleme eklerken sitenizin nasıl göründüğünü gösteren doğrudan bir önizleme özelliğine sahiptir. WordPress CMS’yi ayırırsanız, Direct Review ve WYSIWYG Editor’a erişimini kaybedersiniz. Bu, bir tarayıcıda önizlemeye bakarak yaptığınız her değişikliği manuel olarak kontrol etmeniz gerektiği anlamına gelir.
WordPress’i birçok durumda ayıran ekstra teknik bilgi gerektirir, sitenizi manuel olarak oluşturmak istediğiniz anlamına gelir. Bir ön uç oluşturmak için, en az bir ön uç çerçevesine alışmalısınız. Teknolojiyi anlamıyorsanız, bu teknolojiyi web sitenizde kullanmanız zor olabilir. Ayrıca, WP REST API’sını kullanmadan önce, web teknolojisinin genel olarak nasıl çalıştığı hakkında teknik bilgiye sahip olmanız gerekir. Daha fazla tema ve eklenti temaları yoktur ve eklentiler, özellikle yeni başlayanlar için WordPress’i eğlenceli ve kullanımı kolay hale getirir. Başsız bir WordPress platformuna döndüğünüzde, bu özelliklere erişimi kaybedersiniz. Bu, web sitenizde sahip olmak istediğiniz işlevleri manuel olarak oluşturmanız gerektiği anlamına gelir, bu da eklentileri ve temaları kullanmaya kıyasla karmaşık olabilir ve zaman ayırır. Ayrıca, web sitenizdeki kullanıcıları doğrulamak için mantık oluşturmanız gerektiğinden, kimlik doğrulama uygulaması karmaşık olacaktır.
Yüksek Bakım Maliyetleri Genellikle teknolojiyi anlamıyorsanız sitenizde güncellemeler yapmak için ön uç geliştiricileri kiralamanız gerekir. Ön uç manuel olarak yapıldığından, yapmak istediğiniz her değişiklik de manuel olarak uygulanmalıdır. İşletmenizin teknolojiyi anlayan bireyleri yoksa, bu, web sitenizde günlük bakım yapacak bir ön uç geliştiricisi kiralamak için ekstra ödeme yapmanız gerektiği anlamına gelir. WP Headless’ın nasıl çalıştığı Sitenize kafa olmadan HeadPress uygulamadan önce, sistemin nasıl çalıştığını öğrenmek önemlidir. Başsız WordPress, her ikisi de ön uç ve arka uçları CMS’den ayırdığı için mimariye benzer. Bununla birlikte, başsız olarak, ayrı CMS gibi belirli ön uç teknolojisi ile sınırlı değilsiniz. Başsız WordPress ayarlarında, arka uç CMS’ye içerik eklemek ve yönetmek için geleneksel WordPress yönetici panelleri kullanır. API daha sonra veritabanınızdan veri almak için kullanılır. API’dan verileri ön uç web sitenizden veya içeriğinizi yayınlamak istediğiniz herhangi bir kanaldan görüntüleyebilirsiniz. Başsız WordPress sitesi WordPress Rest API kullanılarak uygulanır. API, arka uç sunucusundan ön uca göndermek ve almaktan sorumludur. Neyse ki, WordPress API geliştiriciler için süreci kolaylaştırır. Daha da basitleştirmek için, sitenizde WP’yi başsız uygulamak için WPGraphql kullanabilirsiniz. WordPress API, web sitenizin yayınlar, sayfalar, kullanıcılar veya özel yayın türleri gibi herhangi bir yönüne erişmek için kullanabileceğiniz bitiş noktasını sağlar.
WP Headless’ın arkasındaki mimariye alıştıktan sonra, şimdi WordPress Sitesi Nasıl Yapılır, WordPress kurulumunda üç kolay adımda nasıl kullanılacağını göstereceğiz. Birinci Adım – Özel Aktarımı Yapılandırma Bu adımı, aktarımın WordPress ana sayfanızdan yeni ön uç uygulamanızın URL’sine aktarılmasını içerir. Aktarımı manuel olarak ayarlayabilir veya WordPress eklentisini kullanabilirsiniz. Burada, yeniden yönlendirmeyi işlemek için başsız bir mod eklentisi kullanacağız URL’yi ekledikten sonra, eklenti, web sitenize erişmeye çalışan tüm kullanıcıları belirttiğiniz URL’ye yönlendirir. Yalnızca WP REST API veya WPGRAPHQL taleplerine izin verir. Bu, API üzerinden arka uçtan veri almanızı sağlar. Başlamak için WordPress sitenizdeki Headless Mode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. WordPress eklentilerinin nasıl yükleneceğine dair adımlar için lütfen bu kılavuzu kontrol edin. Eklentiyi etkinleştirdikten sonra, WP-Config dosyanıza bir parça kod eklemeniz gerekir. Bunun için sitenizi FileZilla gibi FTP istemcilerine bağlayın. Burada nasıl yapılacağını öğrenin. Bağlandıktan sonra, sağ tarafta, site dosyanızı (genellikle public_html) içeren bir dizine gidin.
Burada, wp-config.php dosyasına sağ tıklayın ve görünüm/düzenle’yi seçin. Dosyayı açmak için metin düzenleyicisini seçin.
Ardından, aşağıdaki kod satırını dosyaya ekleyin. Tanımlama (‘headless_mode_client_url’, ‘https://mysite.com’); MySite.com’u gerçek Frontnd adresiyle değiştirdiğinizden emin olun. Değişikliği kaydet, olmanız ve dosyaları yeniden oluşturmanız istenecektir. Artık web sitenize erişmeye çalışan herkes, yapılandırma dosyasında belirttiğiniz yeni adrese yönlendirilecektir. Bu şimdilik statik bir site olabilir. Arkaya dokunulmadan kalır, yani WordPress kontrol panelinizden yayın veya sayfa ekleme gibi yönetimsel görevler yapabilirsiniz. İkinci adım – ŞİMDİ FIRE kullanarak içeriği alın ve görüntüleyin, WordPress’i başsız bir CMS’ye dönüştürmeyi başardınız. Bir sonraki adım, arka uçtan içerik almak ve daha sonra kullanmak istediğiniz herhangi bir kanala görüntülemektir. WordPress Rest Fire’ı bu amaçla kullanabilirsiniz. WPGraphQL gibi diğer seçenekler de mevcuttur, ancak bu kılavuzda WordPress API’sını kullanmaya devam edeceğiz. Başlamak için, site adresinizi girin ve adres çubuğuna ‘/wp-json’ ekleyin. URL aşağıdaki gibi görünecektir: https://mysite.com/wp-json, wordPress blogunuzun arka uç adresi ile mysite.com’u değiştirin. Sayfayı açtıktan sonra, tüm WordPress sitelerinizi JSON formatında görüntüler. Gönderinize erişmek için URL’yi aşağıdaki şekilde değiştirin: HTTPS:
İçindekiler:
Başsız WordPress nedir?
Artıları ve Eksileri Kafası Olmayan WordPress
WP Başsız Nasıl Çalışır?
Başsız WordPress sitesi nasıl oluşturulur
Çözüm
Başsız WordPress nedir? WordPress, mevcut en popüler içerik yönetim sistemlerinden biridir. CMS, içeriğinizi çevrimiçi yönetmek için ihtiyacınız olan araçları sağlayan eksiksiz bir yazılım çözümüdür. Bu, ön uç ve arka uç uygulamasını içerir. Backend, WordPress veri koleksiyonunuzu veritabanından işler ve verileri içerik olarak kullanıcının tarayıcısına gönderir. Ön uç kullanıcınızın WordPress sitenizi ziyaret ettiklerinde gördüğü şeydir.
Başsız CMS kavramı, içerik paylaşımını kolaylaştırmak için taşınır. Başsız CMS, mikro hizmet mimarisini kullanır. Bu, WordPress kurulumunuzu ön uç ve arka uç bileşenlerine ayırmanız anlamına gelir. Ayrıldığında, arka ucunuzu ve ön ucunuzu ayrı bir sunucuda barındırabilirsiniz. Herhangi bir fretend çerçevesini kullanarak web sitenizi ayarlama esnekliği sağlar. Çekirdek WordPress varsayılan olarak başsız bir CMS ile gelmez. Ancak, WordPress’e dahil olan bir restoran kullanarak, WP kurulumunuzu başsız bir içerik yönetim sistemine dönüştürebilirsiniz. Arka uç ve API dinlenme varsayılan WordPress arabirimini koruyun. Bu, bilinen WordPress kontrol panelinden içerik ekleyebileceğiniz ve diğer yönetim görevlerini gerçekleştirebileceğiniz anlamına gelir. Öte yandan, ön uç artık WordPress’e bağlı değildir. Bu, WordPress temanızın devre dışı bırakıldığı anlamına gelir, ancak web sitenizi oluşturmak için bir ön uç çerçevesi seçme konusunda daha fazla esnekliğiniz vardır. Başsız WordPress sitelerinin örnekleri, TechCrunch, Facebook Marka Kaynakları, Uber Marka Deneyimi, NPM ve diğerleri gibi birçok büyük markada görülebilir.
Artıları ve Eksileri Kafaları olmadan CMS mimarisi, web sitenizde içerik yayınlama ve görüntüleme şekli üzerinde size daha fazla esneklik ve kontrol sağlar. Bununla birlikte, bahsedilmesi gereken bazı zayıflıkları da var. Bu bölümde, WordPress sitenizde başsız mimariyi kullanarak bazı artıları ve eksileri tartışacağız. Bu şekilde, web sitenize uygulamak için doğru kararı verebilirsiniz. Geleneksel WordPress’i kullanarak içerik yayınlayan çoklu içerik yayınlama müdürü olmadan WordPress’in avantajları zor olabilir, çünkü kullanabileceğiniz platform sayısıyla sınırlıdır. Ancak, başsız mimariyle, bir arka uç wordPress kullanırken içeriğinizi herhangi bir platformda yayınlayabilirsiniz. REST API, WordPress sitelerinin hücresel uygulamalar, masaüstü uygulamaları, tek sayfalık uygulamalar (SPA) ve aşamalı web uygulamaları (PWA) gibi platformlara entegrasyonunu kolaylaştırır. Vanilya WordPress programlama dilleri PHP ve biraz JavaScript kullanılarak oluşturulur. Yani, bir WordPress geliştiricisi olmak için PHP’ye alışmalısınız. Başsız bir WordPress kullanarak arka ucunu ön uçtan ayırdıktan sonra, web sitenizi istediğiniz programlama dilini kullanarak oluşturabilirsiniz. Bu, WordPress’i Django, React, Vue veya Angular gibi bir çerçeveyle birleştirebileceğiniz anlamına gelir. Ayrıca, Flutter veya Swift gibi araçları kullanarak hücresel uygulamalar oluşturabilirsiniz. WordPress’in Geliştirilmiş Güvenliği güvenli bir platformdur ve ayrıca bir güvenlik eklentisi kullanarak sitenizin güvenliğini artırmanıza olanak tanır. Ancak WordPress, ön uç ve arka uç aynı sunucuda olduğu bir monolitik mimari kullanır. Sunucunuz bu tür uygulamalarla risklidir.
WP Headless, WordPress sitenizi ayırmanıza ve ön ucunu ayrı bir sunucuya ayırmanıza olanak tanır. Bu başsız yaklaşım, sadece sitenizin önü, genel halk tarafından erişilebilen anlamına gelir. Bu nedenle, bilgisayar korsanlarının sitenizdeki hassas bilgilere erişmesini zorlaştırır. Hızlı Yükleme Web Sitesi Ön uca arka uçtan ayırdığınızda, sunucu görevlerinizin bazılarını azaltır ve böylece sitenizi hızlandırır. Buna ek olarak, WordPress sitenizi React gibi bir ön uç kitaplığı ile entegre ettiğinizde, sitenizin yükleme süresini önemli ölçüde artıracaktır. Bunun nedeni, React’in tek sayfalık uygulama (SPA) mimarisini kullanmasıdır, bu da arka planda yüklenen sitenin arka planda yüklenmesini önleyen mimariyi kullanır. sunucudan veriler. WordPress sitenizi ayırarak ön uç çerçevesini değiştirmek kolay, daha önce bahsettiğimiz gibi herhangi bir ön uç çerçevesi ile kolayca entegre edebilirsiniz. Ayrıca, sunucuda herhangi bir değişiklik yapmanıza gerek olmadığı için farklı bir çerçeveye dönüşmeyi kolaylaştırır. Bu aynı zamanda iş yükünü de basitleştirir, çünkü yalnızca ön uç çerçevesine alışmanız veya bir ön uç geliştiricisi kiralamanız gerekir.
Başsız WP kafaları olmayan WordPress, birçok avantajı nedeniyle WordPress’in geleceği gibi görünüyor. Ancak, bu sistemi web sitenizde kullanmak için zayıf yönler de vardır. Bunlardan bazıları; Büyük Öğrenme Eğrisi Web sitenizde Headless WordPress kullanmaya başlamadan önce, restoranın nasıl çalıştığı konusunda güçlü bir anlayışa ihtiyacınız var. Ayrıca, geri kalanının son noktasından veri nasıl alacağınızı ve kullanacağınızı bilmeniz gerekir. Bu, bunu anlamak için çok fazla iş ve zaman gerektirir. Geliştirici olmadıkça, WordPress’in vanilya versiyonunu kullanmanız daha iyi. Değilse, profesyonel bir geliştirici kiralamanız gerekir. Doğrudan bir inceleme yoktur ve Wysiwyg Wysiwyg editörünün işlevi, aldığınız şey için kısa. WordPress’te bu, içeriğinizin Gutenberg blok düzenleyicisinde nasıl görüneceğinizi, sitenizin ön ucunda görüneceği anlamına gelir. Bu, WordPress’i dünyanın en iyi CM’lerinden biri olarak yerleştiren özelliklerden biridir. Buna ek olarak, WordPress ayrıca web sitenize parça düzenlerken veya ekleme eklerken sitenizin nasıl göründüğünü gösteren doğrudan bir önizleme özelliğine sahiptir. WordPress CMS’yi ayırırsanız, Direct Review ve WYSIWYG Editor’a erişimini kaybedersiniz. Bu, bir tarayıcıda önizlemeye bakarak yaptığınız her değişikliği manuel olarak kontrol etmeniz gerektiği anlamına gelir.
WordPress’i birçok durumda ayıran ekstra teknik bilgi gerektirir, sitenizi manuel olarak oluşturmak istediğiniz anlamına gelir. Bir ön uç oluşturmak için, en az bir ön uç çerçevesine alışmalısınız. Teknolojiyi anlamıyorsanız, bu teknolojiyi web sitenizde kullanmanız zor olabilir. Ayrıca, WP REST API’sını kullanmadan önce, web teknolojisinin genel olarak nasıl çalıştığı hakkında teknik bilgiye sahip olmanız gerekir. Daha fazla tema ve eklenti temaları yoktur ve eklentiler, özellikle yeni başlayanlar için WordPress’i eğlenceli ve kullanımı kolay hale getirir. Başsız bir WordPress platformuna döndüğünüzde, bu özelliklere erişimi kaybedersiniz. Bu, web sitenizde sahip olmak istediğiniz işlevleri manuel olarak oluşturmanız gerektiği anlamına gelir, bu da eklentileri ve temaları kullanmaya kıyasla karmaşık olabilir ve zaman ayırır. Ayrıca, web sitenizdeki kullanıcıları doğrulamak için mantık oluşturmanız gerektiğinden, kimlik doğrulama uygulaması karmaşık olacaktır.
Yüksek Bakım Maliyetleri Genellikle teknolojiyi anlamıyorsanız sitenizde güncellemeler yapmak için ön uç geliştiricileri kiralamanız gerekir. Ön uç manuel olarak yapıldığından, yapmak istediğiniz her değişiklik de manuel olarak uygulanmalıdır. İşletmenizin teknolojiyi anlayan bireyleri yoksa, bu, web sitenizde günlük bakım yapacak bir ön uç geliştiricisi kiralamak için ekstra ödeme yapmanız gerektiği anlamına gelir. WP Headless’ın nasıl çalıştığı Sitenize kafa olmadan HeadPress uygulamadan önce, sistemin nasıl çalıştığını öğrenmek önemlidir. Başsız WordPress, her ikisi de ön uç ve arka uçları CMS’den ayırdığı için mimariye benzer. Bununla birlikte, başsız olarak, ayrı CMS gibi belirli ön uç teknolojisi ile sınırlı değilsiniz. Başsız WordPress ayarlarında, arka uç CMS’ye içerik eklemek ve yönetmek için geleneksel WordPress yönetici panelleri kullanır. API daha sonra veritabanınızdan veri almak için kullanılır. API’dan verileri ön uç web sitenizden veya içeriğinizi yayınlamak istediğiniz herhangi bir kanaldan görüntüleyebilirsiniz. Başsız WordPress sitesi WordPress Rest API kullanılarak uygulanır. API, arka uç sunucusundan ön uca göndermek ve almaktan sorumludur. Neyse ki, WordPress API geliştiriciler için süreci kolaylaştırır. Daha da basitleştirmek için, sitenizde WP’yi başsız uygulamak için WPGraphql kullanabilirsiniz. WordPress API, web sitenizin yayınlar, sayfalar, kullanıcılar veya özel yayın türleri gibi herhangi bir yönüne erişmek için kullanabileceğiniz bitiş noktasını sağlar.
WP Headless’ın arkasındaki mimariye alıştıktan sonra, şimdi WordPress Sitesi Nasıl Yapılır, WordPress kurulumunda üç kolay adımda nasıl kullanılacağını göstereceğiz. Birinci Adım – Özel Aktarımı Yapılandırma Bu adımı, aktarımın WordPress ana sayfanızdan yeni ön uç uygulamanızın URL’sine aktarılmasını içerir. Aktarımı manuel olarak ayarlayabilir veya WordPress eklentisini kullanabilirsiniz. Burada, yeniden yönlendirmeyi işlemek için başsız bir mod eklentisi kullanacağız URL’yi ekledikten sonra, eklenti, web sitenize erişmeye çalışan tüm kullanıcıları belirttiğiniz URL’ye yönlendirir. Yalnızca WP REST API veya WPGRAPHQL taleplerine izin verir. Bu, API üzerinden arka uçtan veri almanızı sağlar. Başlamak için WordPress sitenizdeki Headless Mode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. WordPress eklentilerinin nasıl yükleneceğine dair adımlar için lütfen bu kılavuzu kontrol edin. Eklentiyi etkinleştirdikten sonra, WP-Config dosyanıza bir parça kod eklemeniz gerekir. Bunun için sitenizi FileZilla gibi FTP istemcilerine bağlayın. Burada nasıl yapılacağını öğrenin. Bağlandıktan sonra, sağ tarafta, site dosyanızı (genellikle public_html) içeren bir dizine gidin.
Burada, wp-config.php dosyasına sağ tıklayın ve görünüm/düzenle’yi seçin. Dosyayı açmak için metin düzenleyicisini seçin.
Ardından, aşağıdaki kod satırını dosyaya ekleyin. Tanımlama (‘headless_mode_client_url’, ‘https://mysite.com’); MySite.com’u gerçek Frontnd adresiyle değiştirdiğinizden emin olun. Değişikliği kaydet, olmanız ve dosyaları yeniden oluşturmanız istenecektir. Artık web sitenize erişmeye çalışan herkes, yapılandırma dosyasında belirttiğiniz yeni adrese yönlendirilecektir. Bu şimdilik statik bir site olabilir. Arkaya dokunulmadan kalır, yani WordPress kontrol panelinizden yayın veya sayfa ekleme gibi yönetimsel görevler yapabilirsiniz. İkinci adım – ŞİMDİ FIRE kullanarak içeriği alın ve görüntüleyin, WordPress’i başsız bir CMS’ye dönüştürmeyi başardınız. Bir sonraki adım, arka uçtan içerik almak ve daha sonra kullanmak istediğiniz herhangi bir kanala görüntülemektir. WordPress Rest Fire’ı bu amaçla kullanabilirsiniz. WPGraphQL gibi diğer seçenekler de mevcuttur, ancak bu kılavuzda WordPress API’sını kullanmaya devam edeceğiz. Başlamak için, site adresinizi girin ve adres çubuğuna ‘/wp-json’ ekleyin. URL aşağıdaki gibi görünecektir: https://mysite.com/wp-json, wordPress blogunuzun arka uç adresi ile mysite.com’u değiştirin. Sayfayı açtıktan sonra, tüm WordPress sitelerinizi JSON formatında görüntüler. Gönderinize erişmek için URL’yi aşağıdaki şekilde değiştirin: HTTPS:
//mysite.com/wp-json/wp/v2/posts, WordPress sitenizdeki tüm yayınları JSON verileri olarak içeren bir dizi görüntüleyecektir. Her gönderi verileri Post_Date, Yazar, Post_title, vb. Gibi tüm parametrelere sahip olacaktır. Daha sonra ReactJS veya diğer ön uç teknolojisi gibi bir JavaScript çerçevesi kullanarak API JSON çağrısından bir yanıt görüntüleyebilirsiniz. Daha önce de belirttiğimiz gibi, WordPress API’sını kullanmak için bazı teknik bilgilere ihtiyacınız var. WP REST API’sının nasıl çalıştığı hakkında daha fazla bilgi için WordPress API kılavuzumuzu kontrol edebilirsiniz. Bu kılavuz, ateş hakkında bilmeniz gereken her şeyi gösterecektir. Üçüncü Adım – Web Sitenizi Oluşturma Bu bölüm, istediğiniz ön uç çerçevesini kullanarak web sitesinin başından itibaren yapımını içerir. Web sitesi ön ucunuzu oluşturmak için Gatsby gibi statik site jeneratörlerini de kullanabilirsiniz. WordPress API’sinden verileri kullanmak için gelişmiş bir ön uç geliştiricisi olmanız gerektiğini unutmayın. Değilse, web sayfalarınızı oynamak için bir ön uç geliştiricisi kiralamanız gerekir. React, Vue, Angular veya Gatsby gibi seçebileceğiniz birçok ön uç çerçevesi vardır. React, ışık tasarımı ve hızı nedeniyle aralarında popülerdir. Ön uçunuzu uygularken, API REST’den veri almalı ve ardından web sayfanızda veri oluşturmalısınız.
