طراحی پورتال های سازمانی شرکت پروجان

شیرپوینت و پراجکت سرور پروجان

استقرار شیرپوینت و پراجکت سرور

مسیر سایت

ایجاد تم سفارشی

در شیرپوینت 2013 امکانات ساخت تم بسیار بهبود یافته است. شما می توانید تم دلخواه خود را با ایجاد پالت های رنگ و طرح های متنوع برای فونت ها و آپلود کردن تم ها در گالری تم ها بوجود آورید. تم در شیرپوینت  2013  با دو فایل xml تعریف میشود.

 

SPColor.xml :

در این فایل انواع پالت های رنگ تعریف می شوند که برای هر قسمت نام پر مفهومی جهت تعامل بهتر با رابط کاربری قرارداده شده است. همچنین میزان تار بودن و یا کدر بودن رنگها قابل تنظیم می باشد.

 

 SPFont.xml :

در این قسمت طرح های متنوعی برای فونت ها تعریف می شود. همچنین زبان های مختلفی را ساپورت می کند و فونت های web-safe و webb نیز تعریف شده اند.

 

ایجاد تم سفارشی در شیرپوینت :

مدلسازی در تم با استفاده از Comment-style ها در Css انجام میشود و بخش های Css را بر پایه پارامترهایی مانند فونت ها و طرح های متنوع که کاربران استفاده می کنند ، جایگزین می کند.

 

گالری تم :

گالری تم دربردارنده لیستی از پالت های رنگ و طرح های فونت متنوع است که تم های متنوعی را در شیرپوینت 2013 میسازند. شیرپوینت جهت تعیین دسترسی به پالت های رنگ و طرح های فونت به پوشه 15 (/_catalogs/theme/15/) مراجعه می کند. جهت دسترسی به گالری تم به تنظیمات سایت رفته و در بخش Web Designer Galleries گزینه Themes را انتخاب کنید.

 

Composed Look :

لیست مرکبی از ساختار و اجزای سازنده تم ها می باشد. شما برای ایجاد تم می توانید موارد زیر را تعریف کنید:

  • Color palette
  • Font Scheme
  • Background Image
  • Master Page

 

گالری تم در مقایسه با Composed Look :

 

گالری تم شامل فایل های اصلی سازنده تم می باشد (شامل SPColor.xmlو SPFont.xml ) در حالیکه Composed Look شامل لینک های این فایل ها طبق یک دستورالعمل اجرایی می باشد.

 

شیرپوینت 2013 تم سفارشی Theme

 

چگونه یک تم ایجاد کنیم؟

 

برای ایجاد یک تم جدید در شیرپوینت و به روشی دیگر در نرم افزارMicrosoft Dynamics CRM ، شما باید یک کپی از فایل های SPColor, SPFont, Master Page and Image files بگیرید و یک Composed Look جدید با رفرنس این فایل ها ایجاد کنید.

 

حال در اینجا می خواهیم به مراحل ایجاد یک تم سفارشی بپردازیم:

1- در لیست Composed Look به یکی از تم های مرکب (Composed Look) موجود بروید . ما در این مثال Grey را انتخاب کرده ایم. برای فایل  spcolor در تم مانند تصویر زیر نامی بگذارید.

 

شیرپوینت 2013 تم سفارشی Theme

 

2- سپس به گالری تم ها از طریق تنظیمات سایت در قسمت Web Designer Galleries  بروید و Themes را انتخاب کنید و یک کپی از palette032.spcolor همانند تصویر بگیرید.

 

شیرپوینت 2013 تم سفارشی Theme

 

این فایل را در شیرپوینت دیزاینر 2013 و یا در نوت پد باز کنید.

3- در نوت پد شما می توانید مقادیر و یا رنگ ها را برای ویژگی های نام سایت تغییر دهید. ما در این مثال مشخصات WebPartHeading و  PageBackground را همانطور که در تصویر می بینید ، اصلاح کرده ایم.

 

شیرپوینت 2013 تم سفارشی Theme

 

4- بعد از انجام اصلاحات نام دیگری بر آن قرار داده و آن را در پوشه Themes آپلود کنید.

 

شیرپوینت 2013 تم سفارشی Theme

 

5- سپس یک تم جدید Composed Look ایجاد کنید. برای این کار به تنظیمات سایت رفته و در قسمت Web Designer Galleries گزینه Composed Looks را انتخاب کنید. در این صفحه بر روی new Item برای ایجاد یک new Composed کلیک کنید.

 

شیرپوینت 2013 تم سفارشی Theme

 

6- در صفحه new Composed شما باید موارد زیر را وارد کنید :

Name : نام composed look

Master page : Master page که شما می خواهید از آن استفاده کنید.

Theme URL :آدرس پالت رنگی که از آن استفاده می کنید.

Image URL :آدرس تصویری که می خواهید در پس زمینه قرار گیرد.

Font Scheme URL : آدرس طرح فونت که می خواهید از آن استفاده کنید.

Display Order : این گزینه جهت چینش composed look که ساخته اید مورد استفاده قرار می گیرد.

در تصویر مثال زیر من بدین صورت این موارد را وارد کرده ام :

 

شیرپوینت 2013 تم سفارشی Theme

 

7- بعد از انجام این کارها ، به تنظیمات سایت رفته و در بخش Look and Feel گزینه Change a Look را انتخاب کنید. تمی را که جدیدا با نام  Custom Theme (شاید در صفحه بعد باشد)ایجاد کرده اید ، را انتخاب کنید.

 

شیرپوینت 2013 تم سفارشی Theme

 

تمی که در پایان خواهید دید بدین صورت است :

 

شیرپوینت 2013 تم سفارشی Theme

 

شیرپوینت 2013 از تم های THMX که در شیرپوینت 2010 ایجاد شده است ، پشتیبانی نمی کند. اگر شما به دنبال راهی برای انتقال تم از شیرپوینت 2010 به شیرپوینت 2013 می باشید ، شما باید آن تم ها را با ساختار جدید طراحی مجدد کنید به نحوی که برای فایل های XML نیز تعریف شده باشد (SPColor.xml and SPFont.xml) و سپس آنها را برای شیرپوینت 2013 بکار ببندید. لطفا توجه داشته باشید که تم سفارشی از شیرپوینت 2010 پس از ارتقاء به شیرپوینت 2013 در گالری خود باقی مانده ولی توسط شیرپوینت 2013 پشتیبانی نمی شود و سایت با تم پیش فرض بالا می آید. ما در تمامی سامانه های ارئه شده همانند مدیریت مستندات ، مدیریت جلسات ، ارزیابی عملکرد ، طراحی پرتالهای اینترنت و اینترانت ، مدیریت پروژه ، هوش تجاری و .... به نحو احسن از این قابلیتها استفاده می کنیم.

 

 

مطالب مرتبط :

آموزش Design Manager

رنگی کردن آیتم های لیست با جاوا اسکریپت

 

 

گالری ویدئو

آخرین مقالات شیرپوینت

بارگزاری فایل Word در شیرپوینت

استفاده از List Templates در شیرپوینت

قابلیتهای Sharing شیرپوینت

ایجاد لیست وظایف شیرپوینت

ویژگی های اصلی کتابخانه (مخزن)

مدیریت درخواستهای دسترسی و دعوت از کاربران

ایجاد سریع سایت شیرپوینتی

انتشار یک پست در وبلاگ با استفاده از Word

چگونه Custom List ایجاد کنیم؟

نکاتی جهت ایجاد سایت ها بوسیله خود شیرپوینت

قابلیتهای شبکه اجتماعی(قسمت1)

قابلیت های شبکه اجتماعی (قسمت 2)

چگونه اسناد را در پوشه قرار دهیم؟

ایجاد Task List در شیرپوینت

چگونه اسناد را بین کتابخانه ها جابجا کنیم ؟

تغییر نوار Top Link Bar در سایتهای شیرپوینت

لینکهای ویکی در شیرپوینت

تغییر QUICK LAUNCH برای گروه های کاری

ایجاد اطلاع رسانی ایمیلی در گروه های شیرپوینت

آشنایی با انواع سیاستهای مدیریت اطلاعات

نمای DataSheet جهت افزودن ستون های متعدد

اضافه کردن Javascript/Jquery به شیرپوینت

افزودن یک ویدیو به سایت

چگونه یک ویدیو به یوتیوب اضافه کنیم؟

مخفی کردن NewsFeed ، SkyDrive و Sites

تبدیل Word به Pdf با گزینه Print to Pdf

استفاده از Js Link در Listview\Dataview

جابجایی بین Site Collection ها

همه چیز درباره App Catalog

نمایش لینکهای مفید با تصویر در سایتهای شیرپوینت

Result Sources گزینه ای برای نمایش نتایج

تنظیم هشدار هنگام تغییرات در شیرپوینت

ایجاد Content Type

ایجاد منوی راهبری و لینکها در شیرپوینت

ایجاد Shortcut کتابخانه جهت ذخیره سازی فایل ها

معرفی Event Receiver های جدید

ایجادEvent Receiver از نوع GroupUserAdded

ایجاد Event Receiver از نوع Group User Add ǁ

مقایسه Content Search با Content Query

صفحات نمایش جستجو و انواع نتایج جستجو

نوار وضعیت (Status Bar) در شیرپوینت

Style جدید Display Template جهت نمایش محتوا

نکاتی در خصوص Quick Launch

چگونه Display Template موجود را اصلاح کنیم؟

نکاتی راجع به ستون های Index شده

مفاهیم Result Type در Search

تنظیم مجوزهای منحصربفرد برای پوشه ها و اسناد

افزودن custom tiles به صفحات سایت

ویژگی های جدید در مدیریت حقوقی اطلاعات IRM

افزودن/حذف لینک ها در Suitebar

پنهان کردن Edit Links در Left-Nav

افزودن/ ویرایش لینک در Quick Launch

نکاتی درباره منوی CallOut

پنهان کردن نام ، ID و Top links

پنهان کردن Quick Launch\Left Nav

غیر فعال کردن CallOut

معرفی Shredded Storage (قسمت1)

معرفی Shredded Storage (قسمت2)

پنهان کردن CallOuts در لیست وظایف

نمایش جزئیات آیتم حین قرارگیری ماوس بر عنوان آن

شیرپوینت چگونه بصورت آفلاین با اسناد کار میکند

پیش نمایش(Preview) نتایج جستجو

شخصی سازی منوی CallOut

چگونه یک سایت را بعنوان الگو ذخیره کنیم؟

پنهان کردن منوهای Social Features از My Sites

ستون سایت Related Items

ذخیره سازی Publishing Site بعنوان الگو

عدم مشاهده فایل های Checked Out شده

نمایش Related Items در ستون های سایت

ایجاد سایت پروژه ای (Project Site)

مقدار خالی در People Picker پس از ذخیره فرم

چگونگی ایجاد سایت های Wiki

مخفی کردن Page Rating و Categories صفحه ویکی

میزان محدودیت App ها در شیرپوینت

طراحی سریع List Form با قابلیت Quick Edit

تنظیمات امنیتی Only Me and Everyone

چگونه لیست و کتابخانه ایجاد کنیم؟(روش قدیمی)

پنجره های پیش نمایش Hover Over و Callout

ایجاد تالار گفتمان

ایجاد CalloutActions در پنجره Hover Over

غیر فعال کردن گزینه Quick Edit در لیست ها

وقایع پیش رو در تقویم در Project Summary

چگونه اسناد مختلف را در شیرپوینت آپلود کنیم؟

بارگزاری Javascript Display Template

افزودن شاخص وضعیت وظیفه با JS Link

چگونه SYNC را در مجموعه سایت غیر فعال کنیم؟

استفاده ازJS Linkجهت شخصی سازی فیلدهای فرم

رنگی کردن آیتم های لیست با جاوا اسکریپت

استایل دهی به Announcement با جاوا اسکریپت

افزودن سند ، ویدیو و .. در فیلدهای Rich Text

افزودن CSS در صفحات

شخصی سازی فیلد ها در فرم جدید با JS Link

توانایی آپلود تصاویر با Image Rendition

محاسبه تعداد آیتم های متمایز در ستون های لیست

ایجاد Contact Us یا فرم Feedback با CallOuts

تنظیم دامنه شخصی با GoDaddy

چگونه سطح دسترسی های یک گروه را تغییر دهیم؟

محدودیت Index کردن خودکار 5000 آیتم لیست

آشنایی با App part در شیرپوینت

قابلیتهایی که باید در مجموعه سایت فعال شود

عضویت در خبرنامه