سرصفحه و پاصفحه قابل استفاده مجدد
از قالبهای کوچک برای درج همان سرصفحه، پاصفحه یا بخش در قالبهای متعدد بدون تکرار استفاده کنید.
قالبهای کوچک (Partials) بخشهای HTML کوچک قابل استفاده مجدد هستند که یک بار تعریف میکنید و در قالبهای متعدد درج میکنید. این زمان را صرفهجویی میکند و یکنواختبودن را تضمین میکند: اگر باید آرم یا آدرس شرکت خود را در هر سند بهروز کنید، یک بار قالب کوچک را ویرایش میکنید به جای تغییر هر قالب.
قبل از شروع:
- شما باید اجازه ویرایش قالبهای چاپ را داشته باشید.
- ساختار پایه قالبهای خود (بخشهای سرصفحه، بدن، پاصفحه) را درک کنید.
- بدانید چه محتوایی میخواهید در تمام قالبها استفاده مجدد کنید (جزئیات شرکت، آرم، اخطار استاندارد و غیره).
نحوه کارکرد قالبهای کوچک:
قالب کوچک بخش HTML نامگذاریشدهای است که در کتابخانه قالب خود ذخیره میکنید. به جای نوشتن همان کد در هر قالب، اشارهای به قالب کوچک با استفاده از دستور include Handlebars درج میکنید. هنگامی که قالب چاپ میشود، Usystems بهطور خودکار محتوای قالب کوچک را جایگزین میکند.
ایجاد یا ثبت قالب کوچک:
-
ویرایشگر قالب را باز کنید. به تنظیمات → قالبهای چاپ بروید و قالبی را انتخاب کنید.
-
بخش قالبهای کوچک را جستجو کنید. روی صفحه جزئیات قالب، بخش، تب یا دکمهای را برچسبخورده با قالبهای کوچک، شاملکنندگان یا قطعههای اشترکشده (برچسب دقیق بسته به نسخه محصول متغیر است) جستجو کنید.
-
قالب کوچک جدید درست کنید. افزودن قالب کوچک، قالب کوچک جدید یا مشابه را کلیک کنید. آن را بهطور توصیفی نامگذاری کنید (مثلاً "company_header"، "standard_footer"، "confidentiality_notice").
-
کد قالب کوچک را بنویسید. در ویرایشگر قالب کوچک، HTMLای را که میخواهید استفاده مجدد کنید بنویسید:
<div style="border-top: 1px solid #ccc; padding-top: 10px; margin-top: 20px;"> <p style="font-size: 10pt; color: #666;"> <strong>{{business.name}}</strong><br> {{business.address}}<br> تلفن: {{business.phone}} </p> </div> -
قالب کوچک را ذخیره کنید. ذخیره را کلیک کنید و نام قالب کوچکی را که تعیین کردهاید یادداشت کنید.
استفاده از قالب کوچک در قالب:
-
قالبی را که میخواهید قالب کوچک را درج کنید باز کنید.
-
دستور include را اضافه کنید. در مکانی که میخواهید محتوای قالب کوچک ظاهر شود، نحوی Handlebars include را درج کنید:
{{> company_header}}یا
{{#include "company_header"}}{{/include}}(نحوی دقیق ممکن است متفاوت باشد؛ مستندات محصول خود را بررسی کنید.)
-
قالب را ذخیره کنید. ذخیره را کلیک کنید. قالب کوچک اکنون در قالب تعبیه میشود.
-
خروجی را تست کنید. سند را چاپ یا پیشنمایش کنید تا تأیید کنید محتوای قالب کوچک بهدرستی نمایش داده میشود.
نمونههای قالب کوچک متداول:
-
سرصفحه شرکت: آرم، نام کسبوکار، شماره ثبتنام، شناسه مالیات.
<header style="text-align: center; margin-bottom: 20px;"> <img src="logo.png" alt="آرم شرکت" style="max-width: 150px;" /> <h2>{{business.name}}</h2> <p>ثبتنام: {{business.registration}}</p> </header> -
پاصفحه استاندارد: کپیرایت، اطلاعات تماس، اخطار شرایط پرداخت.
<footer style="border-top: 1px solid #999; margin-top: 30px; padding-top: 10px; font-size: 9pt;"> <p>© {{current_year}} {{business.name}}. تمام حقوق محفوظ است.</p> <p>{{business.address}} | تلفن: {{business.phone}} | ایمیل: {{business.email}}</p> </footer> -
اخطار محرمانگی یا قانونی:
<div style="background-color: #f9f9f9; border-left: 4px solid #ff6600; padding: 10px; margin: 15px 0; font-size: 9pt;"> <p><strong>محرمانه:</strong> این سند محرمانه است و فقط برای گیرنده نامبرده است.</p> </div>
نکات و اشتباهات رایج:
- قالبهای کوچک را مدولار نگه دارید. هر قالب کوچک باید یک بخش منطقی را نمایندگی کند (سرصفحه، پاصفحه، اخطار). از ایجاد یک قالب کوچک غولپیکر برای تمام قالب پرهیز کنید.
- متغیرها را در قالبهای کوچک استفاده کنید. قالبهای کوچک میتوانند متغیرهای Handlebars مثل
{{business.name}}را درج کنند درست مثل قالبهای معمولی. این آنها را انعطافپذیر میکند. - یک بار بهروز کنید، در همه جا استقرار دهید. اگر قالب کوچک را تغییر دهید، تمام قالبهایی که از آن استفاده میکنند تغییر را در چاپ بعدی منعکس میکنند. نیازی برای ویرایش هر قالب بهطور جداگانه نیست.
- پس از بهروزرسانی قالب کوچک تست کنید. اگر قالب کوچک موجود را که توسط قالبهای متعدد استفاده میشود تغییر دهید، سند نمونه را از هر قالب چاپ کنید تا تغییر در همه جا خوب به نظر برسد.
- قراردادهای نامگذاری: از نامهای توصیفی، حروف کوچک با آندرسکور استفاده کنید (مثلاً "company_footer"، "tax_disclaimer") تا بتوانید به راحتی قالبهای کوچک را در کد قالب شناسایی کنید.
آیا این مطلب مفید بود؟