Design Customize

SharePoint Online サイトの拡張ヘッダーを使ってデザインしてみよう

SharePoint Online のモダンサイトには、いつからか利用できるヘッダーとして「拡張」レイアウトが追加されました。この拡張ヘッダーを利用することで、サイトに対してちょっと華やかなイメージを与えることができます。そんな拡張ヘッダーを設定するときのコツや注意点をまとめながら書き留めておこうと思います。なお、この記事は Office 365 Advent Calendar 2021 の 13 日目です。毎年参加しているアドベントカレンダーですが、今年は 25 日まで毎日...

2021.12.13

SharePoint Online

SharePoint Online モダンサイトに独自のテーマを設定する

SharePoint Online では、Office 365 グループに接続されたチームサイトや、今年登場したコミュニケーションサイトなど、「モダンサイト」と呼ばれる新しい SharePoint のサイトがあります。（従来のサイトは「クラシックサイト」と呼ばれるようになりました）このモダンサイトを利用する場合でも、やはりサイトの色使いとして企業のブランドカラーを反映させたいななどと思われる方もいるかと思います。こうしたテーマ（色合い）は、モダンサイトにアクセス...

2017.10.25

BrandingPowerShellSharePoint Online

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

SharePoint Online では新しい「モダンページ」が利用可能となっており、先日も Bing マップなどの新たな Web パーツも追加されました。New web parts for your modern communications in SharePoint Onlineこの新しいモダンページは、作成済みのサイトにも追加できます。手順は、下記の記事の通りです。SharePoint Online のチームサイトのホームを”新しい” UI のページへ変更するた...

2017.02.02

SharePoint Online

SharePoint 2013

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

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

2016.07.12

SharePoint 2013SharePoint 2016SharePoint Online

SharePoint 2013

代替 CSS の設定を JavaScript で行う

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

2015.07.15

SharePoint 2013SharePoint Online

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

SharePoint Online はクラウドサービスです。そのため、日々サーバー側でのバグフィックスや機能改善などが行われています。それらは、ユーザーインタフェースの部分に関することもあり、サイトの見た目に関わるデザインをカスタマイズしていた場合、大きな影響を受けることもあります。こうしたデザインカスタマイズについて扱ったセッションが Ignite 2015 にもありましたので、その内容を追いながらデザインカスタマイズについて考えたいと思います。Deep Dive i...

2015.07.08

SharePoint 2013SharePoint Online

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

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

2013.06.26

BrandingJavaScriptSharePoint 2013SharePoint OnlineStyleSheet

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

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

2013.06.23

Japan SharePoint GroupOffice 365 User Group

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

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

2013.05.02

BrandingSharePoint 2013

SharePoint Color Palette Tool を使ってみた

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

2013.04.26

BrandingSharePoint 2013SharePoint Online