Design Customize

SharePoint Online

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

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

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

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

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

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

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

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

代替 CSS の設定を JavaScript で行う

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

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

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

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

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

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

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

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

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

SharePoint Color Palette Tool を使ってみた

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

Japan SharePoint Group 勉強会#7@大阪に参加してみた

2月2日(土)に大阪証券取引所ビル(株式会社 CSK Win テクノロジ様 関西事業所 セミナールーム)にて開催された Japan SharePoint Group 勉強会#7 に参加してきました。Japan SharePoint Group は 2012年2月に、SharePoint MVP であり PiecePoint 株式会社の代表でもある山崎さんが立ち上げられた日本の SharePoint コミュニティで、毎回豪華な講師陣を集め勉強をする場です。(東京でも開催されてい...
スポンサーリンク