2024年10月 この範囲を時系列順で読む この範囲をファイルに出力する
🍘Re:4740,4743◆日付表記をいろいろ活用して下さってありがとうございます。解決したようで良かったです。(╹◡╹)
🍘Re:4741◆迅速サポートありがとうございます!
🍘Re:4742◆なるほど。解説をどうもありがとうございます。ギャラリーモード用にどんなソースのスキンをお使いなのかが分からないので正確な提案はできないのですが、例えば、figure:nth-of-type(n+5) { display: none; } とCSSを書くと(同じ親要素に含まれる)5番目以降のfigure要素が全部非表示になります。このような装飾を使えば、PICTとIMGをわざわざ使い分けなくても「ギャラリーモードでは4枚目までしか見せない」みたいなことは可能そうに思います。
とはいえ、記事によって見せたい枚数が不定の場合には、この方法は使えませんけども。
画像に付加できる「一覧外」フラグを使うと、その画像は class="embeddedpictbox nolisted" のように nolisted というclass名が付いて出力されますので、このclassがある場合に(ギャラリーモード用スキンでは)非表示にするようにしても良いかもしれません。この場合は、見せたい枚数が記事によって不定でも対応できますね。
ご要望頂いた仕様(=PICT記法と同じように [IMG:*]URL 記法でもサムネイルを見せる機能)もToDoリストには入れておきます。ただ、IMGの方の記法を使って同サイト内の画像を表示する機能は(ほぼ)過去との互換性のために残してあるような感じですので、あまり機能拡張の優先度は高くならない気がしています。なので、当面は上記の方法などをご活用頂ければ幸いです。上記の方法が適用できなさそうなスキンになっている場合は、スキンの詳細を教えて頂ければ別の何らかの解決策を提示できるかもしれません。
🍘Re:4744◆てがろぐのご活用をどうもありがとうございます。削除ボタンを右寄せで表示する設定機能はありますが、そうではなく、削除ボタンは左側のままで投稿ボタンを右側にしたいということですかね。新規投稿/編集画面には自由なCSSを加えられますので、それで投稿ボタンが右側に表示されるよう書いて頂く方法はあります。実現方法は複数ありそうですが、例えば .submitcover { float: right; } というCSSを追加すれば、投稿ボタンは右端に寄ります。
ところで管理画面からの記事編集エディタなのですが、投稿ボタンを右に配置できませんでしょうか?
個人的には削除ボタンが左で投稿ボタンが右のほうが使いやすいです。
過去に似たような質問があったらすみません。
にししさん返信ありがとうございます。
使い分けている理由ですが、順を追って説明していきますと、
①ギャラリーモードをカスタムして、その投稿にある画像がすべてサムネイルで表示されるようにしています(PICT)
②1~4枚程度のときはそれでいいのですが、それ以上の枚数のとき、最初の一枚だけギャラリーモードに表示して(PICT)、残りは表示させないようにしたい(IMG)、というときに使い分けています。
③サムネイルの画像を貼り、そこにfancyBoxのリンクをすることも考えたのですが、IMGだとその方法は使えないようでした(見落としがありましたら申し訳ありません)。
④そのため、今は原寸大画像を縮小表示で無理やりサムネイルにしている状態で、とても重くなってしまっています。
という流れになります。
もし他の方法で同じことが可能でしたらすみません。
例えばですがスキンに
<span class="month">[[DATE:E]]</span>
と書いてCSSで
.month { text-transform: uppercase; }
とするのはどうでしょうか?
横からすいません
便乗で質問させてください
日付の英語表示ですが「October」でなく「OCTOBER」のように大文字で出す方法はないでしょうか?
背後にデザインで薄く入れているんですがもしできるなら大文字を使いたいので😅
パンが安かったのでパンを買うのに夢中になった結果、ピザコーナーの存在を忘却してしまいました。┌(:3」└)┐
🍕Re:4734◆参考までにお尋ねしたいのですが、PICTとIMG記法を使い分けている理由は何でしょうか?
🍕Re:4736◆ああ、確かにプレーンテキストで出力される記法を使っている場合でも、カスタム絵文字に関してはHTMLソースの形で出力されていますね。そこまで考慮できていませんでした。^^; ご指摘ありがとうございます。何か考えます。
🍕Re:4737◆和暦でも洋歴(英歴?)でも日付表示はそこそこ自由にできます。No.4738さんの通り、スキン内で日付を掲載している部分の記述を書き換えるだけです。和暦の場合、単に元号を 令和6年 のように出すだけでなく、1月・2月・3月……を 睦月・如月・弥生……のように和名で表示することもできます。日付はいくつでも併記(表示)できますから、和名と英名を一緒にして 10月(神無月/October) のような盛り表記もできます。需要があるかどうかはともかく。^^;
スキンの編集が必要ですが、書き方の例も(表の後に)7つ掲載していますので、表と合わせて参考にしてみて下さい。
※なお、あくまでも表示が自由にできるだけで、日付を手動入力する場合には YYYY/MM/DD hh:mm:ss 形式固定で書く必要があります。(和暦で入力ができるわけではありません。)
🍕Re:4738◆素早いサポートをありがとうございます!(╹◡╹)ノ
内側スキンの日付のほうを以下に従って書き換えると和暦表示ができると思いますのでお試しください!
投稿日時関連要素
https://www.nishishi.com/cgi/tegalog/custom/#customize...
今まで和暦で手打ちしていたものを転記したいので、可能なら和暦にしたいのですが。
#要望 です。
プレーンテキストとして挿入された文章にカスタム絵文字が含まれている時、絵文字部分がソースコードの文字列になってしまいます。
画像省略時と同様に(絵文字)のように表示できたら嬉しいです!
IMGで書かれた画像も、miniフォルダに同名ファイルがあると、そちらがサムネイルになると有難いと思いました(PICTと使い分けているため)。
とても詳しくありがとうございます!私には難しそうですが試してみます!
こういったサポートがとても手厚く・充実しているところもてがろぐの素晴らしいところだと思います🎉
🍔Re:4730◆対処方法はいろいろありそうですが、例えばIF文での出力条件分け記法を使って、「投稿単独表示時」と「それ以外」とで書き分ければ良いのではないかと思います。◆ナビゲーションが出力されない状況で空行ができてしまうのは、スキンの書き方によって原因が様々なので、実際のページを拝見しないと何とも言い難いです。が、もし <div class="hoge">[[てがろぐ記法]]</div> のように、ある要素の中身に「ナビゲーションを出力するてがろぐ記法だけ」しか含まれないようHTMLを書いているなら、empty疑似クラスを使って、.hoge:empty { display:none; } のようなCSSを書けば解消できる可能性があります。
🍔Re:4731◆詳しい解説をありがとうございます。なんとなくお望みは分かったような気もしますが、「1」と「2・3」に距離があるような気がして、なかなか回答が難しいのですが、とりあえず今の時点で言える点を書きます。
- まず、 [[INFO:NOWCAT:DESCRIPTION]] は外側スキンでだけ使える記法ですから、内側スキン(skin-onelog.html)に書いても認識されません。スキンに書いた [[INFO:NOWCAT:DESCRIPTION]] がそのまま出力されるのはそのためです。
- 内側スキンで、その投稿が属するカテゴリの概要文を出力したい場合は、内側スキンで使える記法の【カテゴリ関連要素】項目で解説している [[CATEGORYLINKS:D]] の記述が使えます。
ご回答ありがとうございます
>>4724 です
1.どのような表示になることをお望みなのか
親カテゴリをcat=novelのようにURL指定したときに、含まれる子カテゴリの概要文を表示したい
2.そのためにどのようにスキンを記述(または設定など)したのか
①URLは(tegalog.cgi?mode=sitemap&order=reverse&cat=novel)で設定しました
②スキンをサイトマップモードに登録しました
③「カテゴリ概要文の入力欄にHTMLの記述を許可する」にチェックをいれる
④skin-onelog.htmlの内容は以下の通りです
[[IF(mode-sitemap -cat-manga):<!--サイトマップモード:小説個別ページ用-->
<section class="logheader [[CATEGORYIDS]]">
<ul class="mokuzi">
<li class="logp[[POSTID]] loginfo"><a href="[[PERMAURL:PURE]]&cat=[[CATEGORYIDS]]">[[COMMENT:LINE:1]]</a><span class="newsign">[[NEW]]</span></li><!-- ←投稿単独ページへのリンク -->
<li><span class="arasuzi">[[INFO:NOWCAT:DESCRIPTION]]</span></li><!--カテゴリ概要文を入れる-->
<li>[[COMMENT:TAGS:SITEMAP]]</li><!--単独記事内のタグを表示する-->
</ul>
</section>
:IF]]
3.今は(意に反して)どのような表示になってしまっているのか
子カテゴリの概要文が[[INFO:NOWCAT:DESCRIPTION]]とでます

QUICKPOSTにカテゴリごとに自動チェックを入れるという神更新があったので、それを生かしたスキンを作りたかった感じです
お手数ですが、よろしくお願いいたします!
追記
全然関係ないのかもしれませんが、ページ内の特定のHTMLコードを検索してhrefを書き換えるコードを入れています
親カテゴリ、小カテゴリを指定したときに半角スペースが入ってリンク切れになるのを防ぐためですm(__)m
コードは以下の通りです
function modifyHref() {
var currentUrl = window.location.href;
var aElements = document.querySelectorAll('a');
aElements.forEach(function(aElement) {
var originalHref = aElement.getAttribute('href');
if (originalHref && originalHref.includes('cat=')) {
var url = new URL(originalHref, currentUrl);
var urlParams = url.searchParams;
var catValue = urlParams.get('cat');
if (catValue && catValue.includes(' ')) {
var newCatValue = catValue.replace(/ /g, ',');
urlParams.set('cat', newCatValue);
var updatedHref = url.toString().replace(/%2C/g, ',');
aElement.setAttribute('href', updatedHref);
}
}
});
}
window.onload = modifyHref;
🧀Re:4720,4723◆解決できて良かったです。4つのヘルプの目次をまとめて掲載しているヘルプ総合目次もご活用頂ければ幸いです。(╹◡╹)
🧀Re:4721◆的確なサポートをありがとうございます!
🧀Re:4722◆No.4725さんがご回答下さっている方法をご活用下さい~。
🧀Re:4724◆以下の3点を教えて頂ければ、何らかの回答ができるかもしれません。
- どのような表示になることをお望みなのか
- そのためにどのようにスキンを記述(または設定など)したのか
- 今は(意に反して)どのような表示になってしまっているのか
🧀Re:4725◆的確なサポートをありがとうございます!②
🧀Re:4726◆リストを作る記法の「1行目の末尾」に余計な空白が含まれているのが原因です。それを取り除けば空行は出なくなります。
▼問題ない記述例1:
[L:🍊:
あいうえお
かきくけこ
さしすせそ
]
▼問題ない記述例2:
[L:🍊:あいうえお
かきくけこ
さしすせそ]
▽その表示(1・2どちらも同じ)
- あいうえお
- かきくけこ
- さしすせそ
▼問題ある記述例:(※「🍊:」の直後に半角スペースが1つあります。)
[L:🍊:
あいうえお
かきくけこ
さしすせそ
]
▽その表示
- あいうえお
- かきくけこ
- さしすせそ
こちらでは、1行目に書かれている [L:🍊: の『2つ目のコロン記号の直後』に余計な半角スペースがあるため、「リスト項目の1つ目は『半角スペース1文字だけがある項目』である」と解釈されて出力されるのです。(※ブラウザ上での見た目では分かりませんが、出力されているHTMLソースを見ると、リスト項目を作るli要素の中に半角スペースが1つだけ出力されています。)
さて、てがろぐ Ver 4.4.3 beta版を利用しているのですが、
- リスト1
- リスト2
- リスト3
のようにすると、リストの一行目が空行になってしまうのでその報告です。
- リスト1
- リスト2
- リスト3
のようにすると一行目からリストになります。
すでに報告があったら申し訳ありません。
てがろぐ カスタマイズ方法 - にししふぁくとりー【ページ移動ナビゲーション要素:リンクを出力】
https://www.nishishi.com/cgi/tegalog/custom/#customize...
多分現在お使いのスキン内の前後ページリンクの記述が[[NAVI:PREVNEXT]] になっていると思いますがこれを
[[NAVI:PREV]](前のページへのリンク)と[[NAVI:NEXT]](次のページへのリンク)に分けて記述してお好きな位置になさるのがいいと思います。
設定の【ナビゲーションリンクの表示】で、「前後の投稿へ移動するリンクを表示する(投稿単独表示時のみ)」という部分がありますが、これが現在だと「左に古い記事」「右に新しい記事」で固定されていると思います。
これを左右入れ替えて、「左に新しい記事」「右に古い記事」にしたいのですが、CGIなどどこかを変えれば可能でしょうか?
もし無理そうでしたら、設定で選べるようにできるよう、検討して頂けますと幸いです。
CGIを複数併用する場合の設定
https://www.nishishi.com/cgi/tegalog/setup/#multiplecg...
ここに全部書いてあるよ
てがろぐを同じサーバーに複数設置を試みたところ、既に設定されたファイルをそのままコピーしたことが災いしたのか、コピーした同士のcookieが競合するようになってしまいました。(コピーした片方にログインすると、もう片方のセッションが切れるという感じです。ログイン数を見るに、ログインし直すと前回のセッションではログアウトされていない扱いになるようです)この競合を解除する方法はありますか?(ユーザーIDの作り直しやpsifの初期化は既に試しました。)
にししさんお忙しい中ありがとうございます!
無事アニメーションがつけられました🙇
🥞Re:4714◆できるだけ好きなようにカスタマイズ可能なようにしていきたいと思ってはいます。なかなか全部一気にとはいかないのでToDoリストは(積ん読と同じように)溜まる一方ですが。^^;
🥞Re:4715◆WordPressのテーマは、自分で1からフルスクラッチで作ったものなら構造を完全に把握できているので追加のカスタマイズなり修正なりも問題ないんですが、他人が作ったテーマの改修を頼まれると(どこがどこに影響しているのかとか)最初に構造を調べる手間が掛かるのでとても時間が掛かりますね。(^_^;)
🥞Re:4716◆「続きを読む」ボタンの開閉はJavaScriptを使って対象のdisplayプロパティの値を切り替えているので、CSSでアニメーションを加えるのは無理かな……という話から別案までが、No.3745~3747に出ていますのでご参照下さい。あと、タイムリーなことに『CSSでdisplay:none;からアニメーションができる! @starting-styleがすべてのブラウザにサポートされました』という記事が先週に出ていました。これを活用するともしかしたら何かできるかもしれません。(何も試してはいないんですが。もし何かできた方がいらっしゃったら、ぜひ教えて下さい。^^;)
🥞Re:4717◆お役に立っているようで嬉しいです。(╹◡╹)ノ 「何でも簡単入力ボタン機能」の登録欄は、おっしゃるとおり外部のテキストエディタで編集してからコピー&ペーストして頂いても何も問題ありません。
増やすのも減らすのも簡単にできてとても良いです。ボタンを増やすためのリストがテキスト形式なので、好きなテキストエディタで編集してコピペできそうなのもとても良いなと思います。
一時的に使いたいボタンも、簡単に登録したり消したりができるので大変助かっています。この機能のおかげでサイトの更新がとても捗っています。ありがとうございます🙏
続きを読むボタンのtransitionが効いていないのが気になり、投稿させて頂きました。
軽く調べたところ、CSSを変えるだけでは有効にすることが出来ないように見えました。
もし可能であれば、transitionが効くようになると嬉しいです(重要なことではないので、後回しで構いません🙇)