本文へジャンプします。

ココログサポート Top>>Questions List>>新しいテンプレートのテキストノートについ...

question

新しいテンプレートのテキストノートについて

画像の中にブログタイトルを入れることはできませんか？
またサブタイトルは画像の中に表示されますが、文字が大きすぎて画像が隠れてしまうほどです。文字を小さく表示することはできませんか？
basic infomations

まえさん | 2020/11/11 05:43(1667days ago) | permalink | デザインの変更／管理

Please login to comment.

Re: 新しいテンプレートのテキストノートについて
こんにちは。

サブタイトルの文字の大きさについては下記の処理で変更可能です。

①　管理ページトップ＞デザイン＞カスタムCSSを編集　を開く
②　ページ中のテキストボックスに下記の記述を入力する

.mv-area .mv-ttl{
font-size: 20px;}

③　画面下の「保存」をクリック

※「20px」と書いてあるのが文字の大きさです。お好みで数字を変更してください。
※デフォルトは46pxなので、それよりも小さい数字を入力すれば小さくなります。
※変更する場合は半角数字で入力してください。

＞画像の中にブログタイトルを入れる

これについては、本来のブログタイトルの位置を調整することは出来ませんでした。
（少なくとも私には無理でした）

なので、【サブタイトルの部分にブログタイトルも表示してしまう】という代替策を考えました。
処理方法は

管理ページトップ＞設定＞基本情報　ページ内の「ブログのサブタイトル」欄にブログタイトルを追加して保存
でOKです。

途中で改行したい場合は例えば
【ブログタイトル<br />サブタイトル】
といった感じで改行したい位置に改行タグを入れてやると、表示上は
ブログタイトル
サブタイトル
と表示されます。

なお、このままだと画像の下に本来のタイトルも表示されています。
こちらのタイトルは非表示にしたい場合は、文字の大きさの変更のところに書いたのと同じ
管理ページトップ＞デザイン＞カスタムCSSを編集　を開いて

.main-ttl{
display:none;}

を追加→保存すると本来のタイトルは消えます。

一応これでが画像の中にタイトルとサブタイトルが表示される形にはなりますが
かなり無理矢理な方法なのでオススメはしません。
（自分で書いておいて無責任な話ですが）

本来のブログタイトルの位置調整をどなたかほかの方が回答してくださるかもしれないのでそちらを待ったほうがいいと思います。

※「カスタムCSSを編集」や「サブタイトル」を変更→保存しても反映しない場合は「基本情報」にある「最新の情報に更新」ボタンを押すか、ブラウザのキャッシュを削除してみてください。
■各ブラウザごとのキャッシュの削除方法
https://cocolog.kaiketsu.nifty.com/tips/94523/thread

以上、ご参考まで。

no-name. | 2020/11/11 20:36(1667days ago) | permalink

Re: 新しいテンプレートのテキストノートについて
詳細にご説明していただき、誠にありがとうございます。
早速試してみたいと思います。

ただ、私のような素人には少々ハードルが高そうです・・・。
他のブログサービスのように、もう少し簡単にできるテンプレートが
準備されるとありがたいのですが。そう思っているのは私だけなので
しょうかね？（独り言でした）

まえさん | 2020/11/11 21:51(1667days ago) | permalink