藍鼠

そういえばトネリコパロ彰こは、しれっとタイトルとか1ページ目ちょっと修正した
読み返したら“そっと”が頻出するの耐えられなかったんだ……

スマホのキャッシュ機能優秀すぎるのか、ページ更新しただけじゃWPの最新投稿反映されないの草
PC画面に切り替えれば最新状態になるけど、どうにかならんもんかなあ

思ってたより夢文のファイル数が多くてWordPress移行しんどいｗ
細切れにしすぎなんだよぉ！！！！
けどくっつけるにしても各話前提の書き方してるから単純に切り貼りじゃ違和感出るしんもー！！

改ページ対応しようそうしよう

てがろぐスキンカスタマイズ追加
ローディングで画面の真ん中に数秒間表示される青丸をどうしても消したくてあれこれ触って削った結果メモ
「skin-cover」と「skin-onelog」はギャラリー用にもあるので更新漏れないように注意

「skin-wn-tan2」「skin-gallery」の「skin-cover」を編集
<!-- loading screen
<div class="loading">
   <div class="lds-ripple"><div></div><div></div></div>
</div> -->
ローディング用の記載をコメント化。削除でもいいと思うけど、一応残しとく

「assets」フォルダ内のファイルを編集
extra_footerを編集
以下の部分から「?v20221123」を削除。指定の意味はよくわからないけど入れたままだと古いJSを参照してるっぽい。cssのほうも同じ

extra_headerを編集
以下の部分から「?v20221112」を削除

css/skin-wn-tan.cssを編集
1377行目付近にある「.loading」以降を削除。CSSだから残しておいてもいい気がするけど、意外と長いので気持ち軽量化

js/skin-wn-tan2.jsを編集
1行目から「// lightmode, darkmode」直前までの以下の部分を削除
#てがろぐ

・プロフに使ってたモーダル上げ直し済
・メディアタブ、Fancybox効いてないぽい。参照してるページ違う？確認済

過去ジャンル用アイキャッチ
せっかくつくったので残しておく
続きを読む
畳む

タグとかカテゴリー選んだときに「日付の古い順に並べ替え」のリンクどうやって貼るんだろ
デフォスキンにはついてるし、ショートコード(のようなもの)使ってると思うんだよな

入力ボックスの大きさが調整できるということに今更気づいたから20にしてみたけど、これだとタグ選択のプルダウン選択しづらいね？

もうちょっと少なくていい。あとで調整
#てがろぐ

サイトというかWordPressいじるの楽しくて他の諸々が手つかずになってたけど、年内にパロ完成させたい気持ちはある
書き納め的な

WordPress何度も挑戦しては挫折してきたけどテーマのおかげか触りやすくて楽しいし嬉しい🥰
別館もやるぞやるぞ

てがろぐスキンカスタマイズメモ
スキン配布元：https://www.nememori.info/blog/tegalog-s...
Twitterっぽ～い！ってテンションあがったのでスキンを適用しました。配布ありがたい。
アイコンとか「@ユーザ名」とかTwitterに寄せた。新しく用意するのが面倒だったので…

ヘッダ画像は前に3DMV録画したときのやつです。プレパス衣装の鬼っ娘の角はいいぞ

画像表示用モーダル変更
画像表示のモーダルはデフォルトだと「GLightbox」だけど、挙動は「Fancybox」が好きなので変更。
Fancyboxの設定方法はてがろぐ公式でも案内されてる のでお手軽。ほんとはWordPressのもFancyboxにしたいところだけどプラグインで出てくるのはなんか違う…

基本的には配布サイトさんの案内にしたがって設定。いいねとシェアはなくていいかなと思ったので未実装。

• assets/footer.htmlの[[JS:LIGHTBOX]]を削除
• skin-cover.htmlの</body>直前に[[JS:LIGHTBOX:JQ]]を追加

スマホ限定設定（本文の左右余白）追加
あとはスマホで見たときに左右の余白が欲しかったからcssの一番下に記述追加
@media screen and (max-width:480px) {
/*　画面サイズが480px以下の場合ここの記述が適用される　*/
    .onelogbox {
        padding-left: 20px;
        padding-right: 20px;
    }
}

てがろぐへのリンク指定をフォルダに
新規設定でログ移植したので、いままで「cgi」へのリンクしてなかったよな…？ってところも調べないといけなかった…忘れすぎである
https://www.nishishi.com/cgi/tegalog/faq...
「.htaccess」ファイルね～なるほど～、確かに作ってあったわ……

追加：時系列順リンク
カテゴリとかタグ選択したときに、時系列順に並べるリンクが欲しかったので追加
「skin-cover.html」の65行目あたりにある記述がカテゴリ「(カテゴリ名)」［nn件］
<div class="info f6 ttl mv3 ph2">
   <span class="whereami v-mid">[[SITUATION]]</span><br>
</div>
 ←このアイコンフォントは<div>のほうのクラス設定でついてるみたいだから、<div></div>を増やして、デフォスキン参考にしてリンク貼る
<div class="info f6 ttl mv3 ph2">
   <span class="whereami v-mid">[[SITUATION]]</span><br>
</div>
<div class="info f6 ttl mv3 ph2">
   <span class="whereami v-mid"><a href="[[REVERSE:URL]]">今の表示を[[REVERSE:NAME]]で見る</a></span>
</div>

追加：ロード中(？)の青丸削除
読み込み中なのか謎ですが、数秒間画面の中央で青い丸が表示されるのうっとうしかったので、「skin-cover.html」からそれにあたると思われる記述を削除
<!-- loading screen -->
<div class="loading">
   <div class="lds-ripple"><div></div><div></div></div>
</div>
削除してサクッと表示されるようにはなったものの、他のタブ切り替えやらハンバーガーメニューがうまく動かなくなったので一旦戻した。JavaScript色々使ってて思ったよりややこしい作りになってた
「lds-ripple」がなにかしてんのかねえ…

追加：投稿日表示
skin-onelogを編集
Twitterライクの「○時間前」は数字が大きくなるほどいつなのかわからなくなるから、詳細日付も見えるように追加。
ついでに「・編集」の「・」にリンクついちゃうのなんか嫌だったので編集ボタンは日付のほうに移動

COMMENTから下の<div></div>が追加した部分。もともとの編集用リンクはコメント化
<div class="comment lh-content f5">
   [[COMMENT]]
　<div style="font-size:smaller;text-align:right;">
      <a href="[[EDITURL]]" title="No.[[POSTID]]を編集" class="Login-Required">[編集]</a>
      [[DATE:Y/M/D(b) h:m:s]]
　</div>
</div>
#てがろぐ

画像はFancyboxの挙動のほうが好きなので修正
フォントもちょっと修正
游ゴシックとメイリオならメイリオのが読みやすいな自分は
#てがろぐ

てがろぐ用の素敵なスキンを見つけたので適用！！！！
レスポンシブなのもありがたい
太陽マーク押すと月に変わる＆ナイトモード(？)になるの画期的

横の余白はもうちょっとほしい
あとで調整したい
#てがろぐ

うえーい。倉庫もだいたいできた！
タイトル並べるだけにしようと思ったけど、シンプルだと抜粋が見えないからカプの状況わからん
リストにした。アイキャッチは後追いで設定しようね

・タグの表示形式リストかカード形式
・タグの並び順確認

swellくんショートコードでの記事呼び出し使えば全件表示できるじゃんやったー！！
pixiv見慣れてる今だとカードで抜粋表示でもわりと見やすいのでは？どうだろ

アイキャッチの見え方微妙すぎてカスタマイズいれないとなのかなあって思ってたけど、そもそも「文章」でアイキャッチ設定される想定してないっぽい？
1400×500推奨に従ってつくったのに、PCでみると正方形に切り取られるし抜粋の長さで拡大率変わるｗ
よくよく読んだら推奨サイズは「固定ページ」用だった。インデックスとか作品一覧とか
小説一覧に設定しようかなっておもったけど、がっつりショートノベルていれちゃったからダメ
あとで削除するかー

🔞タグだけ赤くしたいなって調べてみたけど、カスタム投稿タイプのタグ追加するときにクラス付与してないから難しそう
まあ、EASELだとパス付きページは自動で鍵マーク付くからそっちで代用でいっか

ページはだいたい整ったぞー
あとはCSSであちこち調整かな。三点リーダはGoogleFontに頼る。部分指定めんどうだからもう全体的に適用しちゃう。

EASEL使ってて気づいたんだけど、私ダブルダッシュの代わりに罫線つかってたんだな……どうりで
Pixivで繋がって見えるのは罫線だったからなのねｗ
直すかー。Pixivのほうは罫線のままにしておく。フォントこっちで決められないし繋がっててほしい

全体的なデザインはSWELLが好きだけど、小説サイトにしたいなって思うと、同人特化で作られてるEASELが強い
投稿日は出せないけど、カテゴリとタグ出してくれるのやっぱ便利
フォーラムありがとう…

これ特定のタグだけ色変えたりできるかな。R18は赤にしておきたい気分的に

ブロックの新着一覧→もっと見るリンクでカテゴリー一覧に飛ぶならいっそインデックスに新しいの数件置いて飛ばせばいいかなあ…うーん

うーん。全件表示ができない
ブログなら最大24件でもいいんだけど、小説タイトルはやっぱり全部1ページにおさめたいんだよなあ

ショートコードとか別のカスタム必要か。助けてグーグル先生…

グーテンベルグ？ブロックのやつ、なかなか慣れないんだけど公式によるとそのうち完全移行ぽいからなあ
慣れるためにもSWELL触るべしだわ…
ところでカテゴリーごとのページテンプレートつくりたいんだけどパーツ読み込みしてるあたり厳しいな？
ブログ記事は日付表示して小説記事はまるっと削除したかったんだけども……まあいいか
とりあえずローカルで整えてから実装よ

freoも根強い人気らしくて、有志の人がPHP8対応版作ってくれてたから実装考えたんだけど、リトルサーバーでうまく設置できなくて挫折しました😉
なぜかローカルでも2個目の設置できなかったから、なにかしらが悪さしてるんだろうけど原因特定してまでfreoがいい！って熱意はない
軽いしなにがどこにあるのかはわかりやすいんだけどね。メルフォとか拍手プラグインなんかもあるし