SharePoint ページ編集時にフォント種類やフォントサイズ等を追加する

奥田です。
セミナーにきていただいたお客様からいただいた質問から、今日は SharePoint ページの編集時に選択できるフォント種類やサイズ、色等を追加する Tips をご紹介します。

代替 CSSでも、マスターページに追加でも、マスターページに外部 CSS 参照追加でも、かまいませんので、次のような  CSS を利用できるよう追加ください。

<CSS サンプル>

/*フォント種類*/
.ms-rteFontFace-cust
{
-ms-name:"Meiryo UI";
font-family: ‘Meiryo UI’;
}

/*フォントサイズ*/
.ms-rteFontSize-custFontSize14{
    font-size:14px;
}

.ms-rteFontSize-custFontSize16{
    font-size:16px;
}

/*フォントカラー*/
.ms-rteForeColor-custForeColorPink{
    color:#FCF;
    -ms-name:"";
    -ms-color:"カスタムピンク";
}

/*ハイライトカラー*/
.ms-rteBackColor-custBackColorPink{
    background-color:#FCF;
    -ms-name:"";
    -ms-color:"カスタムピンク";
}

/*ページ要素*/
DIV.ms-rteElement-custElement{
    -ms-name:"オクダカスタム";
}
.ms-rteElement-custElement{
    border-bottom:1px dotted #000099;
    border-left:8px solid #000099;
    padding-left:5px;
    font-size:16px;
}

結果 ↓

Add1 Add2
Add3 Add4

Add5

画面ショットは SP 2010 ですが、 SP 2013 でも同様のことが可能です。

奥田でした うさぎ

広告

SharePoint ページ編集時にフォント種類やフォントサイズ等を追加する」への2件のフィードバック

  1. こちら、ブログを書いていただき、どうもありがとうございました。
    おかげさまで、無事本記事の内容通りにサイトをカスタマイズできました。また、「「現在のページは、元のテンプレートから…」の警告メッセージも無事非表示にすることができました。
    重ねてお礼申し上げます。どうもありがとうございました。
    SharePoint 2013の本もぜひ購入させていただきたいと思います。

    返信する
    • こちらこそ、セミナーへのご受講ありがとうございました。
      無事設定できたとのこと、よかったです!

      返信する

コメントを残す

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

WordPress.com ロゴ

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

Twitter 画像

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

Facebook の写真

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

Google+ フォト

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

%s と連携中