مدیریت قالب

مدیریت قالب به شما اجازه می‌دهد تمامی بخش‌ها، چیدمان‌ها، رنگ‌بندی‌ها و عناصر ظاهری وب‌سایت خود را به‌صورت کاملاً اختصاصی مدیریت، ویرایش و سفارشی‌سازی کنید تا ظاهر صفحات دقیقاً منطبق بر هویت بصری کسب‌وکارتان باشد.

تصور کنید الگوی رنگی برند خود را تغییر داده‌اید یا می‌خواهید ساختار صفحه اصلی و سربرگ وب‌سایت را برای یک کمپین فروش ویژه به‌روزرسانی کنید. به‌جای نیاز به دانش کدنویسی یا تغییرات پیچیده فنی، کافی است وارد بخش «مدیریت قالب» شوید تا تنها با چند کلیک، رنگ‌ها، فونت‌ها، بخش‌های صفحه اول و پاورقی سایت را به‌صورت یکپارچه تغییر دهید.

نحوه دسترسی به مدیریت قالب

برای ورود به این بخش، از منوی مدیریت پرتال مسیر زیر را دنبال کنید:

پنل مدیریت > رابط کاربری > قالب

پس از ورود به این بخش، چندین کادر تنظیمات را مشاهده می‌کنید. هر کادر به یکی از ویژگی‌های ظاهری پرتال اختصاص دارد و امکان مشاهده یا تغییر تنظیمات مربوط به آن را فراهم می‌کند.

وقتی وارد صفحه قالب می‌شوید، در سمت راست صفحه یک منو مشاهده می‌کنید. این منو دسترسی شما را به بخش‌های مختلف مربوط به طراحی و ظاهر پرتال فراهم می‌کند. گزینه‌های این منو عبارت‌اند از:

• سبک و ظاهر: برای تنظیم ویژگی‌های ظاهری قالب مانند رنگ‌ها، فونت، حالت رنگی، سایه‌ها و میزان گردی المان‌ها.

• الگوی صفحه اول: برای مدیریت و تنظیم الگوی مورد استفاده در صفحه اصلی پرتال.

• الگوهای ثابت: برای مدیریت الگوهایی که در بخش‌های ثابت و تکرارشونده پرتال استفاده می‌شوند.

• الگوی کارت‌ها: برای تنظیم الگوی نمایش کارت‌ها در بخش‌های مختلف سایت.

• الگوی صفحات: برای مدیریت الگوی نمایش صفحات پرتال.

• ابزارک‌ها: برای مدیریت و تنظیم ابزارک‌های مورد استفاده در صفحات سایت.

دکمه‌های میانبر

در بالای صفحه سه دکمه میانبر مشاهده می‌کنید که قابلیت‌های مختلفی دارند:

پیش‌نمایش تغییرات

پس از تغییر تنظیمات ظاهری، لازم نیست برای بررسی نتیجه از پنل خارج شوید. در بالای صفحه گزینه پیش‌نمایش قرار دارد که می‌توانید از آن برای مشاهده ظاهر پرتال با تنظیمات جدید استفاده کنید.

برای مثال اگر رنگ اصلی، فونت یا میزان گردی المان‌ها را تغییر داده‌اید، با انتخاب گزینه «پیش‌نمایش» می‌توانید نحوه نمایش عنوان‌ها، متن‌ها، دکمه‌ها و سایر بخش‌های صفحه را بررسی کنید. اگر ظاهر مورد نظر شما نبود، به بخش «سبک و ظاهر» برگردید و تنظیمات را اصلاح کنید.

مشاهده وب‌سایت

گزینه مشاهده وب‌سایت برای باز کردن پرتال و مشاهده نسخه قابل نمایش آن استفاده می‌شود. این گزینه زمانی کاربرد دارد که بخواهید نتیجه تنظیمات ظاهری را در نمای واقعی پرتال بررسی کنید.

پس از اعمال تغییرات، می‌توانید با انتخاب این گزینه به پرتال مراجعه کرده و ظاهر صفحات مختلف را بررسی کنید. برای ارزیابی دقیق‌تر، بهتر است علاوه بر صفحه اصلی، چند صفحه دیگر پرتال را نیز مشاهده کنید تا مطمئن شوید تنظیمات ظاهری در بخش‌های مختلف به شکل مطلوب نمایش داده می‌شوند.

پاک‌سازی کش

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

فرض کنید فونت یا رنگ قالب را تغییر داده‌اید اما هنگام مشاهده پرتال هنوز ظاهر قبلی را می‌بینید. در چنین شرایطی می‌توانید روی گزینه پاک‌سازی کش کلیک کنید و سپس دوباره پرتال را بررسی کنید.

1. سبک و ظاهر

بخش سبک و ظاهر در پنل مدیریت پرتال برای تنظیم ویژگی‌های بصری قالب استفاده می‌شود. از طریق این بخش می‌توانید رنگ‌بندی، فونت، قالب نمایش، حالت رنگی پرتال و سایر تنظیمات ظاهری را مدیریت کنید تا ظاهر صفحات با نیاز و هویت بصری کسب‌وکار شما هماهنگ باشد.

فرض کنید پرتال خود را ایجاد کرده‌اید و از حالت ظاهر و نمایش آن راضی نیستید یا می‌خواهید بخشی به آن اضافه کنید. می‌توانید در قسمت رابط کاربری بخش قالب تمامی بخش‌ها و تنظیمات ظاهری پرتال خود را مدیریت کنید.

چگونه رنگ‌های پرتال را تغییر دهیم؟

تصور کنید صاحب یک سایت خدماتی هستید و رنگ اصلی لوگوی شما آبی است. در طراحی فعلی پرتال، رنگ دکمه‌ها بنفش نمایش داده می‌شود و با هویت بصری برند هماهنگ نیست.

برای اصلاح این وضعیت، وارد بخش رنگ‌بندی می‌شوید و رنگ اصلی را به آبی تغییر می‌دهید. سپس رنگ مکمل و رنگ متن‌ها را متناسب با طراحی پرتال تنظیم می‌کنید. با مشاهده پیش‌نمایش، می‌توانید بررسی کنید که رنگ‌ها در کنار یکدیگر خوانایی و هماهنگی مناسبی دارند.

برای تغییر رنگ‌بندی، روی گزینه تغییر رنگ‌ها کلیک کنید. سپس رنگ مورد نظر خود را برای هر یک از گزینه‌های رنگ اصلی، رنگ مکمل و رنگ متن‌ها انتخاب کنید.

پس از اعمال تغییرات، می‌توانید با استفاده از گزینه پیش‌نمایش ظاهر سایت را بررسی کنید و در صورت نیاز تغییرات را اصلاح کنید.

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

گزینه‌های رنگ‌بندی

• رنگ اصلی: رنگ اصلی هویت بصری سایت را مشخص می‌کند و ممکن است در دکمه‌ها، لینک‌ها یا سایر عناصر طراحی استفاده شود.

• رنگ مکمل: رنگی است که در کنار رنگ اصلی قرار می‌گیرد و برای ایجاد هماهنگی یا تمایز میان بخش‌های مختلف رابط کاربری به کار می‌رود.

• رنگ طیف خاکستری: در این بخش باید یک طیف خاکستری برای بخش‌هایی با رنگ خاکستری در پرتال انتخاب کنید.

• رنگ متن‌ها: رنگ نوشته‌های پرتال را مشخص می‌کند و بر خوانایی محتوای صفحات تاثیر دارد.

• رنگ پس زمینه: رنگ پس زمینه پرتال را طوری انتخاب کنید که کنتراست کافی با سکشن‌های دیگر را داشته باشد.

تغییر قالب پرتال

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

فرض کنید قبلاً یکی از قالب‌های پرتال ساز را برای وب‌سایت خود انتخاب کرده‌اید و می‌خواهید مطمئن شوید که قالب موردنظر روی پرتال فعال است. با مراجعه به کادر قالب می‌توانید نام قالب انتخاب‌شده را مشاهده کنید و از تنظیمات فعلی طراحی پرتال مطلع شوید.

چگونه فونت پرتال را تغییر دهیم؟

بخش فونت برای مشاهده و تغییر نوع فونت نوشته‌های پرتال در نظر گرفته شده است. انتخاب فونت مناسب می‌تواند بر خوانایی متن‌ها و هماهنگی ظاهری صفحات تأثیر بگذارد.

در کادر فونت، نام فونت فعال نمایش داده می‌شود.

برای تغییر فونت، روی دکمه تغییر فونت کلیک کنید. سپس فونت مورد نظر را از میان گزینه‌های موجود انتخاب کنید.

حالت رنگ بندی قالب

کادر «حالت رنگبندی قالب» برای تعیین حالت رنگی قالب پرتال استفاده می‌شود. در این بخش می‌توانید مشخص کنید قالب پرتال شما دارک (تاریک) باشد یا لایت (روشن).

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

حالت سایه‌ها

کادر «حالت سایه‌ها» برای تعیین میزان سایه‌ای است که در برخی المان‌های ظاهری قالب نمایش داده می‌شود. با تغییر این گزینه می‌توانید شدت و اندازه سایه‌ها را در بخش‌هایی مانند کادرها و عناصر رابط کاربری تنظیم کنید.

در این بخش چند حالت مختلف در اختیار شما قرار دارد:

• None: بدون سایه

• Small: سایه کم و ظریف

• Normal: سایه با اندازه معمول

• Medium: سایه متوسط

• Large: سایه بزرگ‌تر و محسوس‌تر

• ExtraLarge: سایه بسیار بزرگ

• TwoExtraLarge: سایه با بیشترین میزان و گستردگی

فرض کنید می‌خواهید کادرهای مختلف پرتال کمی از پس‌زمینه جدا دیده شوند. در این شرایط می‌توانید یکی از حالت‌های سایه را انتخاب کنید و سپس از طریق پیش‌نمایش، میزان سایه را در ظاهر پرتال بررسی کنید. اگر سایه‌ها بیش از حد پررنگ یا کم‌رنگ باشند، می‌توانید حالت دیگری را انتخاب کنید.

برای تغییر حالت سایه‌ها، روی گزینه تغییر حالت کلیک کنید و مقدار مورد نظر را از میان گزینه‌های موجود انتخاب کنید.

میزان گردی المان‌ها

کادر «میزان گردی المان‌ها» برای تعیین مقدار گردی گوشه‌های عناصر مختلف قالب استفاده می‌شود. این تنظیم روی ظاهر المان‌هایی مانند کادرها، دکمه‌ها و برخی بخش‌های رابط کاربری تأثیر می‌گذارد و می‌توانید میزان گرد بودن گوشه‌ها را متناسب با سبک طراحی پرتال تغییر دهید.

در این بخش، حالت‌های مختلفی برای میزان گردی در نظر گرفته شده است:

• None: بدون گردی. گوشه‌های المان‌ها تیز هستند.

• Small: گردی کم در گوشه‌ها.

• Normal: میزان گردی معمول.

• Medium: گردی متوسط.

• Large: گردی بیشتر در گوشه‌ها.

• ExtraLarge: گردی زیاد.

• TwoExtraLarge: گردی بسیار زیاد.

• ThreeExtraLarge: گردی با میزان بیشتر نسبت به حالت‌های قبلی.

• Full: بیشترین میزان گردی که می‌تواند گوشه‌های المان را به شکل کاملاً گرد نمایش دهد.

فرض کنید ظاهر قالب را بررسی کرده‌اید و می‌خواهید دکمه‌ها و کادرهای پرتال گوشه‌های نرم‌تری داشته باشند. در این حالت می‌توانید میزان گردی المان‌ها را افزایش دهید و سپس با استفاده از پیش‌نمایش، نتیجه را در صفحات پرتال بررسی کنید.

برای تغییر میزان گردی، روی گزینه تغییر حالت کلیک کنید و مقدار مورد نظر را از میان گزینه‌های موجود انتخاب کنید. اگر ظاهر انتخاب‌شده با طراحی کلی پرتال هماهنگ نبود، می‌توانید حالت دیگری را انتخاب و نتیجه را دوباره در پیش‌نمایش بررسی کنید.

2. الگوهای صفحه اول

بخش «الگوهای صفحه اول» برای مدیریت، جابه‌جایی و ویرایش سکشن‌ها و بخش‌های مختلف صفحه اصلی پرتال استفاده می‌شود. از طریق این بخش می‌توانید ساختار محتوایی صفحه اول پرتال خود را مطابق نیاز کسب‌وکارتان چینش و سفارشی‌سازی کنید.

افزودن بخش جدید به صفحه اول

برای افزودن یک سکشن جدید به صفحه اصلی، روی دکمه سبز رنگ «ایجاد بخش جدید» در بالای جدول کلیک کنید. پس از کلیک، گزینه‌ها و الگوهای آماده متعددی در اختیار شما قرار می‌گیرد که می‌توانید متناسب با نیاز خود انتخاب کنید.

الگوهای قابل اضافه به صفحه اول

• خوش‌آمدهای (Hero): سکشن اصلی بالای صفحه برای معرفی کوتاه، شعار برند و جذب در همان نگاه اول.

• مزیت‌ها: معرفی نقاط قوت، ویژگی‌های خاص یا دلایلی که مشتریان باید شما را انتخاب کنند.

• شمارنده: نمایش آمار و ارقام کلیدی مانند تعداد مشتریان، پروژه‌های موفق یا سال‌های تجربه.

• درباره ما: خلاصه داستان برند، ارزش‌ها یا چشم‌انداز مجموعه.

• نظرات مشتریان: نمایش بازخوردها و رضایت کاربران جهت اعتماد سازی بیشتر.

• سوالات متداول (FAQ): پاسخ به پرسش‌های رایج کاربران برای رفع ابهامات خریداران.

• مراحل: نمایش گام‌به‌گام فرآیند خرید، ارائه خدمات یا نحوه استفاده از پرتال.

• برندها: نمایش لوگوی همکاران، مشتریان شاخص یا برندهای طرف قرارداد.

• مطالب وبلاگ: آخرین مقالات و اخبار سایت جهت بهبود سئو و اطلاع‌رسانی.

• دسته بندی کالاهای فروشگاه: دسته‌بندی تصویری گروه‌های مختلف محصولات برای دسترسی سریع‌تر.

• ویژگی‌های کالاهای فروشگاه: هایلایت کردن خصوصیات، مزایا یا برتری‌های محصولات.

• گالری تصاویر (بنر): نمایش بنرهای تبلیغاتی، تصاویر محیط کار یا نمونه‌کارها.

• خدمات: معرفی لیست خدمات اصلی همراه با توضیحات کوتاه و آیکون.

• دوره‌های آموزشی: ارائه لیست دوره‌ها، قیمت‌ها و لینک ثبت‌نام (مخصوص سایت‌های آموزشی).

• اعضای تیم: معرفی کادر مدیریتی یا پرسنل کلیدی مجموعه.

• کالاهای فروشگاه: ویترین نمایش آخرین، پرفروش‌ترین یا ویژه‌ترین محصولات سایت.

مدیریت و ویرایش بخش‌های موجود

در جدول اصلی صفحه، لیستی از سکشن‌های فعال صفحه اول (مانند خوش‌آمدگویی، مزیت‌ها، درباره ما، شمارنده و...) نمایش داده می‌شود. برای هر بخش، مشخصات و ابزارهای زیر در دسترس است:

تغییر ترتیب (Drag & Drop)

با استفاده از آیکون جابه‌جایی (آیکون فلش‌های بالا و پایین در بالای جدول)، می‌توانید اولویت و ترتیب نمایش بخش‌ها را در صفحه اول تغییر دهید.

ابتدا باید روی آیکون کلیک کنید. سپس می‌توانید با درگ اند دراپ جای سکشن‌های مختلف پرتال خود را تغییر داده و ترتیب نمایش آن‌ها را مدیریت کنید.

تصویر و الگو

پیش‌نمایشی از چیدمان ظاهری و نام الگوی استفاده‌شده (مانند هیرو شماره 6، مزیت 3 و...).

عنوان

امکان تغییر نام یا عنوان اختصاصی هر بخش در کادر مربوطه.

دکمه‌های عملیاتی هر بخش

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

• ویرایش (آیکون مداد): جهت ورود به تنظیمات ریزتر و تغییر متن‌ها، تصاویر یا لینک‌های آن بخش.

• تولید محتوا با هوش مصنوعی (آیکون ستاره): برای بازنویسی یا تولید محتوای هوشمند مرتبط با آن سکشن.

• تغییر الگو (آیکون بازنشانی): برای تغییر الگوی فعلی و انتخاب یک طرح جدید برای همان بخش.

• حذف (آیکون سطل آشغال قرمز): برای حذف کامل آن سکشن از صفحه اصلی پرتال.

3. الگوهای ثابت

بخش «الگوهای ثابت» برای تنظیم و مدیریت بخش‌هایی از پرتال استفاده می‌شود که در تمام صفحات وب‌سایت به صورت یکسان و تکرارشونده نمایش داده می‌شوند. با ویرایش این بخش‌ها، تغییرات به‌طور هم‌زمان روی تمام صفحات پرتال شما اعمال خواهد شد.

بخش‌های موجود در الگوهای ثابت

• سربرگ (Header): بخش بالایی سایت که معمولاً شامل لوگو، منوی اصلی navigation، سبد خرید، دکمه ورود/ثبت‌نام و کادر جستجو است.

• پاورقی (Footer): بخش انتهایی تمام صفحات که شامل اطلاعات تماس، آدرس، لینک‌های مهم، نمادهای اعتماد و توضیحات کوتاه درباره مجموعه می‌باشد.

• منوی کناری (Sidebar): منوی عمودی در سمت راست یا چپ صفحات که برای دسترسی سریع‌تر به دسته‌بندی‌ها یا ابزارک‌های خاص در برخی صفحات استفاده می‌شود.

دکمه‌های عملیاتی هر بخش

در بالای هر کادر، ابزارهای زیر جهت مدیریت سریع در دسترس است:

• ویرایش (آیکون مداد): ورود به تنظیمات اختصاصی جهت تغییر متون، لینک‌ها، لوگو و عناصر آن بخش.

• تولید محتوا با هوش مصنوعی (آیکون ستاره): بازنویسی یا اصلاح متن‌های پاورقی و سربرگ با کمک هوش مصنوعی.

• جایگزینی الگو (آیکون بازنشانی): تغییر کامل طرح گرافیکی و چیدمان سربرگ، پاورقی یا منوی کناری از میان قالب‌های آماده.

4. الگوی کارت‌ها

الگوی کارت‌ها در مدیریت قالب به شما اجازه می‌دهد نحوه‌ی نمایش محصولات، مقالات و دوره‌های آموزشی را در قالب کارت‌های شکیل و استانداردهای بصری مدرن تنظیم کنید تا نحوه قرارگیری تصویر، عنوان، قیمت و دکمه‌های اقدام دقیقاً با نیاز شما هماهنگ باشد.

برای این کار وارد بخش «الگوی کارت‌ها» می‌شوید و الگوی کارت مورد نظر خود را انتخاب کنید.

بخش‌های موجود در الگوی کارت‌ها

• کارت محصول فروشگاه: تنظیم استایل نمایش کالاهای فروشگاهی (الگوهایی با نمایش تصویر محصول، عنوان، قیمت، قیمت با تخفیف و دکمه افزودن به سبد خرید).

• کارت مطلب وبلاگ: مدیریت نحوه نمایش مقالات در لیست اخبار و وبلاگ (الگوهایی با تصویر شاخص، عنوان مقاله، خلاصه متن و تاریخ انتشار).

• کارت دوره آموزشی: سفارشی‌سازی ظاهر دوره‌ها (الگوهایی شامل نام مدرس، قیمت دوره، وضعیت ثبت‌نام و برچسب‌های اختصاصی).

دکمه‌های عملیاتی هر کارت

• ویرایش (آیکون مداد): جهت تغییر عناصر داخلی کارت (مانند فعال/غیرفعال کردن نمایش قیمت، تغییر سایز تصویر یا جابه‌جایی المان‌ها).

• تغییر الگو (آیکون بازنشانی/چرخش سبز): جهت تعویض طرح و ساختار کلی کارت از میان الگوهای آماده موجود در پرتال.

5. الگوی صفحات

مدیریت الگوی صفحات به شما اجازه می‌دهد ساختار و چیدمان صفحات اختصاصی پرتال (مانند صفحه تکی محصول، مقاله، دوره آموزشی یا صفحه خطای 404) را مدیریت کنید تا نحوه نمایش جزئیات محتوا دقیقاً مطابق با نیاز شما باشد.

برای این کار وارد بخش «الگوی صفحات» می‌شوید و از میان طرح‌های پیشنهادی، الگوی دلخواه خود را برای هر صفحه انتخاب و فعال می‌کنید.

بخش‌های موجود در الگوی صفحات

• صفحه نمایش محصول: مدیریت نحوه چیدمان عناصر در صفحه تکی هر کالا (الگوی نمایش تصاویر، مشخصات فنی، دکمه افزودن به سبد خرید، نظرات خریداران و محصولات مرتبط).

• صفحه نمایش مطلب وبلاگ: ساختار نمایش محتوای مقالات (الگوی نمایش تصویر اصلی، متن مقاله، اطلاعات نویسنده، بخش دیدگاه‌ها و مقالات پیشنهادی).

• صفحه نمایش دوره آکادمی: چیدمان اختصاصی صفحات دوره‌های آموزشی (الگوی نمایش تیزر معرفی، سرفصل‌های دوره، اطلاعات مدرس و دکمه ثبت‌نام).

• صفحه 404: مدیریت ظاهر و پیام نمایشی هنگامی که کاربر به یک آدرس نادرست یا حذف‌شده از سایت مراجعه می‌کند.

دکمه‌های عملیاتی هر صفحه

• تغییر الگو (آیکون بازنشانی سبز): با کلیک روی این دکمه می‌توانید ساختار و layout کلی آن صفحه را از میان طرح‌های آماده و مدرن پرتال تغییر دهید.

6. ابزارک‌ها

مدیریت ابزارک‌ها به شما اجازه می‌دهد عناصر تعاملی و کاربردی مانند «منوی ثابت» و «دکمه شناور» را به صفحات سایت اضافه کنید تا دسترسی کاربران به راه‌های ارتباطی یا بخش‌های مهم به‌صورت همیشگی و آسان فراهم شود.

برای این کار وارد بخش «ابزارک‌ها» می‌شوید و ابزارک دلخواه خود را می‌سازید.

انواع ابزارک‌های قابل ساخت

• دکمه شناور: دکمه‌ای که در گوشه صفحات (معمولاً پایین راست یا چپ) ثابت می‌ماند و برای مواردی مانند تماس سریع، ارتباط در پیام‌رسان‌ها یا بازگشت به بالای صفحه استفاده می‌شود.

• منوی ثابت: منوی ثابت در موبایل که هنگام اسکرول کاربر در پایین صفحه ثابت باقی می‌ماند تا دسترسی به لینک‌های کلیدی پرتال همیشه برقرار باشد.

نحوه ایجاد ابزارک جدید

1. روی دکمه سبز رنگ «ایجاد ابزارک جدید» در بالای صفحه کلیک کنید.

2. از میان گزینه‌ها، ابزارک مورد نظر خود (منوی ثابت یا دکمه شناور) را انتخاب کنید.

3. تنظیمات مربوط به ظاهر، آیکون، لینک و محل قرارگیری آن را مشخص کرده و ذخیره کنید.