SharePoint Onlineのカスタム開発:サイトの背景色のテーマを変更するためにCSSを使用する方法?

サイトのスタイルを変更するには、内部目的および他の企業のためのチームや会社株式のデータのための通常の状況下では、スタイルのユニークなブランド、与えられたソリューションは、SharePoint Designerのですが、自分のサイトのためのカスタムホームページを構築することであるR&Dエンジニアの多くを作成します問題の原因マスターページの更新やパッチを変更するための強力なツールは、しかし、ここで私は、そのようなツールのSharePointデザイナーの使用のコードページを変更することはお勧めしません、通常のホーム・ページの変更は、サイト、手段との間の更新の接続を防ぐことができますサイトコレクションの管理者は、問題と修正ブロック、時間や追加コストの無駄を見つけるために、余分な作業の多くを行うには、しかし、新しい機能を開発する際にも新しいSharePointのリリースでは、フィーチャ妨げます。

またはサイトのテーマロゴを変更するために、マイクロソフトは、SharePointの使用は、あなたがカラーパレット、フォント、さらには背景画像を含む事前に構成されたテンプレートのテーマを選択することができ、オンボードのツールが付属してお勧めします、あなたがすることもでき、自分のニーズに柔軟に応じて変更することができますカスタムテーマや独自のフォントを作成し、あなたのサイト、SharePointの更新に干渉しないオンボードのツールやテーマを使用しての本当の利点に追加します。

あなたはより多くの微調整のためにあなたのサイトにしたい場合は、カスタムCSSスタイルシート、CSSの使用を作成することができ、あなたは、むしろ新しいマスターページとして基本となるページのコードの変更の変化よりも、サイトの要素のプロパティを変更することができますあなたがそれを保証することはできませんので、JavaScriptは、要素の名前を変更することはありません、でも、ページレベルで要素を変更し、あなたのサイト、使用CSSでそれらを使用するためにCSSを使用することができますが、いくつかのリスクがあるかもしれないときのSharePoint更新、まだマスターを変更するには、SharePoint Designerを使用するよりもより安全ページ。

テーマの変更やロゴので、推奨される解決策は以下のとおりです。

  • 使用すると、内蔵のツール
  • 使用あらかじめ構築されたテーマ
  • ビルドカスタムテーマ
  • CSSを使用しました
  • あなたのサイトの更新のことを確認するために、追加の開発作業に取るために使用するカスタムマスターページの変更は、しかし、

次に、私はあなたがCSSにそれを使用したい理由をいくつかが求めることができる、CSSスタイルシートを作成してアップロードする方法についてご紹介しますか!

CSSは、Microsoftが提供する他のカスタムメソッドを置き換えることができ、より安全、より柔軟なオプションです。CSSはこのものの、サイトコントロールスタイルの様々な要素を実行することができ、私は手動で自分のウェブサイトを設計するために、各ページのHTMLコードを更新するには、インラインスタイルを使用し、すべてのページのコンテンツに空白領域を挿入することによって、何人かの人々を見て、としましたCSSで既存のタグ要素を再定義するための操作が、はるかに複雑よりです。CSSを使用すると、あなたのサイト全体の変更を適用することを可能にし、助けに一貫性を確保するため、新機能のサポートは若干異なるかもしれないが、しかし、CSSスタイルは、すべてのブラウザ、すべてのプラットフォームのため広く用いられている方法でありますCSSを使用して、あなただけの要素のプロパティではなく、基本的なページのコードを変更する必要があるが、それは自由であり、任意のライセンスを必要としない、そしてそれは、システム管理者の介入を必要としない、あなただけのサイトコレクションに発行機能を有効にする必要がありますそれは。

今、私たちのウェブサイトを修正する準備を始めましょう:

最初のステップは、新しい空のスタイルシートを作成し、私たちのSharePointサイトにロードすることです。

今、あなたは、SharePointへの空のファイルをアップロードすることはできませんので、私はいくつかのプレースホルダのテキストを置くために、ここでなければならないので、このようなWindowsのメモ帳など、スタイルシートを作成するために、任意のテキストエディタアプリケーションを使用して、modified_style.cssとして、ファイルを保存することができます資産ライブラリ、そしてサイトの中に格納されます。

第二のステップは、あなたのウェブサイトのスタイルシートを関連付けることです。

私たちは、サイトコレクション設定 - >サイトマスタページ設定ページ代替CSSのURL参照スタイルシート新規アップロードで、サイトコレクションの公開機能の活性化の後、私たちの新しいWebサイトの参照、アップロードにスタイルシートを必要としています。

SharePoint Onlineのカスタム開発:サイトの背景色のテーマを変更するためにCSSを使用する方法?

第三段階:私たちのアップロードスタイルシートを編集することで、リアルタイムでサイトを変更します。

Chromeは私の個人的な最も一般的なブラウザであるが、多くの場合、手動で私の変更を表示するために、キャッシュを更新する必要があり、そして今、我々は編集にそれをスタイルシートを開くためにクリックして、テキスト形式であるためには、CSSを更新する際にIEやMicrsoftエッジのブラウザを使用することをお勧めしますが、サイトの背景色:黒。

SharePoint Onlineのカスタム開発:サイトの背景色のテーマを変更するためにCSSを使用する方法?

サンプルコード:

/ CSS /
ボディ{
背景色:黒。
}

保存modified_style.cssをすることができます。

おすすめ

転載: blog.51cto.com/13969817/2450229