簡単ホームページ作成ツールならAMS - まずはお試し

全国対応!まずはご相談ください 電話番号0120-55-4682

【上級者向け】記事タイトルのフォントを
好みのサイズ・カラーに一括変更

記事を作成する度に、【記事タイトルのフォント設定】を変更するのが大変な時、
サイト共通でフォントの設定を一括変更できます。


記事単位での変更は、記事編集画面で出来ます。

《拡張CSS機能をご利用頂く際の注意点》
・CSSの書き方などのご質問は、お受けできません。お客様自身の判断で、ご利用ください。
・FREEユーザーの方がご利用の際、広告とフッタ部分の『Powered by AMS』の表記の削除に
 つきましては、利用規約違反となりますので、ご注意ください。違反された場合には通達無し
 にサイトの削除等の処置を行います。
 予め、ご了承ください。


css-title-1.png

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
 
1)CSS編集画面を開く
css-title-2.png


2)変更したいCSSのタグを入力し、保存する。

記事タイトルのフォント設定を変更】

例)
このフォントに変えてみよう!
 
ここから↓↓↓-----タグをコピーしてご利用ください
.mainContents .article h3
{
font-size: 24px;
font-family: comic sans ms,cursive;
font-weight: bold;
color: rgb(204, 0, 102);
}
 【他のフォントを指定したい場合は赤字部分を変更】
 サイズ font-size: 24px;
 フォント種類 font-family: comic sans ms,cursive;
 太字 font-weight: bold;(太字にしない場合は不要)
 色の変更 color: rgb(204, 0, 102);
 ※色の指定値は、上記の他でもできます。
  を例に説明すると
  #f00
  #ff0000
  rgb(255, 0, 0);
  rgb(100%, 0%, 0%)
  red    
ここまで↑↑↑-----

【参考資料】
 

css-title-3.png

3)【拡張CSSを使用する】に☑を入れ、保存する。

css-title-4.png

4)【Web更新】して、CSSを適用させる。

css-title-5.png

5)記事を作成して、変更を確認してみる。
css-title-6.png

 

 
 

常時SSL+スマホサイト最適化の効果の出るホームページが39,800円!
【0120-55-4682】平日9:00~18:00 /土曜10:00~17:00

平日9:00〜18:00/土曜10:00〜17:00

メールでのお問い合わせ
AMS簡単ホームページ作成ツール
あなたのサイトをPRしましょう!
AMSマニュアル
よくある質問と回答
AMSお問合わせ

月別アーカイブ