بطاقات المدونة (Blog Cards)
أقسام تعرض المقالات للقرّاء: شبكات البطاقات والمقالات المميزة، والقوائم والفهارس، واللوحات التي ترافق المقال، وأدوات التصفح.
يُثبَّت كل قسم وحده. اعرضه بعرض سطح المكتب أو الجهاز اللوحي أو الهاتف، وبالاتجاهين. جديد على الكتل؟ ابدأ من المقدّمة.
في «أرشيف بمرشّحات جانبية» لا يلتصق شريط المرشّحات بأعلى الشاشة عند عرض 1024px فأكثر، فلا نسخة ترسم شريطًا لاصقًا، ويتمرر الشريط مع الصفحة.
يُعرض 21 نوعًا
شبكة كلاسيكية بثلاث بطاقات
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-classic-3-up-gridشبكة مقال مميز ومقالين
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-featured-two-upشبكة مدمجة بأربع صور مصغّرة
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-compact-4-up-thumb-gridشبكة تحريرية بنمط بينتو
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-bento-editorial-gridمقال مميز بتخطيط منقسم
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-split-featureمقال رئيسي واختيارات مرتبة
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-lead-ranked-picksشبكة ثلاث صور بنص فوقها
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-overlay-photo-trioمقال تحريري داكن
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-dark-editorial-featureقائمة بطاقات بصورة جانبية
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-left-thumb-row-cardsفهرس نصي بخطوط رفيعة
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-hairline-text-indexقائمة قراءة مرقّمة
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-numbered-reading-listمقال غلاف المجلة
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-magazine-cover-storyمقال باقتباس بارز
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-pull-quote-featureأرشيف بمرشّحات جانبية
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-filter-sidebar-resultsبحث بوسوم المواضيع
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-search-chips-resultsعارض مقالات بأزرار تحكم
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-post-carousel-with-controlsنشرة بريدية مع الأحدث
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-newsletter-latestقائمة الأحدث والأكثر قراءة
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-latest-popular-splitبطاقة الكاتب ومقالاته
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-author-spotlightشريط مقالات ذات صلة
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-related-posts-stripشبكة بينتو اليوميات
فتح بملء الشاشة (يُفتح في علامة تبويب جديدة)التثبيت
bash
npx @smicolon/fasla-ui@latest add blog-cards-journal-bento