2024年6月 この範囲を時系列順で読む この範囲をファイルに出力する
カテゴリ「あ」に属する投稿を、カテゴリツリーから「あ」を選択したときにのみ表示、アクセスできるようにさせるにはIF文では難しいですか?やろうとしているのですが[[IF(selected-cat cat-a):中身:IF]]中身の部分になんとかいたらよいのか……(そもそもこの書き方が違うのかもですが……;;)
🧀Re:4504◆現状のバージョンでどうにかするとしたら、もし時系列順で表示するのが小説だけなのであれば、時系列順 の表記登録を 小説 にすれば、「人間失格(小説)」となって、さほど違和感はないのではないでしょうか? 連載小説 とすれば、「人間失格(連載小説)」となって、複数投稿に分割されていることがむしろ分かりやすいかも知れませんし。もしくは 連載順 とか 話数順 とか。「連載順」なら掲載するのが小説だけではない場合でも、あまり違和感なく済むかもしれませんね。
ちなみに、『見出しの表示をもう少しだけ柔軟に変更できると利便性が増してありがたい』という点は、「見出し」関連でどんな機能があれば便利でしょうか? 参考までに例を挙げて頂ければ、今後の開発の参考にさせて頂きます。
やはり(時系列順)という表示を省略することはできないのですね。
(^_^)と出力させるのは面白いのですが、タイトルの末尾に(^_^)が付くと煽ってる感がありますね(笑)「人間失格(^_^)」とか「推し、燃ゆ(^_^)」とか。ホラー作品だと、まったく怖くなくなりそうです😅
時系列順に表示させることは諦めて、完結済の作品については最終話から投稿することにします。連載中の作品は面倒ですが、投稿日を細工して一括編集でソートしてどうにかします。小説の公開に利用している方もそれなりにいらっしゃるようなので、表示順を設定から選択できるとか、見出しの表示をもう少しだけ柔軟に変更できると利便性が増してありがたいです。
とはいえ、もう「てがろぐ」なしではサイトの運営ができないほどに利用させていただいていますので、にししさんには感謝の言葉もありません。
本当にありがとうございます🙇♀️
🥟Re:4501◆ご活用をありがとうございます! お役に立っているようで嬉しいです。(╹◡╹)ノ
🥟Re:4502◆その表示を省略する機能は今のところないのですが、「時系列順」という表記内容は、管理画面の[設定]→[ページの表示]→【システムメッセージ・表示用語】→「表示順序を示す用語」項目で設定した名称が使われます。なので、ここから当たり障りのない名称に変更しておく方法はあります。例えば 時系列順 ではなく ^_^ と指定しておくと (^_^) と出力されます。┌(:3」└)┐
以前、下書きの場合にもリンクが表示される件と、[[NAVI:PREVNEXT]]でPREVとNEXTが個別にレイアウトできると嬉しいと投稿した >>4062 です。
その後のバージョンアップで全て解決してくださっていて、感激しました。本当にありがとうございました。
今回は【状況に応じた見出し】について質問させてください。
てがろぐを利用して小説を公開しているのですが、order=reverseを利用して時系列順に表示させています。
表示形態は「列挙」に設定してカテゴリ名(=作品タイトル)のみが表示されるようにしているのですが、ブラウザタブに「カテゴリ名(時系列順)」と表示されてしまうのです。この「(時系列順)」という文言を表示させないような方法はないでしょうか。
にししさんありがとうございます!!!
何となく見逃していました...ありがとうございました!!
カテゴリ別URLの末尾に &mode=rss を加えるだけです。
例:
- カテゴリ「メモ」のRSS ➡ https://~/tegalog.cgi?cat=memo&mode=rss
- カテゴリ「情報」のRSS ➡ https://~/tegalog.cgi?cat=info&mode=rss
- カテゴリ「日記」のRSS ➡ https://~/tegalog.cgi?cat=diary&mode=rss
※使い方・設定方法ページの「条件を限定したRSSフィードの出力」項目もご覧下さい。
質問があります。カテゴリーごとにRSSフィードを分けることは可能だと思いますか?例えば、「メモ」カテゴリーだけのRSSがある。
検討いただければうれしいです。
🥟Re:4490◆具体策をどうもありがとうございます。管理画面は元々カラーテーマのようにカスタマイズすることを一切考えずに作ってたこともあって、なかなか装飾の調整は面倒だろうな、という気はしています。(^_^;) 最初から配色カスタマイズを前提にして製作していたら、もうちょっと違ったとは思うんですけどもね。当初はそこまで思い至っていなかったのでした。
🥟Re:4491◆画像を長押ししたときにメニューが開くのはブラウザ側の機能なので、てがろぐ側(Web側)でどうにかするのは難しそうな気がします。画像はリンクにしない状態で掲載しておいて(ポインターイベントを無効化しておいて)、「リンク先の画像をLighboxで開くテキストリンク」を設ける方法を使うくらいでしょうかね……? ➡『画像を直接埋め込まずに、画像へのテキストリンクとして掲載しつつ、リンク先の画像はLightboxで見せたい場合の書き方』
◆なお、Lighboxでは、拡大された画像を <img class="lb-image" ~> のようなHTMLで表示していますので、このclassだけをターゲットにしてポインターイベントを無効化すればお望みの動作(Lighboxによって拡大された画像を長押ししてもブラウザ側のメニューが出なくなる動作)になるかもしれません。
つまり、.lb-image { pointer-events: none; } ということですが。
◆もしくは、Lighbox以外の画像拡大スクリプトをお使いになる手もあるかもしれません。(設定で任意のスクリプトに切り替えられます。➡『Lightbox以外の画像拡大スクリプトを読み込んで使う方法』)
🥟Re:4493◆何でもダークモードにしてくれるアドオンもあるんですねえ。任意のWebの明暗を反転させるのは、言葉では簡単そうですけどもなかなか(見やすさを確保した上でそうするのは)大変そうな気がしますので、その辺も自動でうまくしてくれるのなら、かなり手間が省けますね。
🥟Re:4495◆そうですね。そのスキンに付随する設定項目がすべて本番確定されてしまうバグでしたので、(ギャラリーモードとサイトマップページモードに関しては)管理画面の補助出力で「1ページあたりに表示される投稿数」・「日付境界バーを挿入するかどうか」・「該当件数とページ番号を表示するかどうか」の設定も可能でしたから、これらも上書きされてしまう動作になっていました。今回のバージョンで、それらも一括解消されています。(要は、設定が上書き保存されてしまわないように修正しましたので。) てがろぐのご活用をどうもありがとうございます!(╹◡╹)ノ
スキンが勝手に外れてしまう&記事の1ページ辺りの表示数を管理画面で指定すると、元に戻ってしまうという状況になっていました。
サイトマップとページの所の2つでした。
直接指定スキンに記述して回避していたのですが、今回の修正で後者もよくなってる気がします。
ずっとおま環かと思ってましたが、今度おかしなことがあれば原因がわからなくても報告を上げようかと思います。
てがろぐは創作の公開用や自分趣味部屋などで重宝しています。
作ってくれてありがとうございます🙏✨
にししさん、>4490さん、4493さん
ユーザーCSSの拡張機能やコードを教えていただきありがとうございます。
そういう機能があることを知りました。便利ですね。
おかげで眩しくなくて使いやすいです。
ありがとうございました。
ユーザーCSSならStylusが良いと思いますが、個別にCSSを書かなくてもほぼどこでもダークモードにできる拡張機能もありますよ。
私はDark Reader を使っています。
簡単に済ませたい場合はこういうのでもいいかなと
現在、画像を投稿をすると画像は自動的にURLが発行され、長押し(スワイプ)すると画像のURLをコピーして画像のみを別窓で画像のみを開けるようになってると思います。
それをオフにしたいのですがCSSに『 img{pointer-events: none; }』を記入してしまうと、lightboxの画像サムネイル画像タップ→大きく表示ができなくなってしまいます。これ以外の方法で画像長押しオフにする方法はありますか?
また、要望になってしまいますがもし可能でしたらlight boxの詳細機能の中で画像の長押し(スワイプ)のみを有効/無効の切り替え機能が欲しいです…
ユーザーCSSの拡張機能は私も「Stylus」がおすすめです。
自分用に作った管理画面をダークモードにするCSSがあるので、こちらに貼っておきます。
※ただしカラーテーマが適用されなくなります(カラーテーマごとに書き換えはしていないので)。ところどころ未対応のまま放置しています……(笑)。
body {
background-color: #121212 !important;
color: #e9eef4 !important;
}
a,
#copyright a:link,
.shortcutlinklist li a {
color: #99ccff;
}
a:visited,
#copyright a:visited {
color: #3399ff;
}
.shortcutlinklist li a {
color: #99ccff !important;
}
#contents {
background-color: #181818 !important;
border-color: #444 !important;
}
#header {
background-color: #353535 !important;
color: #fff !important;
border-bottom-color: #444 !important;
}
textarea.tegalogpost {
background-color: #202124 !important;
color: #e9eef4 !important;
}
.decoBtns input {
background-color: #424242 !important;
color: #fff !important;
}
.decoBtns input:hover,
.btnlink:hover,
.adminhome a:hover {
background-color: #777 !important;
border-color: #0078d7 !important;
}
.adminhome a {
background-color: #424242 !important;
color: #fff !important;
}
.appname a {
color: #5cbd5c !important;
}
.deleteButton:hover {
background-color: #caaf87 !important;
color: crimson !important;
border-color: crimson !important;
}
fieldset,
.helpbox .help {
background-color: #202124 !important;
border-color: #666 !important;
}
.systemhelpbox,
.noticebox,
.categoryTreeBox {
background-color: #35352b !important;
border-color: #777 !important;
}
.shortcuslinkbox {
background-color: #282828 !important;
}
.helpbox .help {
fill: #9cf !important;
}
.helpbox .help:hover {
background-color: #515141 !important;
}
.situationPreviewBox {
background-color: #222220 !important;
color: #0c9f0c !important;
border-color: #880 !important;
}
table.standard th {
background-color: #4f5b4f !important;
}
.btnlink {
background-color: #484848 !important;
color: #fff !important;
}
.important {
color: #ff4141 !important;
}
.tab {
border-color: black !important;
background-color: #424242 !important;
color: #e1e1e1 !important;
}
.tab:hover {
background-color: #4e624e !important;
color: lime !important;
cursor: pointer !important;
}
#tabcontent1,
input:checked+#tab1,
#tabcheck1:checked~#tabbtm1 {
background-color: #4d3333 !important;
}
input:checked+#tab1,
#tabcheck1:checked~#tabbtm1 {
color: #ff7c7c !important;
}
#tabcontent2,
input:checked+#tab2,
#tabcheck2:checked~#tabbtm2 {
background-color: #424231 !important;
}
input:checked+#tab2,
#tabcheck2:checked~#tabbtm2 {
color: #acac13 !important;
}
#tabcontent3,
input:checked+#tab3,
#tabcheck3:checked~#tabbtm3 {
background-color: #494f3a !important;
}
input:checked+#tab3,
#tabcheck3:checked~#tabbtm3 {
color: #9ed200 !important;
}
#tabcontent5,
input:checked+#tab5,
#tabcheck5:checked~#tabbtm5 {
background-color: #576260 !important;
}
input:checked+#tab5,
#tabcheck5:checked~#tabbtm5 {
color: #00ffc6 !important;
}
#tabcontent4,
input:checked+#tab4,
#tabcheck4:checked~#tabbtm4 {
background-color: #565664 !important;
}
input:checked+#tab4,
#tabcheck4:checked~#tabbtm4 {
color: #01016f !important;
}
.imageuploadarea {
background-color: #626255 !important;
}
.embcode {
background-color: #464a46 !important;
}
.nowHover {
background-color: #66665e !important;
}
.nowHover .embcode {
background-color: #7d7d65 !important;
}
form.export {
margin: 1em 0 !important;
padding: 1em !important;
background-color: #3a3c3a !important;
}
.scrollBtns a:link {
color: #fff !important;
line-height: 1 !important;
text-align: center !important;
}
.inputguide {
color: #9b9b9b !important;
}
legend a {
color: #fff !important;
}
.sessionguide {
color: #aaa !important;
}
.systemmenucategory {
color: #0bb !important;
}
.categoryTree {
background-color: #484840 !important;
border-color: #666 !important;
}
.categoryOptions {
background-color: #484840 !important;
}
/* TegUp */
.localver {
background-color: #272827 !important;
color: #00b000 !important;
}
.latestver {
background-color: #262628 !important;
color: #88f !important;
}
.subGuide {
color: #999 !important;
}
.taskLog {
background-color: #212121 !important;
border-color: #444 !important;
}
.taskLog li:nth-child(2n) {
background-color: #2b2b2b !important;
}
.taskLog time {
color: #8484ff !important;
}
.taskLog i {
color: #00a5bd !important;
}
.themeKRM .systemmenu li a {
background-image: linear-gradient(0deg, #1e1e1e, #353535);
}畳む
🍕Re:4488◆特定のWebに自分の好きなCSSを追加できる「ユーザースタイルシート」という機能をブラウザに加えるアドオンがいくつか出ています。そういうのをお使いになれば、何でも好きなCSSを管理画面に加えられますのでご活用下さい。あくまでも「自分の使っているブラウザだけ」でしか適用されませんが(=他の閲覧者には一切影響しませんが)、自分だけが使う管理画面の装飾を調整したいだけならそれで事足りるのではないかと思います。ユーザースタイルシート機能を加えてくれるアドオンについては、Geminiに尋ねてみた結果もご参照頂くと良いかもしれません。
要望なのですが、管理画面のテーマにダークカラーを実装してほしいです。
新規投稿/編集画面にCSSを適用できるのですが、それ以外の所がまぶしくて長時間画面が見られません。
それか管理画面の色だけでもこちらで好きに設定できるようにしてほしいです。
よろしくお願いいたします。
2024年5月 この範囲を時系列順で読む この範囲をファイルに出力する
🆕 Ver 4.3.1βの更新点(概要):
《▼新機能》
🌺鍵付き投稿で、本文の1行目だけでなくさらに2行目も常時見せるようにできる設定機能。
🌺ログイン者限定動作時にTOPに表示されるメッセージを自由に書き換える機能。
《▼仕様改善》
🌸任意のディレクトリにあるスキンを手動指定できる設定項目を、条件によっては非表示にするよう改善。
《▼不具合修正》
❎ある条件を満たすと『簡易適用スキンの設定が勝手に切り替わってしまう』バグ(表示上の問題)を修正。(※Ver 3.9.3β以降すべてに存在したバグ)
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス:
Mastodon(Pawoo)
Bluesky
Twitter:
(ツイート埋め込み処理中...)Twitterで見る
現在非公開てがろぐを、「iOSからでもWindowsからでも機種問わずアクセスできて同期できるオンラインメモ帳」として使っております。
iPAD+Windowsで同期できるメモアプリはあれもこれも試しましたが、今のところつぶやき感覚で気軽に投稿できるのが気に入っています。同期できるタイプのオンラインメモ帳、会社によっては画像が貼れなかったり気楽に書けなかったり台数制限があったり、と欠点があるので、てがろぐは大変気に入っております~
🥞Re:4478◆結果報告をどうもありがとうございます。&で繋ぐと消えてしまう理由が分かりませんが、とりあえずうまく動作するようになったのなら良かったです。^^
🥞Re:4479◆もしかして、ローカルにあるスキンをアップロードできる欄だと誤解された、とかですかね……? この欄は、サーバ上に存在するスキンのうち、「tegalog.cgiのあるディレクトリの直接のサブディレクトリ」以外にあるスキンを適用するためにある欄なので、ローカルのフォルダ名を入れても機能しません。ちょっとこの欄は確かによくよく考えると紛らわしいので、もうちょっと何かUIを考え直したいと思います。
🥞Re:4480◆リスト機能を使うと(リストページを見ると)、リストの上部に今でもTwitter Birdが見えるんですよね。リストの画像を自前でアップロードしていない場合は。そこも残り続けて欲しいです。
🥞Re:4481◆機能としては存在しないんですが、要は imagelink というclass名の付いたa要素すべてに target="_blank" の属性を加えれば良いので、外側スキンのHTMLソースの下端に以下のようなJavaScriptを書けばお望みの動作になると思います。
<script>
const links = document.querySelectorAll('a.imagelink');
links.forEach(link => {
link.setAttribute('target', '_blank');
});
</script>
このソースをそのまま使う場合は、ページの末尾付近に加えて下さい。(もしhead要素内とかに書きたい場合は、「HTMLの読み込みが終わってから実行」されるような工夫を加える必要があります。)
画像を(原寸画像への)リンクにする→クリックで別タブで原寸で開いてほしいのです
「~からTwitterを利用しています」はiOS版が「X」に置き換わっているっぽいです(私はTwitterからアップデートしてないので他人のを見ただけですが)。
あとTwitterが残っているのは、通知の「@ツイート」、検索の「話題のツイート」くらいですかねえ……。
この3つが置き換わるのはいつ頃になるでしょうか。長く生き残ってほしいものですが。
教え頂いた方法でなんとかなりました
どんな操作をしてなったかですが、普通に「CGI本体より浅いディレクトリにあるスキンを指定~」の設定をしないまま、「任意のディレクトリにあるスキンを手動指定:」の部分にディレクトリ名を記入したらなりました……;;
「D:/a/b/てがろぐフォルダ/tegalog関係一式のあるフォルダ/skin2」(適用しようとしたスキンの入ってるフォルダ)みたいな感じの構成でそのまま入力欄にこれを入力した記憶があるのですがこれが間違ってたのかも知れないです
前にも一回なって、その時はてがろぐのディレクトリ丸ごと消してやり直してまた今回なったって感じです
にししさんご教示ありがとうございます。
スムース展開は難しいんですか。とても残念です。
要望になってしまうのですがHTMLのみで実現していただきたいです。おっしゃる通り、CSSやJavaScriptで装飾いたしますので。
ただそうなった場合、HTMLで出力するとなったら自動でページIDをIDとして付番していただきたいです。昔JavaScriptを使わないでスムーススクロールを実装したときに、IDを付与しなければうまく動かなかったので……。
ふだん
<a href="https://twitter.com/intent/tweet?url=[[PARMAURL:PURE:FULL]]&text=[[COMMENT:TITLE]]" title="Xに投稿" target="_blank" rel="noopener" class="share"><i class="fa-brands fa-x-twitter"></i></a>
でシェアボタンを作っております。
出力は
「記事のタイトル」 https://hoge.jp/?postid=[記事の数字]
です。
今回ご教示いただいたように
<a href="https://twitter.com/intent/tweet?url=[[PARMAURL:PURE:FULL]]&skin=hoge&text=[[COMMENT:TITLE]]" title="Xに投稿" target="_blank" rel="noopener" class="share"><i class="fa-brands fa-x-twitter"></i></a>
以上のコードでシェアボタンを実装したのですが、
実際にクリックすると
「記事のタイトル」 https://hoge.jp/?postid=[記事の数字]
となってしまい、skin=hogeがきえてしまいました。
大変申し訳ございませんがお教えください。
追記
[[PARMAURL:PURE:FULL]]がデフォルトスキンで表示されることを失念しておりました。もう少し触ってみます
更に追記
<a href="https://twitter.com/intent/tweet?url=[[PERMAURL:PURE:FULL]]?skin=hoge&text=[[COMMENT:TITLE]]" title="Xに投稿" target="_blank" rel="noopener" class="share">
<i class="fa-brands fa-x-twitter"></i>
</a>
で解決しました!お騒がせしました
🍨Re:4476◆おおぅ、そんな現象になりましたか。『任意のディレクトリにあるスキンを手動指定』欄を使った結果ですかね?
以下の手順で操作してみて下さい。
- サーバ(=問題のてがろぐの設置ディレクトリ)から tegalog.ini ファイルをダウンロードします。
- その tegalog.ini ファイルをテキストエディタで開きます。
- skindirectory=で始まる行を探します。(※たぶん383行目付近にあります。似た名称の行が複数あるので注意して下さい。)
- その行を丸ごと消します。(1行を丸ごと消して大丈夫です。)
- 上書き保存します。
- その tegalog.ini をサーバにアップロード(上書きアップロード)します。
※参考までに、どんな操作をしてその現象になったのか、もし覚えているようでしたら教えて頂けるとありがたいです。
この方法で適用スキンを指定したい場合は、管理画面の[設定]→[システム設定]→【スキンの適用制限】で「適用可能なスキン」項目に『CGI本体の位置より浅いディレクトリを参照する相対パスや、絶対パスで指定されたスキン』を追加して下さい。」としか出ず、設定を変えられない・ホームにもいけないのですが解決策はありますか?なにをしようとしてもこの文言のページに飛んでどうにもできないのですが……
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168