# 57 Kısa Kod ve Öğe

URL: https://canvaswp.com/tr/templates/shortcodes/
Updated: 2026-11-03

Şablonlar

Canvas'ın sunduğu her içerik öğesi, kendi sayfasında ve tüm varyasyonlarıyla birlikte gösterilir; böylece oluşturmadan önce seçenekleri görebilirsiniz.

[Canlı vitrini açın](https://demos.canvaswp.com/classic/) [Demo web sitelerine göz atın](https://canvaswp.com/tr/demos/)

Güncellendi 3 Kasım 2026

- [Animasyonlar (yeni sekmede açılır)](https://demos.canvaswp.com/classic/animations/)
- [Düğmeler (yeni sekmede açılır)](https://demos.canvaswp.com/classic/buttons/)
- [Karusel (yeni sekmede açılır)](https://demos.canvaswp.com/classic/carousel/)
- [Müşteriler (yeni sekmede açılır)](https://demos.canvaswp.com/classic/clients/)
- [Sütunlar (yeni sekmede açılır)](https://demos.canvaswp.com/classic/columns-grids/)
- [Sayaçlar (yeni sekmede açılır)](https://demos.canvaswp.com/classic/counters/)
- [Read More (yeni sekmede açılır)](https://demos.canvaswp.com/classic/read-more/)
- [Ticker (yeni sekmede açılır)](https://demos.canvaswp.com/classic/ticker/)
- [Sepet Miktarı (yeni sekmede açılır)](https://demos.canvaswp.com/classic/cart-quantity/)
- [Paralaks Öğeleri (yeni sekmede açılır)](https://demos.canvaswp.com/classic/parallax-elements/)
- [Ayırıcılar (yeni sekmede açılır)](https://demos.canvaswp.com/classic/dividers/)
- [Icon Boxes (yeni sekmede açılır)](https://demos.canvaswp.com/classic/featured-boxes/)
- [Galeriler (yeni sekmede açılır)](https://demos.canvaswp.com/classic/gallery/)
- [Başlık Stilleri (yeni sekmede açılır)](https://demos.canvaswp.com/classic/headings-dropcaps/)
- [Simge Listeleri (yeni sekmede açılır)](https://demos.canvaswp.com/classic/icon-lists/)
- [Gradyanlar (yeni sekmede açılır)](https://demos.canvaswp.com/classic/gradients/)
- [Lightbox (yeni sekmede açılır)](https://demos.canvaswp.com/classic/lightbox/)
- [Öğe Katmanları (yeni sekmede açılır)](https://demos.canvaswp.com/classic/item-overlays/)
- [Form Öğeleri (yeni sekmede açılır)](https://demos.canvaswp.com/classic/form-elements/)
- [Dosya Yüklemeleri (yeni sekmede açılır)](https://demos.canvaswp.com/classic/component-uploads/)
- [Circle Stack (yeni sekmede açılır)](https://demos.canvaswp.com/classic/circle-stack/)
- [Video Facade (yeni sekmede açılır)](https://demos.canvaswp.com/classic/video-facade/)
- [Kaydırma Öğeleri (yeni sekmede açılır)](https://demos.canvaswp.com/classic/scroll-elements/)
- [Lists & Cards (yeni sekmede açılır)](https://demos.canvaswp.com/classic/lists-cards/)
- [Haritalar (yeni sekmede açılır)](https://demos.canvaswp.com/classic/maps/)
- [Medya Yerleştirmeleri (yeni sekmede açılır)](https://demos.canvaswp.com/classic/media-embeds/)
- [Modal Kutuları (yeni sekmede açılır)](https://demos.canvaswp.com/classic/modal-popovers/)
- [Bildirimler (yeni sekmede açılır)](https://demos.canvaswp.com/classic/notifications/)
- [Pagination (yeni sekmede açılır)](https://demos.canvaswp.com/classic/pagination-progress/)
- [İlerleme ve Beceriler (yeni sekmede açılır)](https://demos.canvaswp.com/classic/progress-skills/)
- [Shape Dividers (yeni sekmede açılır)](https://demos.canvaswp.com/classic/shape-dividers/)
- [Cascading Images (yeni sekmede açılır)](https://demos.canvaswp.com/classic/cascading-images/)
- [Kod Vurgulayıcı (yeni sekmede açılır)](https://demos.canvaswp.com/classic/code-highlighter/)
- [Medya İşlemleri (yeni sekmede açılır)](https://demos.canvaswp.com/classic/media-actions/)
- [Fiyat Kutuları (yeni sekmede açılır)](https://demos.canvaswp.com/classic/pricing/)
- [Process Steps (yeni sekmede açılır)](https://demos.canvaswp.com/classic/process-steps/)
- [Promo Kutuları (yeni sekmede açılır)](https://demos.canvaswp.com/classic/promo-boxes/)
- [Blok alıntıları (yeni sekmede açılır)](https://demos.canvaswp.com/classic/quotes-blockquotes/)
- [Görsel Kaydırıcılar (yeni sekmede açılır)](https://demos.canvaswp.com/classic/image-sliders/)
- [Bölümler (yeni sekmede açılır)](https://demos.canvaswp.com/classic/sections/)
- [Social Icons (yeni sekmede açılır)](https://demos.canvaswp.com/classic/social-icons/)
- [Hover Animasyonları (yeni sekmede açılır)](https://demos.canvaswp.com/classic/hover-animations/)
- [AJAX Button (yeni sekmede açılır)](https://demos.canvaswp.com/classic/ajax-button/)
- [Koşullu formlar (yeni sekmede açılır)](https://demos.canvaswp.com/classic/conditional/)
- [Ön yükleyiciler (yeni sekmede açılır)](https://demos.canvaswp.com/classic/preloaders/)
- [Uyarı Kutuları (yeni sekmede açılır)](https://demos.canvaswp.com/classic/style-boxes/)
- [Stilli Simgeler (yeni sekmede açılır)](https://demos.canvaswp.com/classic/styled-icons/)
- [Tablolar (yeni sekmede açılır)](https://demos.canvaswp.com/classic/tables/)
- [Sekmeler (yeni sekmede açılır)](https://demos.canvaswp.com/classic/tabs/)
- [Testimonials (yeni sekmede açılır)](https://demos.canvaswp.com/classic/testimonials-twitter/)
- [Thumbnails (yeni sekmede açılır)](https://demos.canvaswp.com/classic/thumbnails-slider/)
- [Toggles (yeni sekmede açılır)](https://demos.canvaswp.com/classic/toggles-accordions/)
- [Tembel Yükleme (yeni sekmede açılır)](https://demos.canvaswp.com/classic/lazy-loading/)
- [Flip Cards (yeni sekmede açılır)](https://demos.canvaswp.com/classic/flip-cards/)
- [Mod Değiştirici (yeni sekmede açılır)](https://demos.canvaswp.com/classic/color-mode-switcher/)
- [Özel İmleç (yeni sekmede açılır)](https://demos.canvaswp.com/classic/custom-cursor/)
- [Image Compare (yeni sekmede açılır)](https://demos.canvaswp.com/classic/image-compare/)

Her bağlantı, canlı vitrinde yüklediğiniz tema ve bloklarla oluşturulmuş gerçek bir sayfayı açar.

Hangi blok

## Her öğenin arkasındaki blok

Her öğe sayfası, varyasyonlarıyla birlikte bir veya daha fazla Canvas bloğunu yan yana gösterir. İstediğiniz öğeyi bulun, altında adı yazan bloğu ekleyin; varyasyonlar ise bloğun panelindeki ayarlardır.

- **Düğmeler**
   Button, Page Title Buttons
- **Karusel**
   Carousel, Product Carousel
- **Müşteriler**
   Müşteriler
- **Sütunlar**
   Column, Row
- **Sayaçlar**
   Countdown, Counter
- **Read More**
   Read More
- **Ticker**
   Ticker
- **Sepet Miktarı**
   Quantity Input
- **Paralaks Öğeleri**
   Parallax Image
- **Ayırıcılar**
   Divider
- **Icon Boxes**
   Icon Box
- **Galeriler**
   Gallery
- **Başlık Stilleri**
   Dropcap, Heading, Text Rotator
- **Simge Listeleri**
   Icon List
- **Öğe Katmanları**
   Overlay Content, Overlay Item
- **Form Öğeleri**
   Form Field
- **Circle Stack**
   Circle Stack
- **Lists & Cards**
   Link Tiles, Lists & Cards
- **Haritalar**
   Map
- **Medya Yerleştirmeleri**
   Media Embed
- **Modal Kutuları**
   Modal
- **Bildirimler**
   Notification
- **Pagination**
   Pagination
- **İlerleme ve Beceriler**
   Progress Bar
- **Shape Dividers**
   Plain Image, Shape Divider
- **Cascading Images**
   Cascading Images
- **Kod Vurgulayıcı**
   Code Highlight
- **Medya İşlemleri**
   Background Video / Audio
- **Fiyat Kutuları**
   Inline SVG, Pricing Switcher, Pricing Table
- **Process Steps**
   Process Steps
- **Promo Kutuları**
   Promo Box
- **Blok alıntıları**
   Alıntı
- **Görsel Kaydırıcılar**
   Image Slider
- **Bölümler**
   Hero, Wrapper
- **Social Icons**
   Social Icons
- **AJAX Button**
   AJAX Button
- **Ön yükleyiciler**
   Preloader
- **Uyarı Kutuları**
   Alert
- **Stilli Simgeler**
   Styled Icon
- **Sekmeler**
   Sekmeler
- **Testimonials**
   Testimonials
- **Toggles**
   Accordion, Toggle
- **Flip Cards**
   Flip Card
- **Image Compare**
   Image Compare

Ortak ayarlar

## Her öğenin beraberinde getirdikleri

### Gelişmiş panel

Canvas, çekirdek bloklar ve diğer eklentilerin blokları dahil, sitedeki her blok türüne aynı gelişmiş paneli ekler: giriş ve çıkış animasyonu, yalnızca o bloğa uygulanan özel CSS, özel öznitelikler ve role ya da cihaza göre görüntüleme koşulları. Animasyonlar sayfası, bu panelin çalışan hâlidir.

### Varsayılanlar ve genel stiller

Bir düğmeyi markanızın istediği biçimde ayarlayın ve bu ayarları varsayılan olarak kaydedin; böylece ekleyeceğiniz bir sonraki düğme de bu ayarlarla başlar. Genel stil, sitenin genelinde uyguladığınız ve daha sonra tek bir yerden değiştirebileceğiniz ayarlar kümesidir.

### Ücretsiz ve premium, aynı plan

Canvas bloğunun 314 tanesinden 228 tanesi ücretsiz, 86 tanesi ise premium. Her plan bunların tamamını içerir; bu nedenle bu sayfadaki hiçbir öğe için yükseltme yapmanız gerekmez.

- [Tüm blok kitaplığı](https://canvaswp.com/tr/blocks/)

### Menüde neden Shortcodes yazıyor

Bu vitrin, bu sayfaların yansıttığı şablon olan Canvas HTML'in menü adlarını korur; Kısa Kodlar da bu menünün öğe sayfalarına verdiği addır, böylece HTML şablonuyla çalışmış herkes her sayfayı beklediği yerde bulur. WordPress için Canvas'ta bunların hiçbiri kısa kod değildir. Her öğe, seçenekleri kenar çubuğunda bulunan ve standart blok işaretlemesi olarak kaydedilen kayıtlı bir bloktur; köşeli parantezli bir etiketi hatırlamanız gerekmez.

- [Canvas HTML'den neler aktarılır](https://canvaswp.com/tr/canvas-html-to-wordpress/)

Daha fazla şablon

## Kütüphanenin geri kalanı

- [Sayfa Şablonları 13](https://canvaswp.com/tr/templates/page-templates/)
- [Portfolyo Düzenleri 27](https://canvaswp.com/tr/templates/portfolio/)
- [Blog Düzenleri 35](https://canvaswp.com/tr/templates/blog/)
- [Mağaza Düzenleri 9](https://canvaswp.com/tr/templates/shop/)