Office 365 SharePoint サイト [Office 365] ロゴ、リンク先の変更 (マスターページに CSS を組み込む)

またまた前記事 「Office 365 SharePoint サイト [Office 365] ロゴ、リンク先の変更 (マスターページに js を組み込む)」 のバリエーション違いです。

js ではなく、CSS をマスターページに組み込みたい場合、素直に対応する HTML 内に <style> タグを入れると、master に内容が反映された際に、エラーとなります。さて、どうやっていれたらいいかご存じでしょうか?

回答例その1、「外部 CSS にする」 これ大正解です。ただ、少量の CSS の場合等、マスターページに組み込んでしまいたい場合もあるかと思います。下記は、html 内に css を組み込んで、対応する master に問題なく反映させる際に Tips として活用ください。意外でもないと思いますが、やり方どこにも見つけられなかったりします。。

下記例は、左上の Office 365 ロゴを、任意のロゴ画像に変更している例です。
code0602_CSSLogo

前記事の手順を参考に、手順7挿入する js の変わりに、下記のように CSS を挿入ください。

code0602_CSS

<!–MS:<style type="text/css">—>
.o365cs-nav-leftAlign
{
   background-image:url
(‘
Crie.png’);
   background-repeat: no-
repeat !important;}
.wf-o365-o365logo{display:none !important;}
<!–ME:</style>—>

奥田 うさぎ

Office 365 SharePoint サイト [Office 365] ロゴ、リンク先の変更 (マスターページに CSS を組み込む)」への1件のフィードバック

  1. 365 で、左上のロゴ画像は、管理画面から変更できるようになりましたね。
    ということで、こちらの記事内容はもう必要ありませんね

    返信

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中