livedoor ナレッジ

タイトル文字を取り外すにはどうすればいいんですか?

タイトル文字を取り外すにはどうすればいいんですか?
TOP画像にタイトル文字が入っているのでタイトル文字はいらないんですが・・

タイトルを表示させるタグを削除すれば良いと思います。

ブログ管理画面より「カスタマイズ/管理」→「デザインの設定」→一番下の「カスタマイズ」と進んでいくとCSSやHTMLを修正することのできる箇所に行くと思います。

ここで「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」の各４ページから該当のタグを消去して「この内容で保存する」をクリックします。


上から３分の１くらいの所に以下のタグがあると思います。

<h1 class="blogtitle"><a href="<$BlogUrl$>">
<$BlogTitle ESCAPE$></a></h1>

このタグの<$BlogTitle ESCAPE$>ってのがタイトル名に該当するタグです。ですので、この<$BlogTitle ESCAPE$>を消してください。

消去し「この内容で保存する」をクリックするのを「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」の４箇所で行ったら、ページの左上にある「ブログに設定を反映（再構築）」をクリックし、「全てのページ」を選択して再構築して下さい。

それでタイトル文字が消えていると思います。

管理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。その中の CSS の記述に新たに指示を追加します。

CSS の項目の中の .blogtitle{ } の中に、
以下の記述どちらかを追記します。

display:none;
（ テキストを非表示にする。その存在する行自体も無くなります。 ）
visibility:hidden;
（ テキストを非表示にする。空白行が一行できます。）

例えばこんな感じ↓
（ 内容はテンプレートによって変わりますので、あくまでも例として ）

.blogtitle{
display:none; ← これねっ！
text-align:left;
font-size:22px;
padding:100px 250px 0 130px;
}

AQ 的には上の display:none; がおすすめ。(^^) 必要としないのであれば、description （ ブログの説明 ） も同じ方法で非表示にしておいても問題ないですよ。CSS の中の .description{ } の中に上記の非表示の指示タグを書き入れます。

これなら元に戻したい時に、この追記した記述を削除するだけでいけますので、お薦めです。

記述し終えたら、CSS を保存。CSS の再構築をかけます。

ご自身で設定したタイトル文字を１個の「全角空白」にしてやるテもあります。こちらのほうが超便利でしょう。