Craft CMS ile Kalkın ve Çalışın

Yayınlanan: 2022-03-10
Kısa özet ↬ Bir sonraki geliştirme projenizde hangi CMS'nin kullanılacağını seçmek, büyük veya küçük her işletme için kritik bir karardır. Bu kılavuzda, Craft CMS'nin potansiyelini inceleyeceğiz, yerel bir ortam kuracağız ve ona eşlik edecek bir API uç noktası ile temel bir kedi blogu oluşturacağız. Mevcut CMS sistemlerinden genişlemek veya Wordpress'ten sıçrama yapmak isteyen herkes için mükemmel bir başlangıç ​​noktasıdır.

Craft CMS, Pixel & Tonic'teki yetenekli kişiler tarafından size getirildi. Modern web geliştirme dünyasındaki değişikliklere paralel olarak aktif olarak korunur ve tutulur ve Netflix gibi etkileyici bir müşteri listesi ile CMS'ler arasında popülaritesi artmaktadır. Aynı zamanda çok aktif bir Discord sunucusuna sahiptir ve canlı olduğu bir yıl içinde 5.000'den fazla üyeye ulaşmıştır.

Craft CMS'yi Neden Kullanmalı?

Craft CMS, yaklaşık dört yıldır ilk tercihimiz CMS'dir; Craft üzerinde müşteri web siteleri ve hatta kendi işimizi kurduk. Bir şirket olarak, CMS pazarını sürekli kontrol ediyoruz ve her zaman Craft'a geri döndük. O halde, Craft CMS'yi piyasadaki diğerlerine tercih etmemizin nedenlerine geçelim:

  • Arayüz aşinalığı, WordPress'ten gelen herkes için oldukça kolay hale getirir.
  • Aktif geliştirme topluluğu.
  • Esnek alanlar, içeriğinizin nasıl yapılandırıldığı üzerinde kontrol sahibi olmanızı sağlar.
  • Kilitleme veya aylık ücret yok. Pro/e-Ticaret'e gidiyorsanız sadece bir kerelik bir ücret.
  • Craft'ın büyüyen eklenti mağazasıyla genişletilebilirlik.

Bu yüzden, tanıtımın sona ermesiyle birlikte, yaklaşık on beş dakika içinde tam olarak kurulmuş bir Craft CMS yerel ortamını nasıl çalıştıracağınızı göstereceğim. Aşağıdaki adımları tamamladıktan sonra, bir sonraki web projenize başlamak için harika bir temeliniz olmalı ve umarız WordPress'ten tamamen uzaklaşmaya hazır olmalısınız.

Geliştirme Ortamımızı Kurma

Craft CMS, yerel ortamınızı kurmak için çok kullanışlı bir araçla birlikte gönderilir. Bu araca Craft Nitro denir ve Craft CMS ortamının kurulumunu kolaylaştırır. Craft sahnesinde yeni ama çok yardımcı oluyor.

Çoklu Geçişi Ayarlama

Craft Nitro, sisteminizde bir Ubuntu sanal makinesi oluşturan Multipass adlı bir şey gerektirir. (Endişelenmeyin, Ubuntu'yu kurmanız veya açmanız gerekmeyecek.)

  • Resmi web sitesinden işletim sisteminiz için en son Multipass yükleyicisini indirin.
  • İndirdikten sonra yükleyiciyi çalıştırın. Bu tamamlandığında, bir sonraki adıma geçmeye hazır olmalısınız.
Atlamadan sonra daha fazlası! Aşağıdan okumaya devam edin ↓

Craft Nitro'yu Ayarlama

Craft Nitro kurulumu basittir ve onu macOS ve Linux'a yüklemek için bir komut satırı komut dosyası içerir, ancak Windows için biraz farklıdır. Aşağıda her iki işletim sistemi türü için nasıl kurulacağını anlatacağım. İyi haber şu ki, bir kez kurulduktan sonra bitti ve bunu tekrar etmeden kolayca yeni Craft kurulumları oluşturabileceksiniz.

macOS ve Linux'a yükleme

Terminalinizi açın ve aşağıdaki komut satırını yapıştırın. Yapıştırdıktan sonra, Craft Nitro'nun sahip olduğu ön ayarlarla sanal makinenizi oluşturmak için komut satırındaki seçenek istemlerini izleyin. Bu tamamen iyi olmalı, ancak ince ayar yapmaktan hoşlanıyorsanız, bunun için gidin. Craft'ın sorunsuz çalışması için minimum gereksinimleri olduğunu unutmayın.

Terminal'de aşağıdaki satırı çalıştırın:

 bash <(curl -sLS https://installer.getnitro.sh)

Windows 10 Pro'ya yükleme

Windows'ta kurulum yapmak oldukça karmaşıktır, ancak çalışmaya başlaması çok fazla zaman almamalıdır. Hyper-V'nin etkin olduğundan emin olun. Ne yazık ki, Hyper-V, Windows'un Home Edition sürümüne yüklenemez.

  1. Hyper-V'nin etkinleştirildiğinden emin olun (daha fazla ayrıntı burada);
  2. En son sürümden nitro_windows_x86_64.zip dosyasını indirin;
  3. Zaten yoksa, home klasörünüzde bir Nitro klasörü oluşturun (yani C:\Users\<username>\Nitro );
  4. Zip dosyasını ayıklayın ve nitro.exe dosyasını ana klasörünüzde yeni oluşturduğunuz Nitro klasörüne kopyalayın;
  5. Bu ilk kurulumunuzsa, global yolunuza Nitro eklemek için komut satırından bunu çalıştırın:
     setx path "%PATH%;%USERPROFILE%\Nitro"
  6. Windows terminalini ( cmd.exe ) yönetici izinleriyle başlatın ve içinde Nitro'yu çalıştırın.

Yukarıdakileri tamamladıktan sonra, ilk makinenizi oluşturmak için terminal talimatlarını izleyin. Craft Nitro'nun belirlediği varsayılan ön ayarlar, ortamınız için tamamen iyi olmalıdır.

Craft CMS'yi Yükleme

Şimdiye kadar Craft Nitro'yu kurduk ve sanal makinemizi oluşturduk ve şimdi Craft CMS'yi kurmaya hazırız. Aşağıdaki talimatlarda Craft'ı indireceğiz ve mevcut sistemimizde geliştirme yapmamıza ve Ubuntu sanal makinemize yansıyan değişiklikleri görmemize izin vererek dosyalarımızı "bağlayacağız". Ayrıca ilk veritabanımızı kuracağız ve kullanabileceğimiz bir yerel alan adı alacağız, örneğin myfancyproject.test. Haydi gidelim:

Yeni Proje Oluşturma

  1. Craft'ı geliştirmek/yüklemek istediğiniz yeni bir klasör oluşturun;
  2. Craft CMS'yi en son sürümden indirin (Composer veya Zip aracılığıyla);
  3. İçeriği az önce oluşturduğumuz klasöre açın/taşıyın;
  4. Terminal/Komut Satırını Açın;
  5. Oluşturduğumuz klasöre gidin. $ cd /path/to/project ;
  6. nitro add çalıştırın;
  7. Ekrandaki komut satırı istemlerini izleyin. (Ön ayarlar genellikle iyidir ancak istediğiniz gibi değiştirin.)

İpucu : macOS'te “Okunamaz” sorunları görüyorsanız, Multipass'ın tam disk erişimine sahip olması gerekir. Bunu yapmak için, Sistem Tercihleri ​​→ Güvenlik ve Gizlilik → Gizlilik → Tam Disk Erişimi altında multipassd'nin işaretli olduğundan emin olun.

Veritabanımıza Bağlanmak

Şimdi bir test etki alanımız ve proje dosyalarımız monte edilmiş olmalı - biliyorum, şimdiye kadar oldukça kolay ve bu zor kısım tamamlandı. Veritabanımıza bağlanmak için yeni oluşturduğumuz sitemiz için veritabanı detaylarımızı projemizin .env dosyasına eklememiz gerekiyor.

  1. Projemizin .env dosyasını açın (kök klasörde bulunur);
  2. Veritabanı ayrıntılarını aşağıdaki şekilde değiştirin:
     DB_USER="nitro" DB_PASSWORD="nitro" # 'nitro' is the default database DB_DATABASE="nitro"

İpucu : Veritabanını seçtiğiniz SQL programında açmak istiyorsanız, yapmanız gereken tek şey komut satırınızda nitro info çalıştırmak ve “IPV4” altında veritabanı IP adresinizi göreceksiniz. Bağlanmak için yukarıdaki kullanıcı adını ve parolayı (kurulum sırasında seçtiğiniz bağlantı noktasıyla birlikte) kullanın.

Craft CMS'yi yükleyin

Sanal makinemizi kurduk, test alanımızı belirledik ve veritabanımızı kullanıma hazır hale getirdik. Şimdi Craft CMS'yi gerçekten kurmanın ve yönetici bölümüne girmenin zamanı geldi - buradan her şey sorunsuz olmalı. Hadi ona geçelim.

  1. Kurulum sırasında belirlediğiniz test etki alanına gidin ve ardından /admin (ör. testdomainyouset.test/admin );
  2. Craft CMS'nin kurulum ekranını görmelisiniz ( Yaşasın! );
  3. Ekrandaki yükleyici talimatlarını izleyin;
  4. Bitirdikten sonra, yeni yönetici panelinize yönlendirilmelisiniz.

İpucu : Craft'ı Composer aracılığıyla yüklemediyseniz, bir güvenlik anahtarı girmeniz istenebilir. Kriptografik olarak güvenli bir anahtar oluşturmak için 1Password / LastPass gibi bir şifre yöneticisi kullanın. (Uzunluk sınırı yoktur, bu nedenle istediğiniz kadar karmaşık olabilir). .env dosyamızı bir kez daha açın, aşağıdaki SECURITY_KEY="" satırını bulun, oluşturduğunuz anahtarı tırnak içine yapıştırın ve kaydedin.

(Büyük önizleme)

Artık Craft CMS için tamamen kurulmuş bir yerel geliştirme ortamına sahip olmalısınız; bu, ister kedi blogunuzu WordPress'ten taşımak isterse bir e-ticaret mağazası oluşturmak olsun, geliştirmeye çalıştığınız her şey için harika bir başlangıç ​​noktası sağlayacaktır. Komut satırınızda nitro durdurmayı kullanmayı bitirdikten sonra sunucunuzu kapatmayı unutmayın.

Geliştirme sırasında size yardımcı olacak Craft's Nitro için birkaç yararlı komut:

  • nitro start (geliştirme sunucusunu başlatır)
  • nitro stop (geliştirme sunucusunu durdurur)
  • nitro context (kurulu ortamlar hakkında size bilgi gösterir)
  • nitro info (mevcut ortam, PHP sürümü vb. hakkında bilgi)

Kedi Blogumuzu Kurmak

Artık Craft'ı çalıştırdığımıza göre, kedi blogumuza başlayabilir ve Craft'ın bize sunduğu gücün keyfini çıkarmaya başlayabiliriz. Bu bölümde, içerik modelimizi ayarlayacağız, temel tema şablonumuzu oluşturacağız ve ana sayfamızı ve iç yazı sayfalarımızı oluşturacağız.

İçerik modelleri kulağa ürkütücü geliyor, ancak Craft'ta durum tam tersi; kullanımı kolay bir GUI sistemi var - burada karmaşık kodlara gerek yok! Kedi blogumuz için, kedinin adı, fotoğrafı ve küçük bir açıklama gerektiren “Kediler” adlı bir bölüm ve ardından tek bir sayfa “Ana Sayfa” oluşturmamız gerekiyor.

Bölümler ve Sayfalar Nasıl Oluşturulur Bir Kedi Yazısı Nasıl Oluşturulur

Bölümler ve Sayfalar Nasıl Oluşturulur

Craft'ın dilinde "single" olarak sınıflandırılacak olan "Kediler" bölümümüzü ve ana sayfamızı oluşturacağız. Bölümler tam olarak göründükleri gibidir - web sitenizin bölümleri - ve Sayfalar da kendi kendini açıklayıcıdır, web sitenizin yasallar ve ana sayfamız gibi tek sayfalarıdır.

Kediler Bölümümüzü Oluşturma

  1. Soldaki menüden Ayarlar'a gidin;
  2. "Bölümler" e tıklayın;
  3. “Yeni Bölüm”e tıklayın;
  4. “İsim” kısmına Cats koyun;
  5. Bölüm Tipi Channel
    ( Kanallar, tıpkı kedilerimiz gibi benzer içerik akışları için kullanılır. )
  6. “Giriş URI Formatı” içinde /cats/{slug} olduğundan emin olacağız;
  7. “Şablon” içerisine cat ;
  8. Kayıt etmek.

Yukarıda yaptığımız şey Craft'a Cats bölümündeki herhangi bir gönderide şu şekilde bir URL formatına sahip olmasını istediğimizi söylemek: ourtestdomain.test/cats/fluffy ve kullanmak istediğimiz şablon cats.twig .

Ana Sayfamızı Oluşturmak

  1. “Bölümler” içinde “Yeni Bölüm”e tıklayın;
  2. “Ad” alanına Homepage yazın;
  3. Bölüm tipi Single ;
  4. "Ana Sayfa" onay kutusunu işaretleyin;
  5. “Şablon” içerisine index koyacağız;
  6. Kayıt etmek.

Alan Oluşturma

Craft, ne inşa etmek istediğinize dair hiçbir ön yargınız olmadan gelir; size tamamen boş bir sayfa açar. Kendi “Alanlarımızı” oluşturarak yazımızın yapısının tam olarak olmasını istediğimiz şeyi oluşturuyoruz. Aşağıdaki isim, açıklama ve fotoğraf için kedimizin “Alanlarını” oluşturalım.

  1. yourchosendomain.test/admin ziyaret ederek sitenizin yönetici bölümüne gidin;
  2. Soldaki menüden Ayarlar'a gidin;
  3. "Alanlar" ı tıklayın;
  4. Sağ üstte "Yeni Alan" ı tıklayın.
(Büyük önizleme)

Kedinin Adını Ayarlama

Kedilerimiz için bir isme ihtiyacımız olacak, o halde bir name alanı oluşturalım.

  • Adına “Kedi Adı” yazın;
  • Alan Türü'nde “Düz Metin”i seçin;
  • Şimdi Kaydet.

Kedinin Açıklamasını Ayarlama

Kedilerimizin de bir açıklamaya ihtiyacı var, ancak yazarlarımızın her kedi için girebileceği karakter sayısını sınırlayalım.

  • Tekrar “Yeni Alan”a tıklayın;
  • Adına “Kedi Açıklaması” yazın;
  • “Düz Metin” alan türünü tekrar seçin;
  • Alan Limiti kutusuna “2000” ekleyerek bir limit oluşturun;
  • Kaydet'i tıklayın.

Kedinin Fotoğrafını Ayarlama

Kedi gönderilerimizin her birine fotoğraf eklemek isteyeceğiz ve kedi başına birden fazla fotoğraf olabilir - sorun değil. Ancak bir alan oluşturmadan önce Craft'a fotoğrafların sunucumuzda nerede saklanmasını istediğimizi söylememiz gerekiyor. (Craft ayrıca Bulut depolama çözümlerine yükleme seçeneğine de sahiptir.)

  • Soldaki menüden “Ayarlar”a gidin;
  • "Varlıklar" ı tıklayın;
  • “Yeni Birim” e tıklayın;
  • Adına “Kedi Fotoğrafı” yazın;
  • "Bu ciltteki varlıkların genel URL'leri var" seçeneğini etkinleştirin;
  • “Temel URL” alanına @web/uploads/ ;
  • “Dosya Sistemi Yolu”na @webroot/uploads/ ;
  • Kayıt etmek.

Yukarıdaki özellikler, Craft'a yüklenen dosyalarımızın nerede saklanmasını istediğimizi söylüyor. Bunları dilediğiniz gibi değiştirebilirsiniz. Ayrıca belgelerde bunlar için ortam değişkenlerini ayarlama hakkında daha fazlasını okuyabilirsiniz.

Alanı Bölümlerle Eşleştirme

Şimdi alanlarımızı ve bölümlerimizi kurduk ve çalıştırdık, bölümlerimizin hangi alanlara sahip olmasını istediğimizi atayarak ikisini birleştirmemiz gerekecek. Bu, Craft'ta sürükleyip bırakmak kadar kolaydır.

  • Ayarlar'a gidin;
  • "Bölümler" e tıklayın;
  • Şimdi “Bölüm Tipini Düzenle”ye tıklayın;
  • Şimdi “Kediler” Bölümümüzü tıklayın;
  • Sağdaki menüden “Alanlar” sekmesini seçin;
  • Daha önce oluşturduğumuz “Kediler” alanlarını içerik bölmesine sürükleyin ;
  • Bir kez sürüklendikten sonra, Kediler Bölümünü Kaydedin.
(Büyük önizleme)

İpucu : “Başlık Alanını Göster” seçeneğini devre dışı bırakarak “Başlık” alanını yayınlarımızdan kaldırabilirsiniz. Örneğin başlık olarak kedinin adını isteyebilirsiniz.

Kedi Yazısı Nasıl Oluşturulur

Şimdi gerçekten kabarık bir kedi postu oluşturmamızın zamanı geldi. Sol taraftaki yönetici menüsündeki "Girişler"e gidin.

  • “Yeni Giriş” e tıklayın;
  • Açılır menüde “Kediler”i seçin;
  • Gönderinizi oluşturun! ( Ne kadar kabarık o kadar iyi. )

Kedi Makalelerimizi Listeleme

Artık içerik modelimizi tamamladık, kedi blogumuz için temel arayüzü oluşturmaya başlayabiliriz. Craft, Twig/Liquid dilinde yazılmıştır. Shopify geliştirmeyle daha önce ilgilendiyseniz, bu size tanıdık gelecektir; değilse, almak oldukça kolaydır. Ama önce, favori kod düzenleyicimizde (Craft kurulumunu açtığınız yer) Craft kurulum klasörümüzü açmamız gerekiyor.

  1. Kod düzenleyicinizde Craft Install'u açın;
  2. Şablonlarda index.twig adlı yeni bir dosya oluşturun
    ( Craft varsayılan bir dizin kurmuş olabilir. Bunun yerine bunu açın ve silin. )
  3. Aşağıdaki kodu ekleyin:
 <!DOCTYPE html> <html xmlns="https://www.w3.org/1999/xhtml" lang="en-US"> <head> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> </head> <body> {# Create an entry query with the 'section' and 'limit' parameters #} {% set myEntryQuery = craft.entries() .section('cats') .limit(10) %} {# Fetch the entries #} {% set entries = myEntryQuery.all() %} {# Display the entries #} <div class="container"> <div class="row"> {% for entry in entries %} <div class="col"> <article class="card"> {% set catImage = entry.catsPhoto.one() %} {% if catImage %} <img src="{{ rel.url }}" class="card-img-top" alt="..."> {% endif %} <div class="card-body"> <h1><a href="{{ entry.url }}">{{ entry.title }}</a></h1> <h2>{{ entry.catsName }}</h2> <p>{{ entry.catsDescription }}</p> <a class="btn btn-primary" href="{{ entry.url }}">View {{ entry.catsName }}</a> </div> </article> </div> {% endfor %} </div> </div> </body> </html>

Yukarıdaki kodda Craft'a “Kediler” bölümümüzden bahsediyoruz ve gönderilere 10 ile sınır koyuyoruz. Ardından o bölümden girişleri getiriyoruz ve aşağıdaki kodda getirme girişleri içindeki kedilerin her biri üzerinde döngüye devam ediyoruz. . Craft'ta görüntüler biraz farklıdır: bir dizi olarak saklanırlar, bu yüzden kedilerin görüntülerini almak için kodumuzda başka bir döngü yaparız.

Test Edelim

Kurulum sırasında oluşturduğumuz test geliştirme URL'nizi açın. (Nitro sunucunuzun nitro start kullanarak çalıştığından emin olun). Artık oluşturduğumuz gönderilerin index sayfamızda görüntülendiğini görmeliyiz. Daha fazla bilgi görmek için tıklamak bize 404 hatası veriyor, o halde şimdi bunu düzeltelim!

(Büyük önizleme)

İpucu : Biraz daha gösterişli görünmesi için Bootstrap'ı ekledik, ancak istediğiniz herhangi bir çerçeveyi eklemekten çekinmeyin.

Kedi Gönderi Sayfası

İndeks sayfasında yaptığımızın aynısını yapacağız. Templates klasörü içerisinde cat.twig isimli yeni bir dosya oluşturarak cat şablonunu oluşturalım. Zaten Entry bağlamında olduğumuz için, onu yeniden sorgulamamız gerekmez.

 <html> <body> {% block content %} {% set catImage = entry.catsPhoto.one() %} {% if catImage %} <img src="{{ rel.url }}" class="card-img-top" alt="..."> {% endif %} {{ entry.title }} {{ entry.catsName }} {{ entry.catsDescription }} {% endblock %} </body> </html>

Bunu kaydedin ve test geliştirme web sitemizi yenileyin. Artık kedi giriş sayfamıza göz atabilmeliyiz! işte!

başsız olmak

Craft ile daha teknik olmayı ve web uygulamanızı beslemek için içerik yönetim sisteminiz olarak kullanmayı seviyorsanız, bunu, yapılandırmanıza kullanıcı hesapları ve GraphQL ekleyen Craft CMS'nin Pro paketini kullanarak yapabilirsiniz. Craft'ın Pro sürümü ücretsiz olarak denenebilir ve test edilebilir, bu da taahhütte bulunmadan önce kapsamlı bir test yapabileceğiniz anlamına gelir. Şimdi Craft'ın yerleşik GraphQL düzenleyicisini kullanarak temel bir GraphQL API'sinin nasıl kurulacağına geçeceğiz.

Profesyonel Deneme Sürümünü Başlatın

Craft CMS'yi kurduktan sonra, "Eklenti Mağazası"na gidin ve soldaki menü seçeneklerinde "Yükselt"i arayın. “Pro” bölümünde “Deneme” seçeneğine tıklayın ve yükseltme işlemini gerçekleştirin.

Temel Kurulum

Pro Craft CMS denemenizi başlattıktan sonra, yönetici yan panelinizde yeni bir menü seçeneği görmelisiniz: GraphQL. Doğrudan konuya girmeden önce, çıktıyı oluşturabilecek bazı içerik modellerine ihtiyacımız var. İçerik modellerinizi oluşturduğunuzda, Craft CMS size otomatik olarak kutudan çıktığı gibi bir GraphQL API'si oluşturacaktır. Şemaları tanımlamaya da gerek yok!

Cat API Uç Noktanızı Oluşturun

İçeriğimizi sıraladık; şimdi tüm sevimli kedi içeriğimizi alabilmemiz için bitiş noktası oluşturmak istiyoruz. Şimdi bunu yapalım:

  1. IDE'nizde Craft CMS proje route.php dosyasını açın .
  2. Aşağıdaki kuralı eklemek, API uç https://yourprojecturl.test/api adresinde kullanıma sunacaktır:
     return [ 'api' => 'graphql/api', // ... ];
  3. Kaydet ve kapat.
  4. Uç noktaya ping atarak test edin:
     curl -H "Content-Type: application/graphql" -d '{ping}' https://yourprojecturl.test/api
  5. Yanıt olarak "pong" almalısınız.

İçeriğinizi Etkinleştirin

İstekleri almak için uç noktamızı kurduk. Artık sitemizin API'mız aracılığıyla erişilebilir olmasını istediğimiz belirli bölümlerini etkinleştirme/devre dışı bırakma zamanı geldi. Örneğin, hassas bilgiler içeren belirli girdileri kapatmak isteyebilirsiniz. Craft, bu süreci son derece kolaylaştırır; bu bir işaretleme/işareti kaldırma durumudur. (Kendi şemalarınızı da yazarak daha karmaşık hale getirebilirsiniz.) Şimdilik, herkese açık bir genel şema oluşturacağız. Gizli anahtar gerektiren özel şemalar oluşturabilirsiniz, ancak bu, bu kılavuzun kapsamı dışındadır.

  1. Yönetici paneli kenar çubuğunuz aracılığıyla GraphQL bölümüne gidin;
  2. “Genel Şema” yı tıklayın;
  3. “Kediler” bölümünü etkinleştirin.
    ( Bu, içeriğimizi uç noktanız üzerinden kullanılabilir hale getirecektir. )
  4. Kayıt etmek.
(Büyük önizleme)

Uç Noktamızı Test Etme

Artık uç noktamız aracılığıyla kullanıma sunmak istediğimiz verileri seçtiğimize göre, şimdi onu test etme zamanı. Sol taraftaki yönetici panelinizdeki GraphQL açılır menüsünde “GraphiQL” adlı bir öğe göreceksiniz. GraphiQL, API'mizi keşfetmemize ve gösterge tablomuzda sorgulamamıza olanak tanır.

  1. GraphiQL'yi açın;
  2. "Tam Şema"yı "Genel Şema" olarak değiştirin;
  3. Soldaki bölmeye aşağıdaki GraphQL sorgusunu yazın:
     query ($section: [String], $orderBy: String) { entries(section: $section, orderBy: $orderBy) { title slug id } }
  4. "Oynat" düğmesini tıklayın.

İpucu : GraphQL sorgularında %100 değilseniz, bu bir sorun değildir; Craft, size yardımcı olacak kullanışlı bir kılavuzla birlikte gelir.

Toplama

Şimdi Craft CMS dünyasına oldukça hafif bir dalış yaptık. Aşağıdaki kılavuzda başardıklarımızı özetleyelim:

  • Multipass ile yerel bir geliştirme ortamı kurun;
  • Yepyeni bir Craft kurulumu oluşturdu ve kurdu;
  • Kurulumumuza erişebileceğimiz bir test alanı eklendi;
  • Sevimli bir kedi blogu oluşturdu;
  • Başsız gitti;
  • Kedilerimize erişmek için bir API uç noktası oluşturdu.

Craft CMS ile daha fazla ilgilenmek ve topluluğun bir parçası olmakla ilgileniyorsanız, çok aktif Craft Discord sunucusuna katılmalı ve resmi belgeler aracılığıyla daha fazlasını okumalısınız.