アメブロdeアクセスアップ

アメブロポイント文字を変更する方法(デザインスキンを使った場合) | アメブロのテンプレートやツールを使って、アクセスアップする方法やアメブロカスタマイズの方法をご紹介します。


テーマ:プチカスタマイズ

アメブロのプリカスタマイズです。

 

最近アメブロのHTML・CSSなどがちょっと変更になりましたよね。

 

レイアウトもちょっと変更になったりしていますが、
基本CSS記述方法などは、変更ありません。

 

ポイント文字の変更する方法を、ご質問でいただきましたので、
再度記事にしてみました。

 

 

 

 

 

アメブロも、HTML・CSSなどの変更が最近ちょいちょい行われています。

 

 

ちょっとチェックを怠ると、こんなことになっている????

っていう感じになっています。

 

 

マイページの管理画面も、他の無料ブログみたいになっていたり、
ちょっと文字が小さいなーって感じたりしています。

 

 

 

以前のプチカスタマイズの記事で、「CSS編集可能デザイン」以外での、
フォント(文字関連)の変更する方法について、
質問をいただきました。

アメブロCSS変更できないスキンでもフォントを変更する方法

 

 

 

記述が間違っているということはないのですが、
こちらの表記の仕方で、半角が全角になったりしていたので、
表示ができない!!という方もいらっしゃいます。

 

 

本当にすみません。

 

 

 

ただ、CSSやHTMLなどの表記は原則半角英数字です。
これを覚えておくと、なぜ表示できいのかなーと思った時に、
もしや・・・全角な表記があるかも?といった、
問題解決の糸口になります。

 

 

ぜひとも覚えていてくださいね。

 

 

 

 

 

05_green  CSS編集可能デザイン以外でフォントサイズを変更する方法

 

 

 

CSS編集可能デザイン以外のデザインスキンのフォントサイズを変更する方法は、
フリースペースやフリープラグインを使って、
CSSを記述しなければ、変更できません。

 

 

 

あるポイントのみの変更を一括で変更する方法を下記に記述しますので、
コードをコピーして、フリースペースに貼りつけてくださいね。

 

 

check

コードの解説

 

 

フリースペースに、CSSコードを貼る時は、
改行やスペースをなくさなければ表示できません。

 

 

 

なので、一列で記述します。

 

 

上記のコードは、ポイントのフォントサイズを変更するようにしているので、
変更する箇所のみの設定をしてくださいね。

 

 

.skinTitle ← ブログのタイトル

.skinDescription ← ブログの説明

.skinArticleTitle ← 記事タイトル

 

 

それぞれ、ポイントとなる文字なので、一括で変更する場合は、
上記のコードみたいにしてくださいね。

 

 

 

アメブロでも、CSS・HTMLなどが変更になっていて、
以前設定しているものに関しては、大丈夫なのですが、
初めてカスタマイズをする方は、ちょっと戸惑うかもしれません。

 

 

 

ただCSSの記述方法などを覚えておくと、便利です。

 

 

 

フリープラグインに貼りつけてもいいのですが、
CSS編集可能デザイン以外のデザインスキンを使っている方は、
CSSの記述は、フリースペースの方が、表示されるみたいです。
(フリープラグインでは、表示されませんでした。)

 

 

 

アメブロもどんどん進化しているんですね。

 

 

改めて思いました!!

 

 

参考になれば嬉しいです。

 

 

 

テンプレートデザイン・カスタマイズのこと、アクセスアップのこと、
アメブロのことならお任せあれ!

Copyright © アメブロdeアクセスアップ All Rights Reserved.