نحوه اضافه کردن فوتر در master page شیرپوینت

در این مقاله قصد داریم چگونگی اضافه کردن یک بخش (footer) به انتهای مسترپیج مان باهم به صورت مرحله به مرحله بررسی و اجرا کنیم.

در این مقاله قصد داریم چگونگی اضافه کردن یک بخش (footer) به انتهای مسترپیج مان باهم به صورت مرحله به مرحله بررسی و اجرا کنیم.
در ابتدا باید مسترپیج مان تغییر دهیم برای این منظور می توانیم با استفاده از نرم افزار شیرپوینت دیزاینر این کار را انجام دهیم.
در مرحله اول سایت شیرپوینت را در SharePoint Designer 2013 باز میکنیم و از منوی کناری سمت چپ گزینه Master Pages را انتخاب می کنیم.

برندینگ شیرپوینت

سپس در این مرحله فایل seattle.html را برای انجام تغییرات باز کنید. (بهتر است یک کپی از این فایل تهیه کنید و فایل نسخه کپی آن را باز و ویرایش کنید.)

برندینگ شیرپوینت

قبل از اینکه ادامه مراحل مقاله را باهم انجام دهیم باید فایلهای CSS مربوط بخش فوترمان را آماده کنیم تا استایل مناسبی داشته باشد لذا کدهای CSS زیر را در یک فایل Note کپی کنید.

<style type=”text/css”>

#footermsg {
width:100%;
height:60px;
}

#footermsg p {
margin:10;
padding:5px;
text-align:center;
}
</style>

سپس فایل CSS را در قسمت Master Page Gallery بارگزاری نمایید ابتدا باید Sites Master Page Gallery را از قسمت Site Setting باز نمایید و سپس از قسمت Files و بعد Open یک Design File جدید اضافه کنید

برندینگ شیرپوینت

 در این مرحله با اختصاص یک نام به فایل CSS میتوانید آنرا آپلود کنید. (همانند تصویر زیر)

برندینگ شیرپوینت

 بعد از اینکه پیغامی مبنی بر موفق آمیز بود فرآیند آپلود دریافت کردیم باید url مربوط به فایل CSS را در master page مان اضافه کنیم به این منظور باید مجددا فایل seattle.html را بازکنید و تغییرات زیر را در آن انجام دهید. ابتدا باید بدنبال کد زیر در فایل seattle.html بگردیم 

“<!–SPM:<SharePoint:CssRegistration Name=”Themable/corev15.css” runat=”server” />–>”

سپس refrence جدیدمان (حاوی url مربوط به CSS) به خط پایین آن اضافه کنیم. بنابراین ما کد زیر را 

<!–SPM:<SharePoint:CssRegistration Name=”https://learningsharepoint2013.sharepoint.com/_catalogs/masterpage/FooterStyle.css” runat=”server”/>–>

اضافه میکنیم. سپس باید Div مربوط به footer مان را در خط پایین کد (کد پایین را جستجو کنید و div مربوط به فوتر را در خط پایین آن paste کنید) 

<div class=”DefaultContentBlock

اضافه کنیم. (div مربوط به فوتر)

<div id=”footermsg">
	<!-- Footer Start -->
	<p> Copyright © 2015 http://blog.iransharepoint.com </p>
</div>

در پایان صفحه html مربوط به master page را ذخیره کنید و نتجه کارتان را در مرورگر مشاهده کنید.

عضویت در ماهنامه شیرپوینت

در صورت تمایل می‌توانید با وارد کردن ایمیل خودتان و تایید آن به صورت رایگان در ماهنامه الکترونیکی ما عضو شوید