ممکن است از خودتان پرسیده باشید که چگونه می توان برای صفحات مختلف در جوملا، استایلهای متفاوت تعریف کرد. از آنجاییکه وبسایتهای مبتنی بر جوملا تنها از یک قالب برای نمایش خروجی استفاده می کنند (البته امکان تعریف بیش از چند قالب و استفاده از آنهادر کنار همدیگر وجود دارد که مورد بحث این مقاله نیست) انجام چنین کاری در ابتدا کمی نا ممکن به نظر می رسد ولی با استفاده از Page Class Suffix می توان چنین قابلیتی را در قالبهای جوملا پدید آورد. شما با استفاده از Page Class Suffix می توانید برای صفحات مختلف، تصاویر پس زمینه متفاوت تعریف کنید و یا رنگ متن و رنگ پس زمینه صفحات خاصی از وب سایت خود را تغییر دهید و بطور کلی هر استایلی را که بخواهید برای صفحات دلخواه، تعریف کنید. به عبارتی دیگر، برای تمامی المانهای موجود دریک صفحه (یا صفحات) دلخواه می توانید با استفاده از Page Class Suffix استایل تعریف کنید (چه عکس و چه نوشته).

Page Class Suffix دقیقآ عملکردی شبیه به Module Class Suffix دارد با این تفاوت که Module Class Suffix بر روی ماجولهای جوملا تاثیر می گذارد و شما با استفاده از آن می توانید استایلهای مختلف برای ماجولها تعریف کنید در حالیکه Page Class Suffix بر روی Main Body اثر می گذارد بنابراین برای تمامی آنچه که در Main Body نمایش داده می شود (اعم از صفحات محتوایی و یا خروجی کامپوننتهای جوملا) می توان استایلهای متفاوت تعریف کرد.

چگونه Page Class Suffix را به صفحات خود اختصاص دهیم؟

فرض کنید که ما صفحه ای داریم که می خواهیم از لحاظ ظاهری با بقیه صفحات متفاوت باشد. برای این منظور باید به آن صفحه Page Class Suffix اختصاص دهیم. برای اختصاص Page Class Suffix به یک صفحه مراحل زیر باید طی گردد:

ابتدا باید منویی که به صفحه مورد نظر پیوند ایجاد کرده است را از منوی Menus انتخاب کنیم. حال وارد صفحه Menu Item Manager می شویم.

برروی آیتمی که به صفحه مورد نظر لینک ایجاد کرده است کلیک می کنیم تا وارد صفحه تنظیمات آیتم منو شویم. در سمت راست صفحه، بر روی Parameters – System کلیک می کنیم تا منوی کشوئئ باز شود.

همانطور که در شکل نشان داده شده است، شما می توانید پارامتر Page Class Suffix را در این قسمت تنظیم کنید. مثلآ مقدار -suffix1 را در این فیلد وارد می کنیم و بر روی Save کلیک می کنیم تا تغییرات اعمال شده در سیستم ذخیره گردد. با این کار شما توانستید که به یک صفحه خاص Page Class Suffix اختصاص دهید. حال باید بررسی کنیم که این پسوند چگونه می تواند خروجی تولید شده توسط جوملا را تغییر دهد. بعد از اضافه کردن Page Class Suffix باید استایلهایی که مد نظرمان هست را به فایل template_css.css اضافه کنیم ولی قبل از اینکه به این موضوع بپردازیم، نحوه ایجاد خروجی صفحات توسط جوملا را بررسی می کنیم.

در جوملا محتویات مقالات – Content Items درون یک جدول HTML بنام contentpaneopen نمایش داده می شوند. هنگامی که به یک صفحه Page Class Suffix اختصاص می دهیم، پسوند تعریف شده، به انتهای نام کلاس contentpaneopen اضافه می شود و کلاس جدیدی بنام contentpaneopen-suffix1 بوجود می آورد. همین مساله در مورد کلاسهای contentheading و blog نیز صادق است. بنابراین، جوملا بجای اینکه محتویات صفحه مورد نظر را در داخل جدول table.contentpaneopen نمایش دهد، آنرا درون table.contentpaneopen-suffix1 نمایش می دهد. همچنین عنوان مقاله درون سلول td.contentheading-suffix1 به نمایش در می آید.

بنابراین شما می توانید با تعریف استایلهای مختلف برای کلاسهای ایجاد شده، ویژگیهای ظاهری المانهای موجود درصفحه مورد نظر را تغییر دهید:

—————————————————————
table.contentpaneopen-suffix1{
/* Put your css styles here */
}
td.contentheading-suffix1{
/* Put your css styles here */
}
—————————————————————

همین کار را ما می توانیم به جای اینکه برروی یک صفحه محتوایی – Content Item انجام دهیم، بر روی خروجی یک کامپوننت اعمال کنیم. مثلآ اگر بخواهیم استایل خاصی را فقط برای کامپوننت Contact us اختصاص دهیم، ابتدا از لیست منوها، منویی که حاوی لینک به صفحه تماس با ما است را انتخاب کرده و بر روی آیتم منو کلیک می کنیم تا وارد صفحه تنظیمات آیتم منو شویم. دوبار مثل حالت قبل از قسمت Parameter – System مقدار پارامتر Page Class Suffix را وارد می کنیم. جوملا محتویات کامپوننتها را درون div.contentpane و عنوان کامپوننت را درون div.componentheading نمایش می دهد. هنگامی که به یک کامپوننت Page class suffix اختصاص می دهیم، این پسوند به اسم کلاسهای فوق اضافه می شود و کلاسهای جدیدی را بوجود می آورد. Div.contentpane-suffix1 و div.componentheading-suffix1 حال نوبت به تعریف استایل برای کلاسهای فوق است. شما می توانید هر استایلی را که دوست داشته باشد برای این کلاسها تعریف کنید.

بنابراین با استفاده از Page Class Suffix ما می توانیم خروجی تک تک صفحات وب جوملا را سفارشی کنیم به گونه ایکه آنها ازلحاظ ظاهر با همدیگر تفاوت داشته باشند.

——————————————-

منبع : نوشته شده توسط رضا فرشباف http://www.persiaseo.com

امکان ارسال نظر وجود ندارد