一太郎/手打ちで目次を作成する

一太郎の目次機能は更新も簡単で便利なんですが、途中で改行を挟んだり、行ごとに段々と下がっていくなどちょっと変わった目次を作りたい場合は自作する必要が出てきます。
…他にも正直なところ、ページ数が多くて処理が重くなると目次作成にも時間がかかるというのが難点かなと思ったりして。
もちろん手打ちだと自分でページ数も更新しなくてはならないのですが、まあそれは出来上がってから確認しつつやればいいかということで…

「リーダ」が使えればなんとかなる

これに尽きます。

目次のページ数が不要なら章だけずらーっと並べておしまい、または章タイトルの後ろにスペース入れてページ数、でもいけますが
章のページ案内を下に揃えたい
タイトルとページ数の間に線や点を入れたい
といった場合は普段あまり使わない機能「リーダ」を使用します。

[挿入 > 記号/リーダ/スペース > リーダ作成]

これは「章タイトル ……… ページ数」
のように、中央に線や点を入れてページ数を端に寄せて入れたい場合に使う機能です。線や点なしでも可能。

縦書きの目次ページ数は「縦中横」で！

[書式 > 文字割付 > 縦中横]
これで縦書きでも横向きのページ数が表示できます。

以上がわかってるだけでも自分で簡単に目次が作れちゃいます！
応用としては
線や点をなしでリーダを挿入してタイトルの下に著者名を下寄せで載せたり
縦書きの中で数字だけ横書き表示して読みやすさにこだわってみることができちゃいます。

リメイクに動く。
悪夢を終わらせるお話。 #ユガミユメ10周年

Bloggerで見出し画像を2枚目以降にする

ブログサービスの中には記事の見出し画像…サムネイル・アイキャッチ画像を指定できるものもありますが、Bloggerなどのサービスでは一番最初に貼り付けた画像がブログの見出し画像になってしまいます。

例えば、装飾として使いたい画像を一番最初に貼り付けてしまうとそれが見出し画像になってしまうという問題が起きて、記事の内容に合わせた画像で閲覧者を誘導することができないという問題が起きます。

SilverLetterでも記事の内容を画像でわかるようにしたかったのでここにメモしておきます。

解決方法としては、cssで「background-image」を使うこと。

……昔ホームページ作りにhtmlいじってた頃さんざん使ってたから懐かしい。

.class-name {
   width: 表示横幅;
   height: 表示縦幅;
   background-size: 100px 100px;
   background-image: url('画像url');
   background-repeat: no-repeat;
}

使用例

<div class="class-name"></div>

background-sizeで画像の大きさ、widthとheightで表示する範囲を指定します。
テンプレで挿入する場合はcssで割り当ててしまえばclass指定するだけで使えるので便利ですが、もし一回きりならタグにstyleを書けばok。

↓これはdivを使った例。

<div style="width: 表示横幅; height: 表示縦幅; background-size: 100px 100px; background-image: url('画像url'); background-repeat: no-repeat;"></div>

背景画像あつかいになるため、ドラッグアンドドロップや右クリックメニューからのコピーはできなくなる点は注意。
背景扱いだとimgタグの画像に比べて検索にも拾われにくくなると思います。
ってことは…コピペ防止にも使える？（とは言い切れない）

これで汎用できる装飾画像や見出し画像防止が作れます。以上！

DOTQUEST-いせかいものがたり-攻略ページ「登場人物」を公開しました！
チャプターやアイテム、スキル情報など今後も公開していく予定です。しばらくお待ちください。
https://silverhearts-project.blogspot.com/p/isekaimonogatari-characters.html
#攻略ページ更新

ブログに貼り付けているX(旧twitter)タイムラインウィジェットですが、閲覧者がXにログインしている状態でなければ"Nothing to see here - yet"と表示され、タイムラインの閲覧ができない仕様のようです。
Xアカウントは活動を継続する予定ですがウィジェットは消してリンクのみ提示、MiniBlog記事としての投稿を重点的に考えています。