ویجت‌ها

اوقات شرعی، تاریخ قمری یا مناسبت‌های اهل‌بیت علیهم‌السلام را با یک تگ اسکریپت به هر وب‌سایتی بیفزایید — رایگان، به چهار زبان، با همان موتورهای این سایت.

اوقات شرعی

این قطعه را کپی کنید

<script src="https://theshia.org/widget/prayer-times.js"
        data-city="london" data-method="Tehran" data-lang="fa" data-theme="auto"
        defer></script>

ویژگی‌ها

data-city required city id — find yours with /api/v1/cities?q=<name> (e.g. london, tehran, karbala, najaf).
data-method default: Tehran calculation method id — all sixteen values on the methods API page.
data-lang default: en values: "en" · "ar" · "fa" · "ur" — labels, digits and direction follow.
data-theme default: auto values: "light" · "dark" · "auto" (follows the visitor's system).

پیش‌نمایش زنده

تاریخ قمری

این قطعه را کپی کنید

<script src="https://theshia.org/widget/hijri-date.js"
        data-lang="fa" data-theme="auto"
        defer></script>

ویژگی‌ها

data-lang default: en values: "en" · "ar" · "fa" · "ur".
data-calendar default: moonsighting values: "moonsighting" · "iran" (fa defaults to iran).
data-theme default: auto values: "light" · "dark" · "auto".

پیش‌نمایش زنده

مناسبت‌های پیشِ رو

این قطعه را کپی کنید

<script src="https://theshia.org/widget/events.js"
        data-lang="fa" data-count="3" data-theme="auto"
        defer></script>

ویژگی‌ها

data-count default: 3 1 to 5 upcoming events.
data-importance default: major values: "major" (headline events) · "all".
data-lang default: en values: "en" · "ar" · "fa" · "ur".
data-theme default: auto values: "light" · "dark" · "auto".

پیش‌نمایش زنده

شمارش معکوس مناسبت

این قطعه را کپی کنید

<script src="https://theshia.org/widget/countdown.js"
        data-event="h-02-20-occasion-arba-een-40th-day-of-imam-hussain-s-martyrdom" data-lang="fa" data-theme="auto"
        defer></script>

ویژگی‌ها

data-event required event id from /api/v1/events (e.g. the Arba'een id shown in the snippet).
data-lang default: en values: "en" · "ar" · "fa" · "ur".
data-theme default: auto values: "light" · "dark" · "auto".

پیش‌نمایش زنده

ویجت‌ها همان‌جایی که تگ اسکریپت را می‌گذارید نمایش داده می‌شوند، استایل‌هایشان کاملاً جدا است و از درخواست‌های کش‌شده استفاده می‌کنند. شناسهٔ شهرها از API cities، شناسهٔ روش‌ها از methods و شناسهٔ مناسبت‌ها از events.