Tag( "Design Customize" ){ return results; };

SharePoint Online モダン ページのページ ヘッダーを非表示にする

Pocket

SharePoint Online では新しい「モダン ページ」が利用可能となっており、先日も Bing マップなどの新たな Web パーツも追加されました。

New web parts for your modern communications in SharePoint Online
https://techcommunity.microsoft.com/t5/SharePoint/New-web-parts-for-your-modern-communications-in-SharePoint/m-p/40937

この新しいモダン ページは、作成済みのサイトにも追加できます。手順は、下記の記事の通りです。

SharePoint Online のチーム サイトのホームを”新しい” UI のページへ変更する
http://idea.tostring.jp/?p=2304

ただ、このモダン ページには「ページ ヘッダー」が表示されるパターンと表示されないパターンの 2 種類が存在しているのが気になっていました。特にサイトのホームに設定した場合、ページ ヘッダーが少々邪魔に感じることもあるので、なんとかして非表示にできないかと試してみました。

Read More

SharePoint Online のトップ リンクバーのデザインを CSS で変更する

Pocket

SharePoint Online で簡単なポータル サイトやチーム サイトを作りデザインを含め手を入れていくと、多くの場合ナビゲーションのデザインも変更したくなります(よね?)ただ、そこまで大きな改修は行いたくないし…と言った場合、CSS を使うだけでも簡単に雰囲気を変えることができます。そろそろ今年も本格的な夏を迎えることですし、SharePoint のサイト デザインもちょっとだけ変更して気分を変えたいところです。

CSS を使ってスタイルを適用するために必要な要素の Id や Class を毎回調べるのは面倒なので、それらを CSS の形でまとめておきます。

Read More

代替 CSS の設定を JavaScript で行う

Pocket

前回の投稿でも出てきましたが、SharePoint のデザインをカスタマイズする際には「代替 CSS」を設定することがあります。しかしながら、この「代替 CSS」の GUI での設定は「デザイン マネージャー」に含まれており、「発行機能」を有効化したサイトでしか行えません。ただし、発行機能を有効化していないサイトでも API を利用することで設定が可能なようでしたので、お手軽な JavaScript Object Model (JSOM) を利用して設定する方法を試してみました。

Read More

SharePoint Online のデザイン カスタマイズを考える

Pocket

SharePoint Online はクラウド サービスです。そのため、日々サーバー側でのバグフィックスや機能改善などが行われています。それらは、ユーザーインタフェースの部分に関することもあり、サイトの見た目に関わるデザインをカスタマイズしていた場合、大きな影響を受けることもあります。

こうしたデザイン カスタマイズについて扱ったセッションが Ignite 2015 にもありましたので、その内容を追いながらデザイン カスタマイズについて考えたいと思います。

Deep Dive into Safe SharePoint Branding in Office 365 Using Repeatable Patterns and Practices
https://channel9.msdn.com/Events/Ignite/2015/BRK3164

Read More

予定表 Web パーツのカレンダー表示をコンパクトにしてみた

Pocket

SharePoint のチーム サイトで利用される機会も多い「予定表」ですが、ページ上に Web パーツを配置するとその大きさに驚かれる方も多いと思います。SharePoint 2013 になってから、少し小さくなった気もするのですが、それでも大きいですよね。

そこで今回は、Web パーツをコンパクトに表示するカスタマイズを紹介したいと思います。

Read More

Japan SharePoint Group#9 と 第5回 Office 365 勉強会で登壇しました。

Pocket

5月18日(土)の Japan SharePoint Group と 6月19日(水)の Office 365 勉強会でそれぞれ登壇させて頂きましたので、報告と記録を兼ねてブログに記載します。

Japan SharePoint Group #9
http://jpsps.com/event/20130518/
第5回 Office 365 勉強会
http://www.office365room.com/o365-meeting/o365meeting-5/

Read More

SharePoint 2013 左上の製品ロゴを変更する

Pocket

SharePoint 2013 では画面デザインが変更され、標準では青を基調とした比較的シンプルなデザインとなっています。また、常に表示される画面上部の青いバー(スイートバー)の一番左側に製品名「SharePoint」が表示されています。この製品名を企業名・団体名やロゴ画像へ変更したいというご要望は多くありそうなので、その一つの方法をご紹介します。なお、今回ご紹介する方法は、PowerShell を用いて行う方法となっており、現在のところオンプレミス版のみで実施可能です。

20130502-1

Read More

SharePoint Color Palette Tool を使ってみた

Pocket

SharePoint 2013 のデザインを変えたいなーと思い調べていると、Microsoft Download Center で非常に有益そうなツールが公開されていましたので試してみました。ツールのダウンロードは下記 URL から行えます。まだ英語版しかありませんが、簡単に利用できるツールになっています。

SharePoint Color Palette Tool
http://www.microsoft.com/en-us/download/details.aspx?id=38182

Read More