برای ساخت پوسته (اسکین) دلخواه، شما به دانش مقدماتی در زمینه های
HTML و CSS نیاز خواهید داشت.
در این راهنما قصد داریم اجزای تشکیل دهنده یک اسکین پارس پورتال را شرح
دهیم تا با استفاده از آن بتوانید اسکین (Skin) دلخواه خود را بسازید.
پوسته های پارس پورتال از تعدادی فایل تشکیل شده اند که با هم اجزای مختلف
ظاهر سایت شما را می سازند. پوسته شما می تواند بنابر عدم نیاز شما به قسمت
مشخصی از پورتال، فایل مربوطه را نداشته باشد که تصمیم آن با شماست.
با توجه به این که صفحات ایجاد شده در پارس پورتال این قابلیت را دارند
تا بتوان برای هر صفحه، قالب یا تمپلیت متفاوتی در نظر گرفت، شما می توانید
برای متفاوت و منحصر به فرد سازی ظاهر تنها یک صفحه یا تمامی صفحات سایت خود،
اقدام به ساخت اسکین نمایید.
تمام اسکین های ساخته شده برای صفحات سایت شما باید در آدرس Themes/Client/Portal/Skin
قرار بگیرند.
هر اسکین شامل تعدادی فایل و پوشه می باشد که تمامی آنها باید در پوشه ای
که نام آن با یک عدد مشخص شده، در آدرسی که گفته شد قرار گیرند.
به عنوان مثال اسکین شماره 1 در آدرس Themes/Client/Portal/Skin/1 قرار
خواهد داشت.
بعد از ساخت یا ویرایش اسکین می بایست فایل های خود را بر روی آدرس FTP فضای میزبانی خود آپلود کنید. برای مطالعه درباره نحوه انتقال فایل از طریق FTP به دانشنامه "
نصب و طریقه استفاده از FireFTP" مراجعه بفرمایید.
تعدادی پوسته عمومی به همراه پکیج خریداری شده توسط شما در این پوشه وجود
دارند. برای شناخت بهتر نحوه کار پوسته های پارس پورتال می توانید با ویرایش
فایل های این پوسته ها شروع کنید.
با وارد شدن به پوشه ی اسکین تعدادی فایل و پوشه خواهیم دید که با هم آنها
را بررسی می کنیم:
همانطور که در تصویر می بینید این صفحه شامل قسمت های زیر است:
فایل های CSS مربوط به اسکین (پوسته، تمپلیت) در این پوشه نگهداری می شوند.
تمام فایل های CSS ای که در پوشه قرار داشته باشند، با هر نامی، به صورت اتوماتیک
توسط پورتال در صفحه فراخوانی خواهند شد و نیاز به نوشتن کد (تگ link) در جایی
از اسکین نمی باشد.
نکات مهم :
- برخی از فایل ها اسامی مشترک دارند اما در انتهای نام آنها "_rtl"
و "_ltr" وجود دارد که پورتال در زمان بارگزاری
صفحات نسبت به زبان تعیین شده برای صفحه، تنها یکی از آنها فراخوانی خواهد
کرد.
- درون این پوشه، پوشه دیگری با نام Dev وجود که فایل های CSS مربوط
به ماژول های پارس پورتال در آنجا قرار دارند. نام این فایل ها برای پورتال
تعریف شده می باشند و در صورت تغییر نام آنها، این فایل ها اجرا نخواهند
شد.
- تمامی فایل های موجود در Dev می بایست به صورت دو فایل "_rtl"
و ""_ltr باشند.
درون این پوشه تمام تصاویر استفاده شده در طرح اسکین و همچنین تصاویر استفاده
شده در طرح ماژول های پورتال قرار دارند.
هر اسکین پارس پورتال یک شناسنامه مخصوص به خود را دارد که این پوشه حاوی
فایل ها و تصاویر شناسنامه اسکین می باشد. با ویرایش فایل های این پوشه راهنمایی
های بیشتری جهت انتخاب و استفاده از پوسته به کاربر خواهد شد.
تمام فایل های js. مربوط به پوسته یا تم (Theme) در این پوشه قرار می گیرند.
این فایل ها به صورت اتوماتیک در صفحات سایت فراخوانی می شوند و نیاز به نوشتن
کد (تگ Script) در جایی نیست.
نکته: کتابخانه jQuery به صورت پیش فرض در سایت فراخوانی
شده و نیازی به نوشتن کد برای افزودن آن نیست و می توان به سادگی از
کدهای jQuery نیز در ساخت فایل های js استفاده نمود.
هر کدام از این فایل ها یک طرح بلوک می باشد که هنگام ساخت صفحات می توان
برای ایجاد تنوع در سایت از آنها استفاده کرد. هر یک از ابزارها و ماژول هایی
که در ساخت صفحات استفاده می شوند را می توان درون یک بلوک با طرحی خاص قرار
داد و به صفحه اضافه کرد تا از طرح زیباتری برخوردار باشند. هر تمپلیت (Templates)
می تواند دارای n طرح بلوک باشد و محدودیتی برای ساخت طرح بلوک ها وجود ندارد.
در کدهای فایل های طرح بلوک، محل کلمه {{TITLE}} مکان قرارگیری عنوان بلوک
شما و محل کلمه {{CONTENT}} محل قرارگیری محتوای بلوک شما خواهد بود.
نکته : یکی از فایل های طرح بلوک می بایست با نام
Block_Default باشد تا به عنوان طرح پیش فرض برای سایت شناخته شود.
می توان برای اسکین یا قالب طراحی شده یک لوگوی پیش فرض تعیین نمود تا در
صورتیکه لوگویی برای سایت انتخاب نشده باشد، قسمت لوگوی سایت خالی نماند. این
لوگو از طریق تنظیمات قسمت کنترل پنل پارس پورتال قابل تغییر می باشد.
نکته : نام و پسوند این فایل برای سیستم تعریف شده
می باشد و در صورت استفاده از نام و پسوندهای دیگر فایل توسط پورتال
شناسایی نخواهد شد.
این فایل مهم ترین عضو هر اسکین می باشد و در آن محل قرار گیری تمام اجزای
ممکن مشخص می شود.
نکته: تنها کدهای درون تگ body از این فایل توسط
سیستم خوانده می شوند و کدهای درون تگ head و ... به هیچ عنوان توسط
سیستم دیده نمی شوند.
Placeholder چیست و چگونه در پارس پورتال استفاده می شود؟
Placeholder به کلمات یا حروفی گفته می شود که در سیستم تعریف شده
اند تا محل قرارگیری محتوایی باشند که بعداً توسط مدیر سیستم تصمیم
گیری می شود.
در سیستم پارس پورتال می توان با قراردادن حروف بین دو آکولاد باز
و بسته یک Placeholder ساخت. به عنوان مثال: {{LOGO}}
محدودیتی در "تعداد" و "انتخاب نام" برای Placeholder ها در پارس
پورتال وجود ندارد اما برخی از Placeholder ها برای سیستم تعریف شده
هستند و کار خاصی انجام می دهند که در صورت تغییر این نام، به یک Placeholder
عادی تبدیل می شوند.
به عنوان مثال در صورت استفاده از {{LOGO}} در فایل Skin.html سیستم
به صورت اتوماتیک فایل logo.png موجود در پوشه اسکین شما (مورد 6)
را به عنوان لوگو روی صفحه فراخوانی خواهد کرد.