2022年6月思い立って個人サイトを作成の覚書

※敬称略失礼致します※
レンタルサーバ
さくらのレンタルサーバ
生業で元々借りていたものが容量も余っていたので、
もうひとつドメインを設定して使用することにしました。

参考
ALUBA LUNA:同人コンテンツが置ける有料サーバー7つ

WordPressテーマ
EASEL
レスポンシびりたかったのでWordPress一択で、
このEASELはイラスト・小説などを制作・発表する人のための
WordPressテーマとのことで、先々更新しやすいだろうと期待大です。
個人的にはpixivで実装されておらず不満だった
「小説/漫画/イラストをまたいだシリーズ設定」が
作品タグによって実現できたのが嬉しい。

プラグイン
まずWordPressで小説を載せるサイトをどう作ればいいか全般で

ひつじこ(note):WordPressで小説サイトを作る

を参考にさせて頂きました。
生業のほうで使っているWordPressテーマがCocoonだったので
記事通り真似させて頂いて、と思っていましたが、
EASELを知りはじめからこちらを使った方が楽だな、と……。
最終的にはおすすめ(必須)のプラグインの真似をさせて頂きました。

Simple Ruby
なろう/カクヨム記法でルビ、傍点が付けられるプラグイン。
これがなかったらまとめサイトを作りたいという
お気持ちで終わっていたことでしょう……。

TinyMCE Advanced
WordPressが勝手に削除してしまう行頭一字下げを実現できるプラグイン。
しかしよく理解できておらず入れるだけ入れてになってしまい、
後日↓の記事を読んでやっと入れておく意味がわかりました。

参考
ど素人から毛を生やす。延(餅。)
WordPressのエディタで「行頭にスペース」を実現できる!

行頭一字下げ実現への四苦八苦はまた別の記事を立てて
書き残したいと思います……たぶんだいぶ回り道をしていた。

Age Gate
記事ごと、カテゴリやタグごとに年齢確認のポップアップを設定できるプラグイン。
サイトのトップページ、全体に年齢確認を入れるプラグインは簡単に見つかったのですが、
R-18コンテンツは小説だけなのでどうしたものか、で
↓の記事を参考にさせて頂きました。

参考
ゲムボク。
Age Gateプラグインで、WordPressブログに記事ごとの年齢認証を追加する。

mypace Custom Meta Robots
所謂検索避けを記事ごとに設定できるプラグイン。
R-18小説のみnoindex/nofollowに設定するため導入しました。

参考
TCDブログ
WordPressの特定ページ・サイト全体でインデックスブロック(noindex)する方法まとめ

Twitter埋め込み
苦戦したので書いておきます。
デフォルト(WordPressの設定画面で完結する)で
「外観」→「ウィジェット」→希望のエリアの設定を行う項目の中に
「Twitter」があるのですが、これを使ってTwitter埋め込みをすると
だーっと縦長になってしまいバランスが悪すぎる。
結論としてはデフォルトの「Twitter」は使わず、
「カスタムHTML」を使って埋め込みをしました。

参考
創kenブログ
Twitterタイムラインの埋め込みとデザインカスタマイズの方法