مفهوم Page Class Suffix در جوملا

[سامان آخته 12]

مقدمه

ممكن است از خودتان پرسيده باشيد كه چگونه مي توان براي صفحات مختلف در جوملا، استايلهاي متفاوت تعريف كرد. از آنجاييكه وبسايتهاي مبتني بر جوملا تنها از يك قالب براي نمايش خروجي استفاده مي كنند (البته امكان تعريف بيش از چند قالب و استفاده از آنهادر كنار همديگر وجود دارد كه مورد بحث اين مقاله نيست) انجام چنين كاري در ابتدا كمي نا ممكن به نظر مي رسد ولي با استفاده از 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 ما مي توانيم خروجي تك تك صفحات وب جوملا را سفارشي كنيم به گونه ايكه آنها ازلحاظ ظاهر با همديگر تفاوت داشته باشند.

نويسنده : رضا فرشباف

[fazel 1]

سلام

زحمت كشيده‌ايد. اما كاش صرفا به كپي مطلب اكتفا نمي‌كرديد. كاش به جاي اينكه از اصل مطلب بكاهيد چيزي هم روي آن مي‌گذاشتيد.

ظاهرا همين مطلب در اين نشاني:

http://support.joomla.ir/docs/joomla-15-page-class-suffix.html

با تصاوير آموزش داده شده است.

اين بحث البته خيلي مهم است و از جايي بايد شروع مي‌شد كه شما شروع كرده‌ايد.

با اين حال از اساتيد جوملاكار تقاضا مي‌شود يك آموزش كامل در مورد تغيير استايل‌ ماژول‌ها، صفحات و ... با استفاده از امكان Page Class Suffix براي علاقه‌مندان به جوملا داشته باشند.

[A.Ghaderi 44]

سلام

از آقا یتهرانی که در css مهارت دارند درخواست می کنم راجع به این مبحث به صورت مفصل در جومینا لرنینگ مطلب بگذارند:thankyou::afro: