{"id":5866,"date":"2022-06-23T17:40:42","date_gmt":"2022-06-23T14:40:42","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=5866"},"modified":"2023-02-15T02:36:20","modified_gmt":"2023-02-14T23:36:20","slug":"wordpress-block-editoru-icin-bir-block-olusturma-wordpress-create-block","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/gutenberg-blok-gelistirme-kodlama\/wordpress-block-editoru-icin-bir-block-olusturma-wordpress-create-block\/","title":{"rendered":"WordPress Block Edit\u00f6r\u00fc \u0130\u00e7in Bir Block Olu\u015fturma (@wordpress\/create-block ile)"},"content":{"rendered":"<div id=\"toc_container\" class=\"toc_transparent no_bullets\"><p class=\"toc_title\">BU DERS\u0130N BA\u015eLIKLARI<\/p><ul class=\"toc_list\"><li><a href=\"#wordpresscreate-block_Paketi_ile_WordPress_Editoru_Icin_Bir_Block_Olusturmanin_Asamalari\"><span class=\"toc_number toc_depth_1\">1<\/span> @wordpress\/create-block Paketi ile WordPress Edit\u00f6r\u00fc \u0130\u00e7in Bir Block Olu\u015fturman\u0131n A\u015famalar\u0131<\/a><\/li><li><a href=\"#Bir_WordPress_Block8217u_Olusturmak_Icin_Gerekenler_Nedir\"><span class=\"toc_number toc_depth_1\">2<\/span> Bir WordPress Block&#8217;u Olu\u015fturmak \u0130\u00e7in Gerekenler Nedir?<\/a><\/li><li><a href=\"#WordPress_Icin_Bir_Block_Olusturmaya_Baslamadan_Once\"><span class=\"toc_number toc_depth_1\">3<\/span> WordPress \u0130\u00e7in Bir Block Olu\u015fturmaya Ba\u015flamadan \u00d6nce<\/a><\/li><li><a href=\"#wordpresscreate-block_Paketi_ile_WordPress_Block_Editor_Icin_Bir_Block_Olusturma_Asamalarinin_Detaylari\"><span class=\"toc_number toc_depth_1\">4<\/span> @wordpress\/create-block Paketi ile WordPress Block Edit\u00f6r \u0130\u00e7in Bir Block Olu\u015fturma A\u015famalar\u0131n\u0131n Detaylar\u0131<\/a><ul><li><a href=\"#1_wordpresscreate-block_Komutunu_Calistir\"><span class=\"toc_number toc_depth_2\">4.1<\/span> 1. @wordpress\/create-block Komutunu \u00c7al\u0131\u015ft\u0131r<\/a><\/li><li><a href=\"#2_Terminalde_Eklenti_Dizinine_Gitme\"><span class=\"toc_number toc_depth_2\">4.2<\/span> 2. Terminalde Eklenti Dizinine Gitme<\/a><\/li><li><a href=\"#3_wordpressscripts_Komutunu_Calistirma\"><span class=\"toc_number toc_depth_2\">4.3<\/span> 3. @wordpress\/scripts Komutunu \u00c7al\u0131\u015ft\u0131rma<\/a><\/li><li><a href=\"#4_8220npm_start8221_Komutunu_Calistirma\"><span class=\"toc_number toc_depth_2\">4.4<\/span> 4. &#8220;npm start&#8221; Komutunu \u00c7al\u0131\u015ft\u0131rma<\/a><\/li><li><a href=\"#5_WordPress_Yonetim_Panelinden_Eklentiyi_Etkinlestirme\"><span class=\"toc_number toc_depth_2\">4.5<\/span> 5. WordPress Y\u00f6netim Panelinden Eklentiyi Etkinle\u015ftirme<\/a><\/li><li><a href=\"#6_Block_Editorunde_Olusturdugumuz_Blogu_Gorme\"><span class=\"toc_number toc_depth_2\">4.6<\/span> 6. Block Edit\u00f6r\u00fcnde Olu\u015fturdu\u011fumuz Blo\u011fu G\u00f6rme<\/a><\/li><\/ul><\/li><li><a href=\"#Sonuc\"><span class=\"toc_number toc_depth_1\">5<\/span> Sonu\u00e7<\/a><\/li><\/ul><\/div>\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#dedede\"><strong>Kodlayarak, <em>WordPress Block Edit\u00f6r\u00fc<\/em> i\u00e7in bir block tasarlamak<\/strong> istiyorsunuz ve nereden ba\u015flaman\u0131z gerekti\u011fini bilmiyorsunuz. O zaman do\u011fru yere geldiniz, ho\u015f geldiniz. Bu yaz\u0131da, WordPress taraf\u0131ndan geli\u015ftirilen <code>@wordpress\/create-block<\/code> paketini kullanarak h\u0131zl\u0131 bir \u015fekilde bir block nas\u0131l olu\u015fturulur onu g\u00f6steriyorum. Hemen ba\u015flayal\u0131m.<\/p>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"wordpresscreate-block_Paketi_ile_WordPress_Editoru_Icin_Bir_Block_Olusturmanin_Asamalari\">@wordpress\/create-block Paketi ile WordPress Edit\u00f6r\u00fc \u0130\u00e7in Bir Block Olu\u015fturman\u0131n A\u015famalar\u0131<\/span><\/h2>\n\n\n\n<p>Bir WordPress blo\u011fu olu\u015fturman\u0131n en pratik yollar\u0131ndan biri <code>@wordpress\/create-block<\/code> paketini kullanmakt\u0131r. Bu paket ile block olu\u015ftururken takip edece\u011fimiz ad\u0131mlar\u0131 \u015f\u00f6yle s\u0131ralayabiliriz: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>npm<\/code> y\u00fckl\u00fc bir bilgisayarda, <code>Visual Studio Code<\/code> edit\u00f6r\u00fc ile localhostta kurulu olan WordPress kurulumunun <code>wp-content<\/code> klas\u00f6r\u00fcn\u00fc a\u00e7.<\/li>\n\n\n\n<li><code>Visual Studio Code<\/code> ekran\u0131nda terminali a\u00e7 ve terminalde, <code>wp-content\/plugins<\/code> dizinine git<\/li>\n\n\n\n<li><code>wp-content\/plugins<\/code> dizininde, <code>npx @wordpress\/create-block eklentimin-adi<\/code> komutunu \u00e7al\u0131\u015ft\u0131r<\/li>\n\n\n\n<li>Terminalde eklenti dizinine git: \n<ul class=\"wp-block-list\">\n<li><code>cd eklentimin-adi<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><code>npm install @wordpress\/scripts --save-dev<\/code> komutunu \u00e7al\u0131\u015ft\u0131r<\/li>\n\n\n\n<li><code>npm start<\/code> komutunu \u00e7al\u0131\u015ft\u0131r<\/li>\n\n\n\n<li>WordPress y\u00f6netim panelinden eklentiyi etkinle\u015ftir<\/li>\n\n\n\n<li>WordPress y\u00f6netim panelinden bir sayfay\u0131 d\u00fczenlemek i\u00e7in a\u00e7 ve bu sayfada block edit\u00f6r\u00fcn\u00fc a\u00e7\u0131p blo\u011fu test et<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Bir_WordPress_Block8217u_Olusturmak_Icin_Gerekenler_Nedir\">Bir WordPress Block&#8217;u Olu\u015fturmak \u0130\u00e7in Gerekenler Nedir?<\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bir <em>WordPress Block Edit\u00f6r\u00fc<\/em> blo\u011fu kodlayabilmek i\u00e7in \u015fu konularda bilginizin olmas\u0131 gereklidir:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Localhost ile bir WordPress kurulumunu kullanabilme<\/li>\n\n\n\n<li>Temel d\u00fczeyde WordPress dosya yap\u0131s\u0131n\u0131 bilme<\/li>\n\n\n\n<li>Temel d\u00fczeyde WordPress eklenti olu\u015fturma bilgisi<\/li>\n\n\n\n<li>Temel d\u00fczeyde Visual Studio Code bilgisi<\/li>\n\n\n\n<li>Temel d\u00fczeyde komut istemcisi (terminal) komutlar\u0131n\u0131 bilme<\/li>\n\n\n\n<li>Temel d\u00fczeyde HTM, JavaScript, CSS, Node.js, EcmaScript 6<\/li>\n\n\n\n<li>Babel ve WebPack mant\u0131\u011f\u0131n\u0131 bilme<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bu derste verece\u011fim kodlar\u0131n sorunsuz \u00e7al\u0131\u015fabilmesi i\u00e7in bilgisayar\u0131n\u0131zda gerekli olan ortamlar \u015funlard\u0131r:<\/strong>\n<ul class=\"wp-block-list\">\n<li>XAMPP Server<\/li>\n\n\n\n<li>Localhost ile \u00e7al\u0131\u015fan WordPress Kurulumu<\/li>\n\n\n\n<li>Visual Studio Code Program\u0131<\/li>\n\n\n\n<li>Node.js<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Benim bilgisayar\u0131mdaki programlar\u0131n s\u00fcr\u00fcmleri \u015f\u00f6yledir:<\/strong><ul><li><strong>Windows 10<\/strong><\/li><li><strong>Visual Studio Code<\/strong>: <code>1.68<\/code><\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li><strong>Node.js<\/strong>: <code>v16.13.2<\/code><\/li>\n\n\n\n<li><strong>npm<\/strong>: <code>8.4.0<\/code><\/li>\n\n\n\n<li><strong>WordPress<\/strong>: <code>6.0<\/code><\/li>\n\n\n\n<li><strong>&#8220;@wordpress\/scripts&#8221;<\/strong>: <code>^23.3.0 <\/code>(Bunu zaten kuraca\u011f\u0131z.)\n<ul class=\"wp-block-list\">\n<li>WebPack i\u015flerini bizi yormadan bu paket halledecek.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"WordPress_Icin_Bir_Block_Olusturmaya_Baslamadan_Once\">WordPress \u0130\u00e7in Bir Block Olu\u015fturmaya Ba\u015flamadan \u00d6nce<\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bir block olu\u015fturmak i\u00e7in, \u00f6ncelikle \u015fu haz\u0131rl\u0131klar\u0131 yapmal\u0131y\u0131z:\n<ul class=\"wp-block-list\">\n<li>XAMPP Server&#8217;da Apache ve MySQL a\u00e7\u0131lmal\u0131d\u0131r.<\/li>\n\n\n\n<li>Visual Studio Code a\u00e7\u0131lmal\u0131d\u0131r.\n<ul class=\"wp-block-list\">\n<li>Visual Studio Code ile localhostta kurulu olan wordpress siteminizin <code>plugins<\/code> dizini a\u00e7\u0131lmal\u0131d\u0131r.<\/li>\n\n\n\n<li>Visual Studio Code&#8217;un terminal penceresi a\u00e7\u0131lmal\u0131d\u0131r.\n<ul class=\"wp-block-list\">\n<li>Terminalde, komut sat\u0131r\u0131, WordPress kurulumunun <code>plugins<\/code> (eklentiler) dizininde olmal\u0131d\u0131r.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Bu i\u015flemler yap\u0131ld\u0131ysa art\u0131k bir <em>WordPress Block Edit\u00f6r\u00fc<\/em> blo\u011fu olu\u015fturabiliriz.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Yaz\u0131n\u0131n buras\u0131ndan sonra kullanaca\u011f\u0131m \u015fu iki kavram\u0131 \u015f\u00f6yle anlamal\u0131s\u0131n\u0131z:\n<ul class=\"wp-block-list\">\n<li><strong>Kod edit\u00f6r<\/strong>: Visual Studio Code<\/li>\n\n\n\n<li><strong>Terminal<\/strong>: Visual Studio Code program\u0131n\u0131n terminal penceresi<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"wordpresscreate-block_Paketi_ile_WordPress_Block_Editor_Icin_Bir_Block_Olusturma_Asamalarinin_Detaylari\">@wordpress\/create-block Paketi ile WordPress Block Edit\u00f6r \u0130\u00e7in Bir Block Olu\u015fturma A\u015famalar\u0131n\u0131n Detaylar\u0131<\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"1_wordpresscreate-block_Komutunu_Calistir\">1. @wordpress\/create-block Komutunu \u00c7al\u0131\u015ft\u0131r<\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Terminalin komut sat\u0131r\u0131 <code>plugins<\/code> dizininde iken, a\u015fa\u011f\u0131daki komutu terminale yap\u0131\u015ft\u0131r\u0131p enter tu\u015funa bas\u0131n:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>npx @wordpress\/create-block sc-cards<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Yukar\u0131daki komutta:\n<ul class=\"wp-block-list\">\n<li>Karar\u0131 size ba\u011fl\u0131 olan tek k\u0131s\u0131m <code>\"sc-cards\"<\/code> k\u0131sm\u0131d\u0131r.\n<ul class=\"wp-block-list\">\n<li>Bu k\u0131s\u0131m, olu\u015fturaca\u011f\u0131n\u0131z eklentinin ve blo\u011fun ad\u0131d\u0131r.\n<ul class=\"wp-block-list\">\n<li>Ben <strong>SiteCenneti.com<\/strong> markas\u0131 ile bir <em>kart <\/em>blo\u011fu kurmay\u0131 tasarlad\u0131\u011f\u0131m i\u00e7in bu ad\u0131 verdim.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Siz, kendinize en uygun ismi bulup onu vermelisiniz.<\/li>\n\n\n\n<li>Daha sonradan da de\u011fi\u015ftirilebilecek bir k\u0131s\u0131md\u0131r.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bu komuta enter dedi\u011finizde \u015f\u00f6yle bir soru ile kar\u015f\u0131la\u015f\u0131yoruz:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>Need to install the following packages:\n  @wordpress\/create-block\nOk to proceed? (y)<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bu soru; &#8220;<em>WordPress paketini y\u00fcklemek istedi\u011finizden eminseniz &#8220;y&#8221; tu\u015funa ve ard\u0131ndan enter tu\u015funa bas\u0131n\u0131z.<\/em>&#8221; demek istiyor.\n<ul class=\"wp-block-list\">\n<li>Biz de zaten bu y\u00fczden buraday\u0131z ve dedi\u011fini yap\u0131yoruz.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Sonra terminalde \u015f\u00f6yle bir g\u00f6r\u00fcnt\u00fc olu\u015fuyor:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"653\" height=\"288\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg.jpg\" alt=\"WordPress-Block-Kodlama-Olu\u015fturma-Gutenberg\" class=\"wp-image-5887\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg.jpg 653w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-300x132.jpg 300w\" sizes=\"auto, (max-width: 653px) 100vw, 653px\" \/><figcaption class=\"wp-element-caption\">WordPress Block Kodlama<\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Bu i\u015flem biraz zaman alabilir, sab\u0131rl\u0131 olmakta fayda var.<\/li>\n\n\n\n<li>Her \u015fey yolunda gittiyse, k\u0131rm\u0131z\u0131 yaz\u0131lar\u0131 g\u00f6rmeden terminal imleci tekrar <code>plugins<\/code> dizininde kendini g\u00f6sterecektir.<\/li>\n\n\n\n<li>Bu i\u015flem sonucunda, <code>plugins<\/code> klas\u00f6r\u00fcnde <code>sc-cards<\/code> ad\u0131nda bir klas\u00f6r olu\u015fmal\u0131d\u0131r.\n<ul class=\"wp-block-list\">\n<li>Bu klas\u00f6r, olu\u015fturdu\u011fumuz eklentinin klas\u00f6r\u00fcd\u00fcr.<\/li>\n\n\n\n<li>Bu eklenti ile asl\u0131nda, <code>sc-cards<\/code> ad\u0131nda bir block da olu\u015fturmu\u015f oluyoruz fakat hen\u00fcz kullan\u0131ma haz\u0131r de\u011fil.<\/li>\n\n\n\n<li>Bu klas\u00f6r \u015f\u00f6yle g\u00f6r\u00fcnmelidir:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"242\" height=\"379\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-dizini.jpg\" alt=\"WordPress-Block-Kodlama-Olu\u015fturma-Gutenberg-dizini\" class=\"wp-image-5900\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-dizini.jpg 242w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-dizini-192x300.jpg 192w\" sizes=\"auto, (max-width: 242px) 100vw, 242px\" \/><figcaption class=\"wp-element-caption\">@wordpress\/create-block ile olu\u015fan bir block dizini<\/figcaption><\/figure>\n<\/div>\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"2_Terminalde_Eklenti_Dizinine_Gitme\">2. Terminalde Eklenti Dizinine Gitme<\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bu a\u015famada terminalin komut sat\u0131r\u0131nda, olu\u015fturdu\u011fumuz <code>sc-cards<\/code> eklentisinin dizinine gitmemiz gerekiyor.\n<ul class=\"wp-block-list\">\n<li>Bunun i\u00e7in komut sat\u0131r\u0131 <code>plugins<\/code> dizininde iken \u015fu komutu \u00e7al\u0131\u015ft\u0131r\u0131yoruz:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>cd sc-cards<\/code><\/pre>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"3_wordpressscripts_Komutunu_Calistirma\">3. @wordpress\/scripts Komutunu \u00c7al\u0131\u015ft\u0131rma<\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bu a\u015famada <code>@wordpress\/scripts<\/code> paketine ihtiyac\u0131m\u0131z var.\n<ul class=\"wp-block-list\">\n<li>Bunun i\u00e7in terminale, <code>sc-cards<\/code> dizininde iken a\u015fa\u011f\u0131daki komutu yap\u0131\u015ft\u0131r\u0131p enter tu\u015funa bas\u0131yoruz.\n<ul class=\"wp-block-list\">\n<li>Bu i\u015flem de biraz uzun s\u00fcrebilir.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install @wordpress\/scripts --save-dev<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>@wordpress\/scripts<\/code> y\u00fcklerken terminalimizde bol morlu bir tak\u0131m ak\u0131\u015flar olur:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"308\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-scripts-1024x308.jpg\" alt=\"WordPress-Block-Kodlama-Olu\u015fturma-Gutenberg-wordpress-scripts\" class=\"wp-image-5908\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-scripts-1024x308.jpg 1024w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-scripts-300x90.jpg 300w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-scripts-768x231.jpg 768w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-scripts.jpg 1070w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">@wordpress\/scripts y\u00fckleme i\u015flemi<\/figcaption><\/figure>\n<\/div>\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"4_8220npm_start8221_Komutunu_Calistirma\">4. &#8220;npm start&#8221; Komutunu \u00c7al\u0131\u015ft\u0131rma<\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Art\u0131k s\u0131ra yava\u015f yava\u015f kod yazmaya geliyor. \u015eu a\u015famada \u00e7al\u0131\u015ft\u0131rmam\u0131z gereken son bir komut kald\u0131.<\/li>\n\n\n\n<li>A\u015fa\u011f\u0131daki komut, yazd\u0131\u011f\u0131m\u0131z kodlar\u0131 derleyip, taray\u0131c\u0131lar\u0131n anlayabilece\u011fi hale getirir ki biz de WordPress sitemizde sonu\u00e7lar\u0131 g\u00f6relim:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>npm start<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bir aksilik olmazsa, bu i\u015flem terminalde \u015f\u00f6yle bir \u00e7\u0131kt\u0131 olu\u015fturacakt\u0131r:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"537\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-scripts-start-1024x537.jpg\" alt=\"WordPress-Block-Kodlama-Olu\u015fturma-Gutenberg-wordpress-scripts-start\" class=\"wp-image-5914\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-scripts-start-1024x537.jpg 1024w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-scripts-start-300x157.jpg 300w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-scripts-start-768x403.jpg 768w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-scripts-start.jpg 1039w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">npm start komutunun \u00e7\u0131kt\u0131s\u0131<\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Bu komut \u00e7al\u0131\u015ft\u0131ktan sonra, eklenti dizinimizde <code>build<\/code> ad\u0131nda yeni bir klas\u00f6r ve bu klas\u00f6r\u00fcn alt\u0131nda baz\u0131 doyalar olu\u015fturacakt\u0131r.<\/li>\n\n\n\n<li>Bu komuttan sonra eklenti dizinimiz \u015f\u00f6yle g\u00f6r\u00fcnecektir:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"205\" height=\"553\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-eklenti-dizini.jpg\" alt=\"WordPress-Block-Kodlama-Olu\u015fturma-Gutenberg-wordpress-eklenti-dizini\" class=\"wp-image-5958\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-eklenti-dizini.jpg 205w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-eklenti-dizini-111x300.jpg 111w\" sizes=\"auto, (max-width: 205px) 100vw, 205px\" \/><figcaption class=\"wp-element-caption\">Eklenti dizininin son hali<\/figcaption><\/figure>\n<\/div>\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"5_WordPress_Yonetim_Panelinden_Eklentiyi_Etkinlestirme\">5. WordPress Y\u00f6netim Panelinden Eklentiyi Etkinle\u015ftirme<\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Asl\u0131nda biz bir WordPress eklentisi olu\u015fturduk.\n<ul class=\"wp-block-list\">\n<li>Bu eklenti, olu\u015fturdu\u011fumuz blo\u011fun kodlar\u0131n\u0131 i\u00e7ermektedir.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Bu y\u00fczden, her WordPress eklentisi gibi, \u00e7al\u0131\u015fmas\u0131 i\u00e7in y\u00f6netim panelinden etkinle\u015ftirilmesi gerekir.\n<ul class=\"wp-block-list\">\n<li>Y\u00f6netim paneline gidip etkinle\u015ftiriyoruz.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"99\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-2-1024x99.jpg\" alt=\"WordPress-Block-Kodlama-Olu\u015fturma-Gutenberg-2\" class=\"wp-image-5897\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-2-1024x99.jpg 1024w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-2-300x29.jpg 300w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-2-768x74.jpg 768w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-2.jpg 1110w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Eklentiyi Etkinle\u015ftirme<\/figcaption><\/figure>\n<\/div>\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"6_Block_Editorunde_Olusturdugumuz_Blogu_Gorme\">6. Block Edit\u00f6r\u00fcnde Olu\u015fturdu\u011fumuz Blo\u011fu G\u00f6rme<\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Art\u0131k blo\u011fumuzu olu\u015ftu\u011fu hali ile kullanabiliriz.\n<ul class=\"wp-block-list\">\n<li>Bunun i\u00e7in, WordPress&#8217;in y\u00f6netim paneline girip bir yaz\u0131 ya da sayfa a\u00e7mam\u0131z gerekiyor.\n<ul class=\"wp-block-list\">\n<li>Zaten bir tane a\u00e7\u0131ksa, eklentiyi etkinle\u015ftirdikten sonra, sayfay\u0131 yinelememiz gerekir.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>A\u00e7t\u0131\u011f\u0131m\u0131z sayfada, edit\u00f6r\u00fcn arama \u00f6zelli\u011fi ile &#8220;sc-cards&#8221; aramas\u0131 yaparsak bizi g\u00fcl\u00fcmseyerek kar\u015f\u0131layan blo\u011fumuzu g\u00f6r\u00fcr\u00fcz:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"134\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-1.jpg\" alt=\"WordPress-Block-Kodlama-Olu\u015fturma-Gutenberg-wordpress-1\" class=\"wp-image-5921\"\/><figcaption class=\"wp-element-caption\">@wordpress\/create-block ile olu\u015fturdu\u011fumuz block<\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Olu\u015fturdu\u011fumuz blo\u011fu se\u00e7ersek \u015f\u00f6yle bir \u00e7\u0131kt\u0131 ile kar\u015f\u0131la\u015f\u0131r\u0131z:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"404\" height=\"113\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-5.jpg\" alt=\"WordPress-Block-Kodlama-Olu\u015fturma-Gutenberg-wordpress-5\" class=\"wp-image-5939\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-5.jpg 404w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-5-300x84.jpg 300w\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" \/><figcaption class=\"wp-element-caption\">Olu\u015fturdu\u011fumuz block i\u00e7in edit\u00f6r \u00e7\u0131kt\u0131s\u0131<\/figcaption><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Temaya gidip bakarsak da \u015f\u00f6yle bir block ile kar\u015f\u0131la\u015f\u0131r\u0131z:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"45\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-6.jpg\" alt=\"WordPress-Block-Kodlama-Olu\u015fturma-Gutenberg-wordpress-6\" class=\"wp-image-5944\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-6.jpg 330w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2022\/06\/WordPress-Block-Kodlama-Olusturma-Gutenberg-wordpress-6-300x41.jpg 300w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><figcaption class=\"wp-element-caption\">Olu\u015fturdu\u011fumuz block i\u00e7in tema \u00e7\u0131kt\u0131s\u0131<\/figcaption><\/figure>\n<\/div>\n\n\n<p>\u00c7ok da haval\u0131 g\u00f6r\u00fcnmedi\u011fini biliyorum. Hatta dinamik bir block bile de\u011fil, metnini bile d\u00fczenleyemiyoruz. Ama \u015fimdilik&#8230;<\/p>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Sonuc\">Sonu\u00e7<\/span><\/h2>\n\n\n\n<p>Bir WordPress Block Edit\u00f6r\u00fc blo\u011fu olu\u015fturman\u0131n yollar\u0131ndan biri budur. Fakat, block olu\u015fturmak, i\u015fin ba\u015flang\u0131c\u0131d\u0131r. Bundan sonras\u0131, gerekli kodlamalar ile blo\u011fu canland\u0131rmak ve amac\u0131m\u0131za uygun hale getirmektir.<\/p>\n\n\n\n<p>Bundan sonras\u0131n\u0131 merak ediyorsan\u0131z bizi takip etmeye ve yorumlar\u0131n\u0131z ile bize g\u00fc\u00e7 vermeye devam ediniz.<\/p>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n","protected":false},"excerpt":{"rendered":"<p>WordPress i\u00e7in kodlayarak bir block geli\u015ftirmek nas\u0131l olur?<\/p>\n","protected":false},"author":1,"featured_media":5576,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[254],"tags":[259,258],"class_list":["post-5866","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gutenberg-blok-gelistirme-kodlama","tag-block-olusturma","tag-wordpress-block-editor"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/5866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/comments?post=5866"}],"version-history":[{"count":3,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/5866\/revisions"}],"predecessor-version":[{"id":6662,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/5866\/revisions\/6662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media\/5576"}],"wp:attachment":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media?parent=5866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=5866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=5866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}