FC2ブログのタイトルの下に文字を入れてみよう

 FC2ブログタイトルの下に、文字を入れてみよう。

 FC2ブログは、テンプレートの一画面にHTMLとスタイルシートが上下に分かれて記載されている。

 クリックひとつでテンプレートの複製を作る機能があるので、デフォルトのテンプレートをカスタマイズする前に、複製をとっておくことができる。

FC2ブログのテンプレートの開き方

1、環境設定→・テンプレートの設定をクリック。

2、FC2ブログのテンプレートは、上段がHTML、下段がスタイルシートになっている。

3、上段のHTMLの部分に、文字を入れます。

*テンプレートは、アレンジする前に、複製を作っておきましょう。

テンプレートの複製の作り方

1、テンプレート名の横に複製ボタンがあるのでそこをクリック。

 そのままだと、複製したテンプレートのHTMLとスタイルシートが下のほうに出るので、複製したものを改造しましょう!

FC2ブログのタイトル下に文字を入れてみよう

 タイトル部分のテンプレートHTMLは大抵の場合以下のようになっている。

<div class="title">
<h1><a accesskey="0" href="<%url>"><%blog_name></a></h1>
</div>

 あるいは

<div class="title">
<h1><a  href="<%url>"><%blog_name></a></h1>
</div>

 この下に文字やHTMLを入れると、ブログタイトルの下に、文字が入るようになる。

 プレビューボタンで、表示を確認したら、更新ボタンをクリック。

 FC2ブログの場合、ブログのタイトルが<h1>。

 記事のタイトルが<h2>でテンプレートに記載されていることが多い。

 なので、ブログタイトルの周囲に何か文字やイラストを入れたい場合、<h1>を目安に探すとわかりやすい。

 記事タイトルの場合は<h2>で表示されているケースが多いので、記事タイトルの周囲に文字やイラストを入れたい場合は<h2>を目安にする。

テンプレートを適応するには

 上のほうにテンプレート名の一覧があります。

 ラジオボタンで適応したいテンプレートを選んで、適応ボタンをクリック。

 これで、FC2ブログのタイトルの下に文字が入るようになる。

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

メタデーターdescriptionsでサイトの訪問者を増やそう
スタイルシートにコメントを入れるには?
WordPress(オープンソースのテンプレート)が使えるレンタルサーバー
Googleアドセンスの新しい管理画面は、解析能力が優秀
Googleカスタム検索をスタイルシートでカスタマイズ-コードは変更しないよ
Googleカスタム検索のメリットとデメリットをWordPress標準検索と比べてみよう
class=、id=の使い方と注意点
FC2ただいま混乱中?
レンタルサーバー・ミニバードへの仮登録方法
WordPressをレンタルサーバーにインストール
コメントを入れる<!--/-->・<!--//-->・<!---->の使い方を覚えよう
Googleアドセンスをシーサーブログのタグページに表示させないようにする・2カラムテンプレートサイドカラム編
Bloggerのテンプレートの文字の色やフォントを変えてみよう
wordpressは半角のダブルクォーテーションが勝手に全角に変換されて表示される
レンタルサーバーミニバードでサーバーの使用量を確認する方法

Menu

HOME

 TOP