🗐 てがろぐ - Fumy Otegaru Memo Logger -

お手軽一言掲示板(この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。)

or 管理画面へ

2024年10月 この範囲を時系列順で読む この範囲をファイルに出力する

NO IMAGE
扇風機を回した方がいいか、回さなくてもいいか、微妙に迷う室温……。

🍔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]] の記述が使えます。
とりあえず上記の記法を使うことで、少なくとも「スキンのソースに書いたてがろぐ専用記法がそのまま表示されてしまう」という問題は解消するはずです。ただ、それで「1」の目的が達成できるのかどうかちょっとよく分かりませんが。「あるカテゴリに限定表示しているときに、その子カテゴリの概要文を表示したい」という場合は、まず概要文を表示するカテゴリツリーを(外側スキンで)作っておいて、その出力HTMLの中から当該階層だけをJavaScriptで抜き出すとか、なんかそんな処理が必要そうな気がします。
Icon of sakura
>>4727
ご回答ありがとうございます
>>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]]とでます
200529.jpg

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;
Icon of admin
>>4725 >>4727
回答ありがとうございます!
ですが申し訳ありません、また問題が出てしまいまして、これだと「前後のページへ移動するリンクを表示する(投稿単独表示時を除く)」のときに、左右(新古)が逆になってしまいます。
また、ナビゲーションが何も表示されないときに、空白の一行が出来てしまいました。
これらは解決策はありますでしょうか?何度も申し訳ございません。
NO IMAGE
日付が変わってしまった……。
ついこの前10月になったばかりだったハズなのに、なぜもう10月中旬なのか……。_(┐「ε:)_

🧀Re:4728Re:4726)◆Amazonの商品URLを自動で短くする機能がお役に立っているようで嬉しいです。あの機能は完全に自分のためだけに作ったんですが、私以外にも活用している人が居るんだな、と初めて知りました。(笑)
Icon of admin
>>4727
>>4726 です。空白に気づきませんでした、ありがとうございます!
NO IMAGE
もしかして、明日から10月中旬……?

🧀Re:4720,4723◆解決できて良かったです。4つのヘルプの目次をまとめて掲載しているヘルプ総合目次もご活用頂ければ幸いです。(╹◡╹)
🧀Re:4721◆的確なサポートをありがとうございます!
🧀Re:4722No.4725さんがご回答下さっている方法をご活用下さい~。

🧀Re:4724◆以下の3点を教えて頂ければ、何らかの回答ができるかもしれません。
  1. どのような表示になることをお望みなのか
  2. そのためにどのようにスキンを記述(または設定など)したのか
  3. 今は(意に反して)どのような表示になってしまっているのか

🧀Re:4725◆的確なサポートをありがとうございます!②
🧀Re:4726◆リストを作る記法の「1行目の末尾」に余計な空白が含まれているのが原因です。それを取り除けば空行は出なくなります。

▼問題ない記述例1:
[L:🍊:
あいうえお
かきくけこ
さしすせそ
]

▼問題ない記述例2:
[L:🍊:あいうえお
かきくけこ
さしすせそ]

▽その表示(1・2どちらも同じ)
  • あいうえお
  • かきくけこ
  • さしすせそ


▼問題ある記述例:(※「🍊:」の直後に半角スペースが1つあります。)
[L:🍊:
あいうえお
かきくけこ
さしすせそ
]

▽その表示
  • あいうえお
  • かきくけこ
  • さしすせそ

こちらでは、1行目に書かれている [L:🍊: の『2つ目のコロン記号の直後』に余計な半角スペースがあるため、「リスト項目の1つ目は『半角スペース1文字だけがある項目』である」と解釈されて出力されるのです。(※ブラウザ上での見た目では分かりませんが、出力されているHTMLソースを見ると、リスト項目を作るli要素の中に半角スペースが1つだけ出力されています。)
Icon of admin
いつもお世話になっています。Amazonの商品URLを自動で短くする機能、テキスト画像リンク:LBなど痒いところに手が届く機能が実装されてとても嬉しいです。
さて、てがろぐ Ver 4.4.3 beta版を利用しているのですが、
  • リスト1
  • リスト2
  • リスト3

のようにすると、リストの一行目が空行になってしまうのでその報告です。
  • リスト1
  • リスト2
  • リスト3

のようにすると一行目からリストになります。
すでに報告があったら申し訳ありません。
Icon of admin
>>4722
てがろぐ カスタマイズ方法 - にししふぁくとりー【ページ移動ナビゲーション要素:リンクを出力】
https://www.nishishi.com/cgi/tegalog/custom/#customize...
多分現在お使いのスキン内の前後ページリンクの記述が[[NAVI:PREVNEXT]] になっていると思いますがこれを
[[NAVI:PREV]](前のページへのリンク)と[[NAVI:NEXT]](次のページへのリンク)に分けて記述してお好きな位置になさるのがいいと思います。
Icon of sakura
質問失礼します。
現在カテゴリ情報要素なのですが、親カテゴリをサイトマップで指定(tegalog.cgi?mode=sitemap&cat=novel)したときに子カテゴリーの[[INFO:NOWCAT:DESCRIPTION]]要素がそのまま出てきてしまいました
子カテゴリー含めて概要文を出すときは個別設定しか方法はないのでしょうか?
カテゴリ設定はこんな形です
195300.jpg
Icon of tomoyo
>>4721>>4720 です。
ありがとうございます。見落としてました…!FAQにあるとばかり思いこんでいましたm(__)m
無事共存できました!
Icon of admin
質問失礼します。
設定の【ナビゲーションリンクの表示】で、「前後の投稿へ移動するリンクを表示する(投稿単独表示時のみ)」という部分がありますが、これが現在だと「左に古い記事」「右に新しい記事」で固定されていると思います。
これを左右入れ替えて、「左に新しい記事」「右に古い記事」にしたいのですが、CGIなどどこかを変えれば可能でしょうか?
もし無理そうでしたら、設定で選べるようにできるよう、検討して頂けますと幸いです。
Icon of admin
>>4720
CGIを複数併用する場合の設定
https://www.nishishi.com/cgi/tegalog/setup/#multiplecg...
ここに全部書いてあるよ
Icon of tomoyo
>>4692 です。前回は返信ありがとうございました。
てがろぐを同じサーバーに複数設置を試みたところ、既に設定されたファイルをそのままコピーしたことが災いしたのか、コピーした同士のcookieが競合するようになってしまいました。(コピーした片方にログインすると、もう片方のセッションが切れるという感じです。ログイン数を見るに、ログインし直すと前回のセッションではログアウトされていない扱いになるようです)この競合を解除する方法はありますか?(ユーザーIDの作り直しやpsifの初期化は既に試しました。)
Icon of admin
>>4718
にししさんお忙しい中ありがとうございます!
無事アニメーションがつけられました🙇
NO IMAGE
もう10月が1週間も過ぎたのか……。はやい……。_(┐「ε:)_

🥞Re:4714◆できるだけ好きなようにカスタマイズ可能なようにしていきたいと思ってはいます。なかなか全部一気にとはいかないのでToDoリストは(積ん読と同じように)溜まる一方ですが。^^;

🥞Re:4715◆WordPressのテーマは、自分で1からフルスクラッチで作ったものなら構造を完全に把握できているので追加のカスタマイズなり修正なりも問題ないんですが、他人が作ったテーマの改修を頼まれると(どこがどこに影響しているのかとか)最初に構造を調べる手間が掛かるのでとても時間が掛かりますね。(^_^;)

🥞Re:4716◆「続きを読む」ボタンの開閉はJavaScriptを使って対象のdisplayプロパティの値を切り替えているので、CSSでアニメーションを加えるのは無理かな……という話から別案までが、No.3745~3747に出ていますのでご参照下さい。あと、タイムリーなことに『CSSでdisplay:none;からアニメーションができる! @starting-styleがすべてのブラウザにサポートされました』という記事が先週に出ていました。これを活用するともしかしたら何かできるかもしれません。(何も試してはいないんですが。もし何かできた方がいらっしゃったら、ぜひ教えて下さい。^^;)

🥞Re:4717◆お役に立っているようで嬉しいです。(╹◡╹)ノ 「何でも簡単入力ボタン機能」の登録欄は、おっしゃるとおり外部のテキストエディタで編集してからコピー&ペーストして頂いても何も問題ありません。
Icon of admin
何でも簡単入力ボタン機能がとてもとても便利で助かっています。
増やすのも減らすのも簡単にできてとても良いです。ボタンを増やすためのリストがテキスト形式なので、好きなテキストエディタで編集してコピペできそうなのもとても良いなと思います。
一時的に使いたいボタンも、簡単に登録したり消したりができるので大変助かっています。この機能のおかげでサイトの更新がとても捗っています。ありがとうございます🙏
Icon of admin
いつもお世話になっております。
続きを読むボタンのtransitionが効いていないのが気になり、投稿させて頂きました。
軽く調べたところ、CSSを変えるだけでは有効にすることが出来ないように見えました。
もし可能であれば、transitionが効くようになると嬉しいです(重要なことではないので、後回しで構いません🙇)
Icon of sakura
仕事で、Wordpressで構築されたショッピングサイトをごくごく軽くいじるんだけど、全然知識がないせいで何がどこにあって何をどうするのかまったく分からず常に試行錯誤。
仕事のサイトなので、下手に何かして使えなくなったら困るので、やれること以上のことは素直にこれを作ったプロの人に任せるけど、それにしてもWordpressのこの使いにくさよ、といつも思う。
てがろぐで同じことができるのでは???と実は内心思ってるけど、むしろにししさんにお願いしたい気持ちだけど、ちょっと事情が許さないので無理だけど。
買ってもらうためのアピールと言うのが売りなわけなので、そのセンスも知識もない素人がちょっとここで愚痴。
ちょっとしたお知らせ用に、フレームでてがろぐ置けませんかね?って、管理してる人に言いたい。言いたい。と思ったら、BLOGとかリンクを作ってもらって、てがろぐを貼ると言う手があるか(ちょっと真剣に考える顔)。
このちょっとしたお知らせをしたい時にすぐできる作りじゃないこのサイト、色々アイデア出して作り直したい(無理)。

いやほんとWordpressとか使うと、てがろぐがどれだけ手厚いか思い知る。ありがとうございます。仕事のサイト用にカスタマイズできて、リンク貼ってもらえたらご連絡します(アイデア提出の段階で蹴られるとは思いますが、気持ちだけ)。
Icon of sakura
かゆいところに手が届き過ぎて平伏。
Icon of admin
>>4707です。お忙しい中ご返信ありがとうございます、アップデート楽しみにしています!直近じゃなくても、TODOではなくても構いませんので、いつか月曜始まりにできたらとても嬉しいです!
Icon of sakura
>>4710です。にししさん返信ありがとうございます。こちらの方法で無事にキャプションの表示が出来ました!ありがとうございます!🙇
NO IMAGE
昼食はピザ。🍕🍕🍕
今日も涼しいようで助かります。このまま秋になるか……?

🍕Re:4709◆ご要望をありがとうございます。需要があると分かって嬉しいです。1からフルスクラッチで開発中ですので、まだ早々にはリリースできませんが、気長にお待ち頂ければ幸いです。(╹◡╹)
🍕Re:4710◆Fancyboxでキャプションを表示するには、下図の緑色矢印の先にある『代替文字がある場合にキャプションを作る属性名』欄に(デフォルトのdata-titleではなく)data-captionと入力して下さい。なお、FancyboxのキャプションはLightboxとは違って(たぶん)画面の下端に表示されます。
Fancyboxでキャプションを表示したい場合
Fancyboxでキャプションを表示したい場合

Icon of sakura
にししさんこんにちは。
#質問 です。ギャラリーモードで画像拡大する際にこちらの方法でFancyboxを使用しているのですが、画像の下にキャプションを付ける方法があれば教えていただきたいです。よろしくお願いします。
Icon of admin
こんにちは!いつもてがろぐを楽しく使わせていただいています。
画像展示についての>>4698さんの希望、私もすごくほしいなと感じました。これがあると、絵を載せやすくなりそうです。ぜひ検討していただけたらと思います!
応援しています!
NO IMAGE
今日は雨が降っていたのでそこそこ涼しかった気がします。このまま秋になってくれるのかどうか……?

🍩Re:4707◆さんごよみのご愛用をどうもありがとうございます! さんごよみは滅多に反応を頂かないので、お役に立っていると分かって嬉しいです。(╹◡╹) まあ反応がないのは、ここ1年半くらいアップデートしていないから、というのもあるかもしれませんが。^^; 今、ローカルでは機能増強しつつありますので、そう遠くないうちに次のバージョンを出せるつもりではいます。◆さて、カレンダーの月曜始まりについては、ちょっと最初の設計段階で(深く考えていなかったので)日曜始まりを前提にしてしまっていまして、直近での実装は今のところ予定していません。やはり、月曜始まりにしたいですかね?(^_^;) 他にも「箱形カレンダーではなく、線形リストで表示したい」というようなご要望も頂いていて、どちらかというとそっちの方が先にできそうな気もしています。とはいえ、月曜始まりが良い、というご要望があるようなら、ToDoリストには入れておきます。
Icon of admin
はじめまして、さんごよみを愛用させていただいている者です。
家族の共有カレンダーとして、こういったものに疎い家族も使いやすいと言っておりスケジュールが共有しやすくなりとても助かっています。本当にありがとうございます!

早速申し訳ありません。今後の開発についての質問なのですが、月間スケジュール表示を月曜始まりに変更できるような機能、もしくはカスタマイズなどは検討されていますでしょうか?
NO IMAGE
10月になりましたが、秋はまだ来ないっぽいですね……。┌(:3」└)┐

🍩Re:4702,4◆解決したようで良かったです。「画像の下に謎の空白が……!」というのはもう「Webあるある」なので解決策はたくさんあります。どの解決策が使えるかは、そのページの他の装飾次第ですが。
🍩Re:4703◆懐かしい記事を発掘して下さってありがとうございます。(^_^;) 更新日は2015年になっていますが、たぶん最初に書いたのはもっと昔だと思います。

🍩Re:4705◆おそらく、画像一覧モードではなく、ギャラリーモードの方ですね? 画像一覧モードは本当に画像だけを一覧するので「1枚目」とかそういう概念がありませんので。
さて、Lightboxのキャプションにリンクを挿入する件ですが、現在の(てがろぐ側の)仕様では「postid=xx」の「xx」を出力する機能がありませんので、残念ながらその方法は使えません。
ただ、Lightboxのキャプションを使うのではなく、単にギャラリーモードで表示される画像を、記事ページへのリンクにすれば良いだけのような気がするのですが。そういうことではないんですかね……? ちょっとお望みの動作を私が正確に認識できていないかもしれませんが。

標準添付のギャラリーモード用スキンでは、画像をクリックすると画像が拡大されるだけですが、スキンを修正すれば「画像クリックでその記事ページに飛ぶ」ようにもできます。
Ver 4.4.2β以降をご使用頂けば、表示される画像を原寸画像へのリンクにするかどうかをギャラリーモードだけ個別に設定する方法が使えます。これを使って『原寸画像へのリンクにしない』よう設定しておけば、 <a href="[[PERMAURL:PURE]]">[[ONEPICT:1]]</a> のようにスキンを書くだけで、「その記事の1枚目の画像」が「その記事ページへのリンク」になります。(※Ver 4.4.2βよりも前のバージョンを使ったり、Ver 4.4.2β以降でも先のリンク先(解説)にある事前設定することなく上記の書き方を使うと、出力がおかしくなりますのでご注意下さい。)

なお、そのような動作になるスキン(Ver 4.4.2β以前のバージョンでも機能するようなスキン)を配布している方々も多々いらっしゃいますので、参考になさると良いのではないかと思います。
Icon of admin
はじめまして。ローカルで動作確認をしながら設定をいじっているのですが、自己解決できない事があり質問します。

【状況】
Lightboxのキャプション(data-title)にリンクを挿入したいが、imgのaltにもdata-titleと同じ値が出力されるため上手くいかない

画像一覧モードでイラストを展示したいのですが、細々としたイラストは1記事にまとめて投稿しておき、画像一覧ページには1枚目のみ掲載〜キャプション内リンクから該当記事に飛ぶようにしたいと思っています。そこで上記を試しましたが失敗に終わりました。

Lightboxで表示する画像に対してalt属性を出力しなければ上手くいくのでは?と思いスキンファイルから該当altを削除ましたが、変化なく出力される状態です。出力されるものは下記の感じです。

<a class="xxx " href="xxx" data-lightbox="tegalog" data-title="<a href=’?postid=xx'>リンク</a>"><img class="xxx " width="xxx" height="xxx" loading="lazy" src="xxx.jpeg" alt="<a href=’?postid=xx'>リンク</a>">

解決にはcgi本体の編集が必須でしょうか?それともスキン側で工夫すれば何とかなるものでしょうか?解決策があれば是非とも知りたいです。よろしくお願いします。
Icon of admin
4703
ありがとうございます、解決しました!
vertical-alignは色々試していたのですが、bottomはまだでした!お恥ずかしいです…

■フリースペース:

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン:標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキンてがろぐCGIの配布ページに戻る

編集

■複合検索:

  • 投稿者名:
  • 投稿年月:
  • #タグ:
  • カテゴリ:
  • 出力順序:

■新着画像リスト:

Perlのバージョンを上げる設定(さくらインターネット)

全318個 (総容量 36.17MB)

■日付一覧:

■日付検索:

■カレンダー:

2024年10月
12345
6789101112
13141516171819
20212223242526
2728293031

■最近の投稿:

最終更新日時:
2025年6月18日(水) 00時16分22秒〔16時間前〕

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「昔のツイッターっぽいスキン(ブルー)」です。他に、 標準スキン昔のツイッターっぽいスキン(ピンク)付箋型スキンシンプル日記スキンジャーナル(日誌)スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンチャットタイプスキンがあります。
てがろぐCGIの配布・解説ページに戻る