No.162, No.161, No.160, No.159, No.158, No.157, No.156［7件］
プルダウンカテゴリメニューの先頭テキストを書き換えるやつ書いた
skin-cover.htmlの</body>直前に読み込んで「MENU」のとこを好きな文字列にする
HTML読み込み後に書き換えてるからチラ付くのはしょうがないね…
<script>
'use strict'
{//プルダウンカテゴリメニューの先頭テキストを書き換える
const headText = document.querySelectorAll('form.catpullbox option.head');
for(let text of headText){
text.textContent = 'MENU';
}
}
</script>
skin-cover.htmlの</body>直前に読み込んで「MENU」のとこを好きな文字列にする
HTML読み込み後に書き換えてるからチラ付くのはしょうがないね…
<script>
'use strict'
{//プルダウンカテゴリメニューの先頭テキストを書き換える
const headText = document.querySelectorAll('form.catpullbox option.head');
for(let text of headText){
text.textContent = 'MENU';
}
}
</script>
つぶやき 2025.4.28 No.161
JavaScriptの勉強をしてるんですが、練習がてら特定IDのカテゴリを時系列順に並べるやつを書いてみました。
<script>
'use strict';
{
const reverseLinks = document.querySelectorAll('a.cat-illust');
for(let rLink of reverseLinks) {
rLink.href += '&order=reverse';
}
}
</script>
skin-cover.htmlの最後の方の</body>の直前に書き足します。
「a.cat-illust」の「illust」の部分を、時系列順にしたいカテゴリIDにしてください。
複数カテゴリ指定したい場合は「a.cat-illust,a.cat-novel,a.cat-◯◯」…みたいな形にコンマで区切ります。
これで、カテゴリ一覧や記事ごとのカテゴリリンクから飛んだ先の一覧が時系列順になるはずです。当サイトのスキンならだいたいは動くと思う。
ただこれ、[[CATEGORY:TREE]]で出力されたカテゴリ一覧にしかきかないので、セレクトボックス式のカテゴリ選択([[CATEGORY:PULL]や[[CATEGORY:PULL:JS]])があるスキンには使えないんですね…
バグあったりとかもっとうまい書き方あるぞとかあったら教えてください。問題なければちゃんと記事書こうかな。
<script>
'use strict';
{
const reverseLinks = document.querySelectorAll('a.cat-illust');
for(let rLink of reverseLinks) {
rLink.href += '&order=reverse';
}
}
</script>
skin-cover.htmlの最後の方の</body>の直前に書き足します。
「a.cat-illust」の「illust」の部分を、時系列順にしたいカテゴリIDにしてください。
複数カテゴリ指定したい場合は「a.cat-illust,a.cat-novel,a.cat-◯◯」…みたいな形にコンマで区切ります。
これで、カテゴリ一覧や記事ごとのカテゴリリンクから飛んだ先の一覧が時系列順になるはずです。当サイトのスキンならだいたいは動くと思う。
ただこれ、[[CATEGORY:TREE]]で出力されたカテゴリ一覧にしかきかないので、セレクトボックス式のカテゴリ選択([[CATEGORY:PULL]や[[CATEGORY:PULL:JS]])があるスキンには使えないんですね…
バグあったりとかもっとうまい書き方あるぞとかあったら教えてください。問題なければちゃんと記事書こうかな。
つぶやき 2025.4.23 No.160
hokanメモスキン「hokan02」配布
ダウンロード (2025/05/04更新)
>>デモ用サンプル記事
説明
使用素材等
アイコン：Remix Icon
タイトルなどのフォント：Google Fonts M PLUS 2
使い方
※全体の色カスタマイズ方法
「tegalog-hokan02.css」ファイル13行目くらいからの「カスタム用色変更欄」のカラーコードを書き換えてください。
※「メモのタイトル」「メモの概要文」の編集
「skin-cover.html」43行目～を直接書き換えてください。いらない場合は該当部分を削除してください。
※メニューバーの右端にあるホームアイコンリンクの編集
「設定」→「フリースペース」→「フッタ用フリースペース」
※管理ボタン・クイックポスト欄・編集リンク等をログイン時のみ表示にする
「設定」→「投稿欄の表示」→【QUICKPOSTの表示】→☑ログインしている際にのみ表示する
自由装飾はhokanと同じものが入っています。
>>hokanデモサイト自由装飾記事
↑日付境界バーの右にあるアイコンはそれぞれ「この範囲を時系列順で読む」「この範囲をファイルに出力する」リンクです。「設定」→【ページの表示／全体】→「▼日付境界バーの挿入位置」から非表示の設定ができます。
※β版Ver.4.5.3以降でカテゴリごとにスキンを変更できる機能を使う場合
・メインスキンを「hokan」にしている場合等、トップの新着投稿リストからhokan02を適用したカテゴリの単独記事に飛んだとき、表示がメインスキンの方になってしまうので、新着投稿リストに表示するカテゴリを作品投稿カテゴリのみに限定するなどして対処してください。
(公式ページ)新着投稿リストの掲載対象をスキン側で限定する方法（掲載する対象を選択）
表示をあまり気にしないなら、1行目がタイトルになってもいい書き方にしておけばちょっとごまかせます。
・カテゴリ限定表示時にも日付境界バーを表示したい場合は 「設定」→「ページの表示」→【ページの表示／全体】→▼日付境界バーの挿入位置
メインスキンをhokanにしている場合は、日付境界バーはCSSで非表示にしているので他のカテゴリに影響はありません。
・ハッシュタグはてがろぐ全体で共通なので、既にメインスキンでタグを使用している場合は「skin-cover.html」49行目あたりのタグリスト部分は消しておいてください。
カテゴリごとにスキンを変更する機能はまだβ版ということもあり、このスキンではまだ細かい仕様に対応できていない部分もあると思います。バグやご要望等ありましたらお知らせください。
・同デザインの配布物
>>hokan(絵や小説のログを整理・保管できるスキン)
#スキンhokan
更新履歴
2025/05/04 リンクカード用CSS追加
2025/04/08 配布開始
ダウンロード (2025/05/04更新)
>>デモ用サンプル記事
説明
- にししふぁくとりー様で配布されているマイクロブログツール「てがろぐ」用のスキンです。(Ver 4.6.0で動作確認)
- hokanにデザインを合わせたつぶやき・メモスキンとして使用できるようにしています。
- ギャラリーモードはついていません。
- てがろぐ公式の標準スキンを改造して作っています。
- メタタグによる簡単な検索避け付。
- 配布はゆるゆる適当ですが一応利用規約的なものをさらっと読んでおいてください。
使用素材等
アイコン：Remix Icon
タイトルなどのフォント：Google Fonts M PLUS 2
使い方
※全体の色カスタマイズ方法
「tegalog-hokan02.css」ファイル13行目くらいからの「カスタム用色変更欄」のカラーコードを書き換えてください。
※「メモのタイトル」「メモの概要文」の編集
「skin-cover.html」43行目～を直接書き換えてください。いらない場合は該当部分を削除してください。
※メニューバーの右端にあるホームアイコンリンクの編集
「設定」→「フリースペース」→「フッタ用フリースペース」
※管理ボタン・クイックポスト欄・編集リンク等をログイン時のみ表示にする
「設定」→「投稿欄の表示」→【QUICKPOSTの表示】→☑ログインしている際にのみ表示する
自由装飾はhokanと同じものが入っています。
>>hokanデモサイト自由装飾記事
↑日付境界バーの右にあるアイコンはそれぞれ「この範囲を時系列順で読む」「この範囲をファイルに出力する」リンクです。「設定」→【ページの表示／全体】→「▼日付境界バーの挿入位置」から非表示の設定ができます。
※β版Ver.4.5.3以降でカテゴリごとにスキンを変更できる機能を使う場合
・メインスキンを「hokan」にしている場合等、トップの新着投稿リストからhokan02を適用したカテゴリの単独記事に飛んだとき、表示がメインスキンの方になってしまうので、新着投稿リストに表示するカテゴリを作品投稿カテゴリのみに限定するなどして対処してください。
(公式ページ)新着投稿リストの掲載対象をスキン側で限定する方法（掲載する対象を選択）
表示をあまり気にしないなら、1行目がタイトルになってもいい書き方にしておけばちょっとごまかせます。
・カテゴリ限定表示時にも日付境界バーを表示したい場合は 「設定」→「ページの表示」→【ページの表示／全体】→▼日付境界バーの挿入位置
メインスキンをhokanにしている場合は、日付境界バーはCSSで非表示にしているので他のカテゴリに影響はありません。
・ハッシュタグはてがろぐ全体で共通なので、既にメインスキンでタグを使用している場合は「skin-cover.html」49行目あたりのタグリスト部分は消しておいてください。
カテゴリごとにスキンを変更する機能はまだβ版ということもあり、このスキンではまだ細かい仕様に対応できていない部分もあると思います。バグやご要望等ありましたらお知らせください。
・同デザインの配布物
>>hokan(絵や小説のログを整理・保管できるスキン)
#スキンhokan
更新履歴
2025/05/04 リンクカード用CSS追加
2025/04/08 配布開始
配布物 2025.4.8 No.159
既に活用してる方もいらっしゃるかもですが、hokanやtenranのように絵用と文章用の一覧が切り替えられるスキンは、それぞれの一覧を切り替えた別スキンフォルダを作ってしまえば、「カテゴリごとに別スキンを適用」できるβ版の機能で使えるかもしれません。まだちゃんとテストしてないんでアレなんですが、
①スキンフォルダをコピペして別の名前を付ける(「skin-hokan-mozi」等)
②ファイルを「skin-cover.html」「skin-onelog.html」「tegalog-hokan.css」「ichiran-mozi.css」だけにする
③「skin-cover.html」headで読み込む一覧デザインcssを
<link type="text/css" rel="stylesheet" href="ichiran-mozi.css?ver=1.0.0">
にする
④できたスキンを小説カテゴリ等に適用させる
でいけるんじゃないだろうか
ちょうどいいメッセージをいただいたので、hokanデザインでメモスキンを作りがてらカテゴリ別スキン機能のテストをしてみようと思います。何か気付いたこととかバグとか要望があったらご連絡ください。
①スキンフォルダをコピペして別の名前を付ける(「skin-hokan-mozi」等)
②ファイルを「skin-cover.html」「skin-onelog.html」「tegalog-hokan.css」「ichiran-mozi.css」だけにする
③「skin-cover.html」headで読み込む一覧デザインcssを
<link type="text/css" rel="stylesheet" href="ichiran-mozi.css?ver=1.0.0">
にする
④できたスキンを小説カテゴリ等に適用させる
でいけるんじゃないだろうか
ちょうどいいメッセージをいただいたので、hokanデザインでメモスキンを作りがてらカテゴリ別スキン機能のテストをしてみようと思います。何か気付いたこととかバグとか要望があったらご連絡ください。
つぶやき 2025.3.30 No.158
＞03/30 0:33の方へ
メッセージありがとうございます！hokan気に入ってくださって嬉しいです。縦書き装飾作っておいてよかった…お好きにカスタマイズ等してお使いくださいませ。
当サイトの「つぶやき」「返信」カテゴリの表示ですが、これは「skin-onelog.html」でIF文を使って、特定IDのカテゴリの表示を分けています。↓こんな感じです。
そのときの表示状況に応じてページ出力を、IF文で切り替える方法(公式ページ)
これで、「memo〇〇」というIDで作ったカテゴリと他のカテゴリを表示した場合で出力されるHTMLを分けることができます。あとはそれぞれにCSSを当てて見た目を整えています。(ippenのメモ機能もこれと同様です)
実は最近てがろぐ本体のβ版で「カテゴリごとに適用スキンを変える機能」が追加されまして、上記のような改造をせずともご希望の表示にできる可能性があります。
にししさんのFANBOX「てがろぐ Ver 4.5.3 beta版 ：カテゴリ限定表示時に、カテゴリ別に「1ページの表示件数、スキン、先頭固定投稿」を指定できる機能を追加」
(最新β版はVer 4.5.4です)
つまりhokanデザインでブログ(つぶやき)風のスキンがあればいいのでは？と思い、今ちょっと作ってみています。もしご必要なら完成を待ってくださってもいいですし、待たないで自分で改造していただいてもかまいません。(私が作ったスキンがうまくいかない可能性もあるので、その時はご了承ください…)
β版を試してみる場合は、にししさんのFANBOXの記事をよくお読みになり、しっかりバックアップをとってからやってみてください。特にVer 4.5.3の更新はカテゴリ周りの構造が大きく変わったため、不具合が起きたらいつでも戻せるようにしておくのがいいと思います。
畳む
メッセージありがとうございます！hokan気に入ってくださって嬉しいです。縦書き装飾作っておいてよかった…お好きにカスタマイズ等してお使いくださいませ。
当サイトの「つぶやき」「返信」カテゴリの表示ですが、これは「skin-onelog.html」でIF文を使って、特定IDのカテゴリの表示を分けています。↓こんな感じです。
そのときの表示状況に応じてページ出力を、IF文で切り替える方法(公式ページ)
これで、「memo〇〇」というIDで作ったカテゴリと他のカテゴリを表示した場合で出力されるHTMLを分けることができます。あとはそれぞれにCSSを当てて見た目を整えています。(ippenのメモ機能もこれと同様です)
実は最近てがろぐ本体のβ版で「カテゴリごとに適用スキンを変える機能」が追加されまして、上記のような改造をせずともご希望の表示にできる可能性があります。
にししさんのFANBOX「てがろぐ Ver 4.5.3 beta版 ：カテゴリ限定表示時に、カテゴリ別に「1ページの表示件数、スキン、先頭固定投稿」を指定できる機能を追加」
(最新β版はVer 4.5.4です)
つまりhokanデザインでブログ(つぶやき)風のスキンがあればいいのでは？と思い、今ちょっと作ってみています。もしご必要なら完成を待ってくださってもいいですし、待たないで自分で改造していただいてもかまいません。(私が作ったスキンがうまくいかない可能性もあるので、その時はご了承ください…)
β版を試してみる場合は、にししさんのFANBOXの記事をよくお読みになり、しっかりバックアップをとってからやってみてください。特にVer 4.5.3の更新はカテゴリ周りの構造が大きく変わったため、不具合が起きたらいつでも戻せるようにしておくのがいいと思います。
畳む
返信 2025.3.30 No.157
とりあえず、xampp/php/php.ini(htdocs内のxamppフォルダじゃなくて1個上のphpフォルダ内)の「;extension=zip」から行頭の;を外してxamppを再起動したら無事アプデできたので備忘録として書いておく。(よくわからない部分の操作でちょと不安だけど多分大丈夫なはず)
参考：
PHP8/xampp で zip を有効にする
WindowsのPHPを8.2にアップデートしたらClass "ZipArchive" not found
サイト内のてがろぐもアプデしたぞ…バグとか表示おかしいとかあったらご連絡ください。今バージョンで追加されたリンクカードの表示は、新たにCSSを追加しないといけないので、当サイトの既存のスキンではまだ対応できていません。にししさんがてがろぐリリースノート内に追加CSSのコードを用意してくださっているので、お使いのスキンに追加してみてください。
公式ページ：てがろぐ リリースノート