# 57 كوداً قصيراً وعنصراً

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

النماذج

كل عنصر محتوى تقدمه Canvas على صفحته الخاصة، مع عرض جميع تنويعاته معًا لتتمكن من رؤية الخيارات قبل البناء.

[فتح العرض المباشر](https://demos.canvaswp.com/classic/) [استعراض العروض التوضيحية](https://canvaswp.com/ar/demos/)

آخر تحديث 3 نوفمبر 2026

- [الرسوم المتحركة (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/animations/)
- [الأزرار (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/buttons/)
- [العارض الدوار (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/carousel/)
- [Clients (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/clients/)
- [الأعمدة (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/columns-grids/)
- [العدادات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/counters/)
- [Read More (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/read-more/)
- [Ticker (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/ticker/)
- [كمية السلة (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/cart-quantity/)
- [عناصر البارالاكس (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/parallax-elements/)
- [الفواصل (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/dividers/)
- [صناديق الأيقونات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/featured-boxes/)
- [المعارض (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/gallery/)
- [أنماط العناوين (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/headings-dropcaps/)
- [قوائم الأيقونات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/icon-lists/)
- [التدرجات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/gradients/)
- [صندوق الصور المنبثق (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/lightbox/)
- [تراكبات العناصر (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/item-overlays/)
- [عناصر الاستمارات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/form-elements/)
- [رفع الملفات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/component-uploads/)
- [Circle Stack (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/circle-stack/)
- [Video Facade (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/video-facade/)
- [عناصر التمرير (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/scroll-elements/)
- [Lists & Cards (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/lists-cards/)
- [الخرائط (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/maps/)
- [تضمينات الوسائط (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/media-embeds/)
- [صناديق النوافذ المنبثقة (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/modal-popovers/)
- [الإشعارات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/notifications/)
- [Pagination (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/pagination-progress/)
- [التقدم والمهارات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/progress-skills/)
- [Shape Dividers (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/shape-dividers/)
- [Cascading Images (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/cascading-images/)
- [مُبرز الأكواد (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/code-highlighter/)
- [إجراءات الوسائط (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/media-actions/)
- [مربعات الأسعار (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/pricing/)
- [Process Steps (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/process-steps/)
- [صناديق الترويج (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/promo-boxes/)
- [الاقتباسات (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/quotes-blockquotes/)
- [شرائح الصور (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/image-sliders/)
- [الأقسام (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/sections/)
- [Social Icons (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/social-icons/)
- [حركات التحويم (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/hover-animations/)
- [AJAX Button (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/ajax-button/)
- [النماذج الشرطية (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/conditional/)
- [شاشات التحميل (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/preloaders/)
- [صناديق التنبيه (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/style-boxes/)
- [الأيقونات المنسّقة (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/styled-icons/)
- [الجداول (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/tables/)
- [Tabs (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/tabs/)
- [Testimonials (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/testimonials-twitter/)
- [Thumbnails (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/thumbnails-slider/)
- [مفاتيح التبديل (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/toggles-accordions/)
- [التحميل الكسول (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/lazy-loading/)
- [Flip Cards (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/flip-cards/)
- [مبدّل الوضع (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/color-mode-switcher/)
- [المؤشر المخصّص (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/custom-cursor/)
- [Image Compare (يُفتح في تبويب جديد)](https://demos.canvaswp.com/classic/image-compare/)

يفتح كل رابط صفحة حقيقية في العرض المباشر، مصممة بالقالب والكتل نفسها التي تثبّتها.

أي كتلة

## الكتلة التي تقف خلف كل عنصر

تعرض كل صفحة عنصرًا أو أكثر من كتل Canvas مع متغيراتها جنبًا إلى جنب. ابحث عن العنصر المطلوب، وأدرج الكتلة المذكورة أسفله، وتُضبط المتغيرات من إعدادات لوحتها.

- **الأزرار**
   Button, Page Title Buttons
- **العارض الدوار**
   Carousel, Product Carousel
- **Clients**
   Clients
- **الأعمدة**
   العمود، الصف
- **العدادات**
   Countdown, Counter
- **Read More**
   Read More
- **Ticker**
   Ticker
- **كمية السلة**
   Quantity Input
- **عناصر البارالاكس**
   Parallax Image
- **الفواصل**
   Divider
- **صناديق الأيقونات**
   Icon Box
- **المعارض**
   Gallery
- **أنماط العناوين**
   Dropcap, Heading, Text Rotator
- **قوائم الأيقونات**
   Icon List
- **تراكبات العناصر**
   Overlay Content, Overlay Item
- **عناصر الاستمارات**
   Form Field
- **Circle Stack**
   Circle Stack
- **Lists & Cards**
   Link Tiles, Lists & Cards
- **الخرائط**
   Map
- **تضمينات الوسائط**
   Media Embed
- **صناديق النوافذ المنبثقة**
   Modal
- **الإشعارات**
   الإشعار
- **Pagination**
   Pagination
- **التقدم والمهارات**
   Progress Bar
- **Shape Dividers**
   Plain Image, Shape Divider
- **Cascading Images**
   Cascading Images
- **مُبرز الأكواد**
   Code Highlight
- **إجراءات الوسائط**
   Background Video / Audio
- **مربعات الأسعار**
   Inline SVG, Pricing Switcher, Pricing Table
- **Process Steps**
   Process Steps
- **صناديق الترويج**
   Promo Box
- **الاقتباسات**
   اقتباس
- **شرائح الصور**
   Image Slider
- **الأقسام**
   Hero, Wrapper
- **Social Icons**
   Social Icons
- **AJAX Button**
   AJAX Button
- **شاشات التحميل**
   Preloader
- **صناديق التنبيه**
   Alert
- **الأيقونات المنسّقة**
   Styled Icon
- **Tabs**
   Tabs
- **Testimonials**
   Testimonials
- **مفاتيح التبديل**
   Accordion, Toggle
- **Flip Cards**
   Flip Card
- **Image Compare**
   Image Compare

الإعدادات المشتركة

## ما يحمله كل عنصر معه

### اللوحة المتقدمة

تضيف Canvas اللوحة المتقدمة نفسها إلى كل أنواع الكتل في الموقع، بما فيها الكتل الأساسية في WordPress وكتل الإضافات الأخرى: تأثير حركي للدخول والخروج، وCSS مخصص يقتصر على تلك الكتلة، وسمات مخصصة وشروط عرض حسب الدور أو الجهاز. وصفحة الرسوم المتحركة هي تلك اللوحة في العمل.

### الإعدادات الافتراضية والأنماط العامة

اضبط الزر بالشكل الذي تريده علامتك التجارية، واحفظ هذه الإعدادات كإعداد افتراضي ليبدأ منه الزر التالي الذي تُدرجه. يُسمّي النمط العام مجموعة من الإعدادات تطبّقها على الموقع كله وتغيّرها من مكان واحد لاحقاً.

### مجانية ومميزة، ضمن الخطة نفسها

من أصل 314 كتلة في Canvas، 228 مجانية و86 مميزة. تشمل كل خطة جميع هذه الكتل، لذا لا يتطلب أي عنصر في هذه الصفحة ترقية.

- [مكتبة الكتل الكاملة](https://canvaswp.com/ar/blocks/)

### لماذا تعرض القائمة كلمة Shortcodes

يحافظ العرض على أسماء القوائم الموجودة في Canvas HTML، وهو القالب الذي تحاكيه هذه الصفحات، و"الأكواد القصيرة" هو الاسم الذي تطلقه تلك القائمة على صفحات عناصرها، لذا يجد أي شخص سبق له البناء بقالب HTML كل صفحة في المكان الذي يتوقعه. أما في Canvas for WordPress فلا يوجد أي منها كوداً قصيراً. كل عنصر كتلة مسجلة بخياراتها في الشريط الجانبي، ويُحفظ بصيغة ترميز الكتل القياسية، ولا يُطلب منك تذكّر وسم بين أقواس مربعة.

- [ما الذي ينتقل من Canvas HTML](https://canvaswp.com/ar/canvas-html-to-wordpress/)

المزيد من النماذج

## بقية المكتبة

- [قوالب الصفحات 13](https://canvaswp.com/ar/templates/page-templates/)
- [تخطيطات معارض الأعمال 27](https://canvaswp.com/ar/templates/portfolio/)
- [تخطيطات المدونة 35](https://canvaswp.com/ar/templates/blog/)
- [تخطيطات المتجر 9](https://canvaswp.com/ar/templates/shop/)