Hextra Shortcodes
الاستخدام الرئيسي لهذه الرموز المختصرة هو داخل التخطيط hextra-home.
hextra/feature-card
رمز مختصر لعرض بطاقة مميزة.
Usage
{{< hextra/feature-card title="Title" subtitle="Subtitle" >}}Options
| Parameter | Description |
|---|---|
title |
عنوان البطاقة. |
subtitle |
العنوان الفرعي للبطاقة. |
class |
فئة البطاقة. |
image |
صورة البطاقة. |
imageClass |
فئة الصورة. |
style |
نمط البطاقة. |
icon |
أيقونة البطاقة. |
link |
رابط البطاقة. |
hextra/feature-grid
رمز مختصر لعرض شبكة الميزات.
Usage
{{< hextra/feature-grid cols="3" >}}
{{< hextra/feature-card title="One" >}}
{{< hextra/feature-card title="Two" >}}
{{< hextra/feature-card title="Three" >}}
{{< /hextra/feature-grid >}}Options
| Parameter | Description |
|---|---|
cols |
عدد الأعمدة. |
style |
نمط الشبكة. |
hextra/hero-badge
رمز مختصر لعرض شارة تحتوي على رابط.
Usage
{{< hextra/hero-badge >}}
<div class="hx:w-2 hx:h-2 hx:rounded-full hx:bg-primary-400"></div>
<span>Free, open source</span>
{{< icon name="arrow-circle-right" attributes="height=14" >}}
{{< /hextra/hero-badge >}}Options
| Parameter | Description |
|---|---|
link |
رابط الشارة. |
class |
فئة الشارة. |
style |
شكل الشارة. |
hextra/hero-button
رمز مختصر لعرض زر يحتوي على رابط.
Usage
{{< hextra/hero-button text="Get Started" link="/docs" >}}Options
| Parameter | Description |
|---|---|
link |
رابط الزر. |
text |
نص الزر. |
style |
شكل الزر. |
hextra/hero-container
حاوية بطل بسيطة مع صورة على الجانب الأيسر.
Usage
{{< hextra/hero-container image="images/logo.svg" imageTitle="title" >}}
Content
{{< /hextra/hero-container >}}Options
| Parameter | Description |
|---|---|
class |
فئة الحاوية. |
cols |
عدد الأعمدة (الافتراضي: 2). |
image |
صورة الحاوية. |
imageCard |
عرض الصورة كبطاقة (الافتراضي: false). |
imageClass |
فئة الصورة. |
imageLink |
رابط الصورة. |
imageStyle |
شكل الصورة. |
imageTitle |
عنوان الصورة. |
imageWidth |
عرض الصورة (الافتراضي: 350). |
imageHeight |
ارتفاع الصورة (الافتراضي: 350). |
style |
شكل الحاوية. |
hextra/hero-headline
رمز مختصر لعرض عنوان رئيسي.
Usage
{{< hextra/hero-headline >}}
Build modern websites <br class="hx:sm:block hx:hidden" />with Markdown and Hugo
{{< /hextra/hero-headline >}}Options
| Parameter | Description |
|---|---|
style |
أسلوب العنوان. |
hextra/hero-section
قسم بطل بسيط مع عنوان ونمط اختياري.
Usage
{{< hextra/hero-section heading="h3" >}}Title{{< /hextra/hero-section >}}>Options
| Parameter | Description |
|---|---|
heading |
مستوى العنوان (افتراضي: h2). |
style |
نمط العنوان. |
content |
محتوى العنوان. |
hextra/hero-subtitle
رمز مختصر لعرض عنوان فرعي للبطل.
Usage
{{< hextra/hero-subtitle >}}
Fast, batteries-included Hugo theme <br class="hx:sm:block hx:hidden" />for creating beautiful static websites
{{< /hextra/hero-subtitle >}}Options
| Parameter | Description |
|---|---|
style |
أسلوب الترجمة. |
آخرین بهروزرسانی در