در این پست می خواهیم به موضوع مهمی که شما هنگام افزودن یک رفرنس به یک فایل CSS در صفحات Layout و Master Pages در شیرپوینت 2013 باید به آن توجه کنید، اشاره کنیم.
عموما رفرنس CSS اضافه شده در تگ Master Page مسئول بکارگیری تمام استایل ها روی Master Page می باشد. برای صفحات چیدمان ، استایل می تواند با هر دوی CSS پیش فرض Master Page یا به یک مجزایی که منحصرا به یک صفحه چیدمان اضافه شده است ، افزوده شود.
در شیرپوینت 2013 ، بصورت پیش فرض ، Style sheet هایی مانند یک corev15.css در تگ <head> افزوده شده است. این Style Sheet پیش فرض دربردارنده استایل هایی جهت کامپوننت های مختلف مانند Navigation, Search و ... در Master Page بکار گرفته می شوند. جهت لغو این استایل ها شما هم می توانید CSS پیش فرض را تغییر دهید و هم یک رفرنس به CSS شخصی تان که استایل های از پیش تعریف شده در فایل CSS پیش فرض Master Page را لغو می کنند اجرا نمایید. لغو این استایل ها با CSS دلخواه آسان است ولی قانون ساده ای که نباید فراموش شود این است که شما بهتر است لینک فایل CSS دلخواه تان را دقیقا قبل از بستن تگ <head> قرار دهید ، تا اینکه آن را style sheet های پیش فرض شیرپوینت مانند corev15.css لغو کنند.
هنگام ایجاد چیدمان صفحات شخصی ، ممکن است بخواهید یک استایل CSS منحصربفرد که فقط جهت رندر کردن صفحات با چیدمانی که شما ایجاد کرده اید ، اضافه کنید. در این حالت رفرنس CSS بهتر است از این روش اضافه شود که هنگامی که صفحات Load می شوند استایل صفحه چیدمان بعد از استایل دهی به master page بکار گرفته شوند. یک راه ساده برای این کار بوسیله افزودن یک رفرنس به فایل css. تان در Content placeholder در PlaceHolderAdditionalPageHead بجای تگ <head> در master page می باشد.
بعد از افزودن رفرنس به Content placeholder در PlaceHolderAdditionalPageHead ، در زمانی که یک بیننده سایت صفحاتی را مشاهده می کند که از این چیدمان استفاده کرده اند، این قسمت در انتهای قسمت مربوط به head در master page قرار گیرند که استایل این چیدمان صفحه نتیجه آن در master page لحاظ می گردند. علاوه بر افزودن CSS به Place holder ها دو مورد دیگر نیز وجود دارد که شما می بایستی از آنها مطلع گردید.
1- مقدار ویژکی ms-design-css-conversion=”no” می بایستی به CSS شما برای ایجاد تفاوت بین style sheet و تم باید اضافه گردد.
2- لینک style sheet شما می بایستی بعد از دستور <!–SPM قرار گیرد. اگر شما می خواهید بر روی device های مختلف چیدمان صفحات گوناگونی تعریف کنید که به شکل Responsive در نمایشگرهای مختلف نمایش داده شوند ، شما می بایستی در قسمت PlaceHolderAdditionalPageHead ، device channel های مختلف تعریف کنید و سپس لینک CSS مربوط به هر channel را در داخل پنل آن قرار دهید.
پست مرتبط :
طراحی پرتالهای اینترنت و اینترانت