{"id":1579,"date":"2026-02-23T08:48:54","date_gmt":"2026-02-23T05:48:54","guid":{"rendered":"https:\/\/safirdemo.com\/truva\/?page_id=1579"},"modified":"2026-03-18T12:00:06","modified_gmt":"2026-03-18T09:00:06","slug":"tema-bloklari","status":"publish","type":"page","link":"https:\/\/safirdemo.com\/truva\/tema-bloklari\/","title":{"rendered":"Tema Bloklar\u0131"},"content":{"rendered":"\n

Truva WordPress Temas\u0131’nda Gutenberg’in default bloklar\u0131na ek olarak geli\u015ftirdi\u011fimiz \u00f6zel tema bloklar\u0131 sayesinde i\u00e7eriklerinizi daha etkili bir \u015fekilde sunabilirsiniz. Bu sayfada \u00f6zel tema bloklar\u0131ndan baz\u0131lar\u0131na yer verilmi\u015ftir.<\/p>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t<\/use><\/svg><\/span>\t\t\t
Safir \u0130kon Blo\u011fu<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n

Tema tasar\u0131m\u0131nda veya i\u00e7eriklerde istedi\u011finiz alana ikon ekleyebilmek i\u00e7in kullan\u0131labilecek blok.<\/p>\n\n\n\n

\n
\n\t\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/a>\n<\/div>\n\n\n

\u00dczerine gelindi\u011finde renk de\u011fi\u015fimi<\/h3>\n<\/div>\n\n\n\n
\n\t\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/a>\n<\/div>\n\n\n

Oval k\u00f6\u015feli g\u00f6sterim<\/h3>\n<\/div>\n\n\n\n
\n\t\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/a>\n<\/div>\n\n\n

Kenarl\u0131kl\u0131 g\u00f6sterim<\/h3>\n<\/div>\n\n\n\n
\n\t\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/a>\n<\/div>\n\n\n

Sayfa y\u00fcklendi\u011finde g\u00f6sterilen efekt<\/h3>\n<\/div>\n\n\n\n
\n\t\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/a>\n<\/div>\n\n\n

\u00dczerine gelindi\u011finde efekt<\/h3>\n<\/div>\n\n\n\n
\n\t\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/a>\n<\/div>\n\n\n

5 farkl\u0131 efekt deste\u011fi<\/h3>\n<\/div>\n\n\n\n
\n\t\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/a>\n<\/div>\n\n\n

\u00d6zel renk ekleyebilme<\/h3>\n<\/div>\n\n\n\n
\n\t\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/a>\n<\/div>\n\n\n

Otomatik ba\u011flant\u0131 deste\u011fi<\/h3>\n<\/div>\n\n\n\n
\n\t\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/a>\n<\/div>\n\n\n

SVG ikon deste\u011fi<\/h3>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t<\/use><\/svg><\/span>\t\t\t
Soru & Cevap Blo\u011fu<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n

Herhangi bir i\u00e7eri\u011finize akordiyon \u015feklinde soru & cevap b\u00f6l\u00fcmleri ekleyebilece\u011finiz blok.<\/p>\n\n\n\n

SSS – Varsay\u0131lan Stil<\/h2>\n\n\n
\n\t\n
\n\t
\n\t\t<\/use><\/svg><\/span>\t\tCorrupti et quo sint similique error?<\/span>\n\t\t
\n\t\t\t<\/use><\/svg><\/span><\/use><\/svg><\/span>\t\t<\/div>\n\t<\/div>\n\t
Qui et facilis ut animi est optio omnis esse est porro optio enim nostrum nam est provident inventore<\/strong> eum ut.Rerum perferendis<\/a> molestiae voluptatem rerum expedita vel itaque illum maiores optio voluptas sit earum eos accusamus officia distinctio et voluptate et officiis velit itaque iste qui voluptatem quas ut doloribus quo consequatur esse hic delectus a repellendus veritatis quibusdam similique et cumque est eaque quia minus laborum a voluptatem repudiandae iste culpa sint quae harum aut suscipit explicabo quis inventore vel voluptatem at molestias est at quia earum rerum ut aut ea temporibus beatae qui ea et iste ipsam et doloremque fuga tenetur voluptas et id commodi corporis dolores voluptatem dolores ea quaerat asperiores ad ut unde natus eos ut minima ut culpa aut consequatur nobis.<\/div>\n<\/div>\n\n
\n\t
\n\t\t<\/use><\/svg><\/span>\t\tNostrum sed est quam odio tempora eligendi laboriosam?<\/span>\n\t\t
\n\t\t\t<\/use><\/svg><\/span><\/use><\/svg><\/span>\t\t<\/div>\n\t<\/div>\n\t
Veritatis aut doloremque et esse ea dolorem officiis rerum culpa numquam omnis fugiat hic earum voluptatum eos aut illo aut illum repellendus hic cumque et iste sed est dolorem laudantium et voluptatem molestiae a consequatur non tempora sunt totam delectus quidem at amet quia ipsam et quasi voluptatum enim omnis minus nemo nisi et recusandae nostrum eveniet impedit ullam omnis et et itaque saepe exercitationem placeat possimus consequatur nisi nemo iure hic hic voluptates ad fuga voluptatem omnis ea non.<\/div>\n<\/div>\n<\/div>\n\n\n

SSS – Kutulu Stil<\/h2>\n\n\n
\n\t\n
\n\t
\n\t\t<\/use><\/svg><\/span>\t\tCorrupti et quo sint similique error?<\/span>\n\t\t
\n\t\t\t<\/use><\/svg><\/span><\/use><\/svg><\/span>\t\t<\/div>\n\t<\/div>\n\t
Qui et facilis ut animi est optio omnis esse est porro optio enim nostrum nam est provident inventore<\/strong> eum ut.Rerum perferendis<\/a> molestiae voluptatem rerum expedita vel itaque illum maiores optio voluptas sit earum eos accusamus officia distinctio et voluptate et officiis velit itaque iste qui voluptatem quas ut doloribus quo consequatur esse hic delectus a repellendus veritatis quibusdam similique et cumque est eaque quia minus laborum a voluptatem repudiandae iste culpa sint quae harum aut suscipit explicabo quis inventore vel voluptatem at molestias est at quia earum rerum ut aut ea temporibus beatae qui ea et iste ipsam et doloremque fuga tenetur voluptas et id commodi corporis dolores voluptatem dolores ea quaerat asperiores ad ut unde natus eos ut minima ut culpa aut consequatur nobis.<\/div>\n<\/div>\n\n
\n\t
\n\t\t<\/use><\/svg><\/span>\t\tNostrum sed est quam odio tempora eligendi laboriosam?<\/span>\n\t\t
\n\t\t\t<\/use><\/svg><\/span><\/use><\/svg><\/span>\t\t<\/div>\n\t<\/div>\n\t
Veritatis aut doloremque et esse ea dolorem officiis rerum culpa numquam omnis fugiat hic earum voluptatum eos aut illo aut illum repellendus hic cumque et iste sed est dolorem laudantium et voluptatem molestiae a consequatur non tempora sunt totam delectus quidem at amet quia ipsam et quasi voluptatum enim omnis minus nemo nisi et recusandae nostrum eveniet impedit ullam omnis et et itaque saepe exercitationem placeat possimus consequatur nisi nemo iure hic hic voluptates ad fuga voluptatem omnis ea non.<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t<\/use><\/svg><\/span>\t\t\t
Dahili Carousel<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n

Olu\u015fturdu\u011funuz bloklar\u0131 veya ekledi\u011finiz i\u00e7erikleri otomatik kayacak \u015fekilde carousel haline getiren blok.<\/p>\n\n\n

\n\t
\n\t\t
\n\t\t\t\n\n
\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n

\n\t
\n\t\t
\n\t\t\t\n\n
\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\n\n

\n

Carousel Eleman\u0131<\/p>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t<\/use><\/svg><\/span>\t\t\t
\u0130lerleme \u00c7ubu\u011fu<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n

Y\u00fczde olarak belirleyece\u011finiz bir de\u011feri, istedi\u011finiz renkte ve metinle animasyonlu olarak g\u00f6steren blok.<\/p>\n\n\n\n

\n
\n

Backend<\/p>\n\n\n

\n\t
\n\t\t
\n\t\t\t0<\/span>%\n\t\t<\/div>\n\t\t
<\/div>\n\t<\/div>\n<\/div><\/div>\n\n\n\n
\n

Frontend<\/p>\n\n\n

\n\t
\n\t\t
\n\t\t\t0<\/span>%\n\t\t<\/div>\n\t\t
<\/div>\n\t<\/div>\n<\/div><\/div>\n\n\n\n
\n

Full Stack<\/p>\n\n\n

\n\t
\n\t\t
\n\t\t\t0<\/span>%\n\t\t<\/div>\n\t\t
<\/div>\n\t<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t<\/use><\/svg><\/span>\t\t\t
Safir Button<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n

\u00c7e\u015fitli renklerde ve stillerde, ikonlu olarak link verebilece\u011finiz \u00f6zel buton bloklar\u0131.<\/p>\n\n\n

\n \n
\n\t\n\t\t<\/use><\/svg><\/span>\t\t
\n\t\t\tStandart Button\t\t<\/div>\n\t<\/a>\n<\/div>\n\n
\n\t\n\t\t\t\t
\n\t\t\t\u0130konsuz Button\t\t<\/div>\n\t<\/a>\n<\/div>\n\n
\n\t\n\t\t<\/use><\/svg><\/span>\t\t
\n\t\t\tOval Button\t\t<\/div>\n\t<\/a>\n<\/div>\n\n
\n\t\n\t\t<\/use><\/svg><\/span>\t\t
\n\t\t\tE\u011fik Button\t\t<\/div>\n\t<\/a>\n<\/div>\n\n
\n\t\n\t\t<\/use><\/svg><\/span>\t\t
\n\t\t\tKenarl\u0131kl\u0131 Button\t\t<\/div>\n\t<\/a>\n<\/div>\n\n
\n\t\n\t\t<\/use><\/svg><\/span>\t\t
\n\t\t\tHover Efekti\t\t<\/div>\n\t<\/a>\n<\/div>\n<\/div>\n\n
\n \n
\n\t\n\t\t<\/use><\/svg><\/span>\t\t
\n\t\t\tStandart Button\t\t<\/div>\n\t<\/a>\n<\/div>\n\n
\n\t\n\t\t\t\t
\n\t\t\t\u0130konsuz Button\t\t<\/div>\n\t<\/a>\n<\/div>\n\n
\n\t\n\t\t<\/use><\/svg><\/span>\t\t
\n\t\t\tOval Button\t\t<\/div>\n\t<\/a>\n<\/div>\n\n
\n\t\n\t\t<\/use><\/svg><\/span>\t\t
\n\t\t\tE\u011fik Button\t\t<\/div>\n\t<\/a>\n<\/div>\n\n
\n\t\n\t\t<\/use><\/svg><\/span>\t\t
\n\t\t\tKenarl\u0131kl\u0131 Button\t\t<\/div>\n\t<\/a>\n<\/div>\n\n
\n\t\n\t\t<\/use><\/svg><\/span>\t\t
\n\t\t\tHover Efekti\t\t<\/div>\n\t<\/a>\n<\/div>\n<\/div><\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t<\/use><\/svg><\/span>\t\t\t
A\u00e7\u0131klama Kutusu<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n

Arkaplan g\u00f6rseli, ikon, ba\u015fl\u0131k ve a\u00e7\u0131klama alan\u0131ndan olu\u015fan slogan, a\u00e7\u0131klama, kampanya vs gibi bilgiler girebilece\u011finiz blok.<\/p>\n\n\n\n

\n\t
\n\t\t
\n\t\t\t<\/use><\/svg><\/span>\t\t\t
\n\t\t\t\t
Blok ba\u015fl\u0131\u011f buraya gelecek<\/div>\n\t\t\t\t
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
\n\t\t\t<\/use><\/svg><\/span>\t\t\t
\n\t\t\t\t
Blok ba\u015fl\u0131\u011f buraya gelecek<\/div>\n\t\t\t\t
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t<\/use><\/svg><\/span>\t\t\t
Artan Say\u0131lar<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n

Animasyonlu olarak say\u0131sal istatistikler g\u00f6sterebilece\u011finiz blok.<\/p>\n\n\n\n

\n
<\/div><\/span>
\n
\n
\n
\n\t400<\/span>+<\/div><\/div>\n\n\n\n

TAMAMLANAN PROJE<\/h2>\n\n\n
\n\t
\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n\t100<\/span>%<\/div><\/div>\n\n\n\n

M\u00dc\u015eTER\u0130 MEMNUN\u0130YET\u0130<\/h2>\n\n\n
\n\t
\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n\t+150<\/span><\/div><\/div>\n\n\n\n

D\u0130J\u0130TAL \u00dcR\u00dcN<\/h2>\n\n\n
\n\t
\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n\t12<\/span><\/div><\/div>\n\n\n\n

TOPLAM \u015eUBE<\/h2>\n\n\n
\n\t
\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n\t16<\/span><\/div><\/div>\n\n\n\n

F\u0130RMA \u00c7ALI\u015eANI<\/h2>\n\n\n
\n\t
\n\t\t\n\t\t\t\n\t\t<\/svg>\n\t<\/div>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t<\/use><\/svg><\/span>\t\t\t
Y\u0131ld\u0131zl\u0131 Yorum<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n

\u0130stedi\u011finiz say\u0131da y\u0131ld\u0131z \u00fczerinden verilen puan\u0131 istedi\u011finiz boyutta ve istedi\u011finiz ikonla g\u00f6sterebilece\u011finiz bir blok.<\/p>\n\n\n\n

\n
\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t<\/div><\/div>\n\n\n\n
\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t<\/div><\/div>\n\n\n\n
\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t<\/div><\/div>\n\n\n\n
\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t<\/div><\/div>\n\n\n\n
\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t<\/div><\/div>\n\n\n\n
\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t<\/div><\/div>\n\n\n\n
\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t<\/div><\/div>\n\n\n\n
\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t<\/div><\/div>\n\n\n\n
\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t\t\t<\/svg>\n\t<\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Truva WordPress Temas\u0131’nda Gutenberg’in default bloklar\u0131na ek olarak geli\u015ftirdi\u011fimiz \u00f6zel tema bloklar\u0131 sayesinde i\u00e7eriklerinizi daha etkili bir \u015fekilde sunabilirsiniz. Bu sayfada \u00f6zel tema bloklar\u0131ndan baz\u0131lar\u0131na yer verilmi\u015ftir. Tema tasar\u0131m\u0131nda veya i\u00e7eriklerde istedi\u011finiz alana ikon ekleyebilmek i\u00e7in kullan\u0131labilecek blok. \u00dczerine gelindi\u011finde renk de\u011fi\u015fimi Oval k\u00f6\u015feli g\u00f6sterim Kenarl\u0131kl\u0131 g\u00f6sterim Sayfa y\u00fcklendi\u011finde g\u00f6sterilen efekt \u00dczerine gelindi\u011finde efekt 5 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-nobottompadding","meta":{"fiyat":"","metin":"","footnotes":""},"class_list":["post-1579","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/safirdemo.com\/truva\/wp-json\/wp\/v2\/pages\/1579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/safirdemo.com\/truva\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/safirdemo.com\/truva\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/safirdemo.com\/truva\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/safirdemo.com\/truva\/wp-json\/wp\/v2\/comments?post=1579"}],"version-history":[{"count":56,"href":"https:\/\/safirdemo.com\/truva\/wp-json\/wp\/v2\/pages\/1579\/revisions"}],"predecessor-version":[{"id":1764,"href":"https:\/\/safirdemo.com\/truva\/wp-json\/wp\/v2\/pages\/1579\/revisions\/1764"}],"wp:attachment":[{"href":"https:\/\/safirdemo.com\/truva\/wp-json\/wp\/v2\/media?parent=1579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}