موضوع مهمی که ما قصد داریم در Design Manager شیرپوینت 2013 آموزش دهیم ، نحوه استفاده از Snippet gallery و چگونگی افزودن Snippets برای کنترلرهای شیرپوینت درMaster Pages و Layout Pages با استفاده از Design Manager جدید می باشد.
در مثال زیر به بررسی نحوه افزودن Snippet ها به Snippet gallery میپردازیم. جهت افزودن Snippet ها به Master Page به Design Manager رفته و گزینه Edit Master Pages را انتخاب و در آنجا Master Page را که می خواهید Snippet ها را به آن اضافه کتید ، انتخاب می کنید.
در شیرپوینت 2013 برای هر چیدمانی دو فایل html و aspx بصورت پیش فرض ایجاد شده است. برای ایجاد تغییرات در چیدمان موجود ، شما باید فایل html را دانلود و تغییرات را روی آن انجام دهید. فایل html اصلاح شده را ذخیره و آنرا به گالری Master Page برگردانید. فایل aspx. مطابق آن بروزرسانی می شود. در مثال زیر دو فایل ایجاد شده است.
برای کار با این فایل ها شما باید به گالری Master Page سایت مد نظر رفته و آنها را بوسیله Mapping در گالری Master Page بعنوان درایو شبکه دانلود کنید. بعد از اینکه یک کپی از فایل Custom Page Layout.html گرفتید ، (از گزینه Download a Copy در منوی "..." استفاده کنید.) بسادگی می توانید کد Snippet دلخواه را با استفاده از گزینه add\remove گرفته و آنرا ذخیره کنید. با این تعریف Snippet gallery امکانی است که به شما اجازه افزودن کامپوننت های شیرپوینت را به فایل html و یا Master Page Design می دهد. کاربران می توانند کامپوننت هایی مانند Navigation و یا کادر جستجو را از گالری انتخاب کرده و مطابق سلیقه خود آنها را شخصی سازی کنند. سپس HTML snippet را که ایجاد کرده اند کپی و آن را به فایل HTML design و یا Master page اضافه کنند. بعد از اینکه کامپوننت های شیرپوینت به فایل html افزوده شد ، می توانیم با استفاده از Css آنرا به شکل مطلوب درآوریم.
برای باز کردن صفحه Layout در گالری Snippet روی Custom page layout در Design Manager کلیک کرده و از لیست گزینه Edit Page Layout’s را انتخاب کنید. پنجره زیر را مشاهده کنید.
جهت باز کردن یک Master page در Snippet gallery ، گزینه Master page را از Design Manager انتخاب کرده و روی Edit Master Pages کلیک کنید.
شما باید روی چیدمانی که میخواهید بعنوان صفحه پیش نمایش Layout در نظر گرفته شود، روی Snippets در گوشه سمت راست بالا همانند تصویر کلیک کنید.
سپس در Page Field همانند تصویر فیلد Article Date را انتخاب کنید.
پس از انتخاب فیلد ، پیش نمایشی از فیلد مطابق با کد html به نمایش در می آید. کد html این فیلد را کپی و آن را به Layout Page’s HTML اضافه کنید. حال Layout Page را در یک ویرایشگر باز کرده و کد کپی شده را در آن paste نمایید.
صفحه را ذخیره و آنرا در گالری Master page آپلود کنید.
پس از آپلود آن را بعنوان ورژن اصلی (قبل از استفاده) منتشر کنید.
سپس با استفاده از Custom Layout ، صفحه ایجاد کنید و چیدمان صفحه را ویرایش کنید. (مراحل این کار را در اینجا می توانید ببینید.)
در آخر صفحه را ویرایش و تغییرات را مشاهده کنید. به فیلد Article Date افزوده شده به چیدمان صفحه دقت کنید.
مطالب مرتبط :
استفاده از Snippet Gallery جهت افزودن Snippets در Master Pages و Layout Pages
افزودن SNIPPETS به LAYOUT/MASTER PAGE
سامانه مدیریت پروژه سازمانیEPM
سامانه درخواست مرخصی و ماموریت