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

2023年3月21日の投稿10件]

てがろぐ - Fumy Otegaru Memo Logger -

or 管理画面へ

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

NO IMAGE 付箋No.3553 (125文字) 編集 削除
隠れハッシュタグを非表示にすることで「見えないフラグ」のように活用するのは良いアイデアだな、と思ったのでヘルプドキュメントに書き加えておきました。➡見えないハッシュタグを作ってフラグのように活用する方法
ネタの提供をありがとうございます!(╹◡╹)ノ
Icon of admin 付箋No.3552 (368文字) 編集 削除
>>3547です。
本文中段「写真」と「日記」を書き違えてました🙃失礼しました…
そしてCSSが効かなかったのは試したものの記法がことごとく間違っていたようでした。。そんなことがあるのか。。

>>3548
教えていただいたもので無事非表示にできました!
この書き方だと他の#-[隠れハッシュタグ]も一括で隠せるので自分用タグが複数作れる点も便利ですね…!ありがとうございます!

>>3549 >>3550
詳しい解説をありがとうございます🍏「見えないフラグ」それです!
そもそもセレクタ指定がうまくいってなかったようでお恥ずかしい。。落ち着いて再度試したところ、これらでも無事消えました。ありがとうございます!
隠れハッシュタグ便利ですね、これから使っていこうと思います!

質問してみてよかったです。本当に助かります!大感謝です。
Icon of admin 付箋No.3551 (99文字) 編集 削除
>>3550
>>3548 です
にししさん補足説明ありがとうございます。
自分の用途ではすべての隠れハッシュタグを非表示にしておきたくてあのようなCSSの書き方をしていたことを失念しておりました😅
NO IMAGE 付箋No.3550 (130文字) 編集 削除
おっと、返信を書いている間に新たな投稿が。
隠れハッシュタグを全部非表示にしたい場合は、No.3548さんのCSSでいけますね。属性セレクタの ^= を使ってそのように書けば「title属性値が - で始まる要素」すべてを対象に装飾できます。
NO IMAGE 付箋No.3549 (1411文字) 編集 削除
アップルパイを食べました!🍎🥧 #-forme

🍵Re:3547◆なるほど。理解できたような気がします。本文の表示をどうにかしたいわけではなく、投稿に対して「見えないフラグ」を付与するようなイメージで、ラベルが透明なカテゴリかハッシュタグが作れれば良いわけですね。ハッシュタグなら簡単そうに思います。まず、隠れハッシュタグ機能を使えば、一覧にはリストアップされない点はご承知の通りです。後は、次のCSSを書けば、本文内にも表示されなくなります。
.taglink[title="-forme"] { display: none; }

もしこれで消えない場合は、以下のように書くと良いでしょう。
.taglink[title="-forme"] { display: none !important; }

ここで !important を加えているのは、ハッシュタグの表示箇所に対して既に別のスタイルが当たっているとき、それを確実に上書きするためです。(例えば、標準スキンだと .comment .taglink に対して display: inline-block; が指定されていますので、これを上書きできるだけの詳細度を持つセレクタを指定しないと上書きできません。ただ、標準スキンのCSSなら最初の方のCSSで詳細度を充分高くできるので !important は不要ですけども。例えば、.taglink[title="-forme"] ではなく a[title="-forme"] のようにセレクタを書いた場合、標準スキンでは(詳細度が足りないので)既存のスタイルを上書きできず、ハッシュタグは消えません。)

もし !important を加えるのがスマートではないと思われるなら、既存のCSSを上書きできるようなセレクタを必要なだけ追加すれば良いと思います。例えば次のような感じで。
.comment a.taglink[title="-forme"] { display: none; }

<備考>
第三者の方々に向けて参考までに補足情報を記しておきます。

▼まず、本文中に含まれるハッシュタグは、以下のようなHTMLで出力されています(設定に依って異なりますが、デフォルトでは以下のようになります)。
<a href="?tag=パーセントエンコードされたハッシュタグ名" class="taglink" title="ハッシュタグ名">#ハッシュタグ名</a>

▼ハッシュタグの先頭を「-」記号で始めると、ハッシュタグ一覧にはリストアップされない「隠れハッシュタグ」になります。仮に #-forme というハッシュタグを使うと、以下のようなHTMLが出力されます。
<a href="?tag=%2d%66%6f%72%6d%65" class="taglink" title="-forme">#-forme</a>

▼このハッシュタグだけを対象にしてCSSを適用したいときには、『class属性値が「taglink」である要素のうち、title属性値が「-forme」なもの』だけを対象にできる属性セレクタという書き方を使って、以下のようなCSSが書けます。
.taglink[title="-forme"] { ~装飾~ }

……というわけです。
畳む
Icon of admin 付箋No.3548 (143文字) 編集 削除
>>3547
隠れハッシュタグを本文中にも表示しない方法ですがtegalog.cssに
.taglink[title^="-"] { display:none; }
を追記でいけませんか?
私はこの方法で非表示にできてますのでご参考になれば幸いです(見当違いでしたらスルーしてください)
Icon of admin 付箋No.3547 (1674文字) 編集 削除
>>3544です。レスありがとうございます!
説明不足ですみません、前提について補足します。

> 【前提】「自分用」「あとで直す」などの管理者用カテゴリを作っている(管理画面>カテゴリID>formeと設定)
👆元々「写真」「hogehoge」「fugafuga」…「(どれにも属していない/大多数がこれ)」などの複数カテゴリで運用しており、各カテゴリに属した(または属していない)投稿に対して、追加で「自分用」のラベルを貼りたい。
現在は「自分用(forme)」というラベル用カテゴリを追加していて、
例えば「写真」カテゴリの投稿をあとで直そうとかリマインド用のマークをつけたいと思ったときなどに
「その投稿の公開レベルや見た目」「元から設定していたカテゴリやタグ」はそのままにして、プラスで「自分用」カテゴリを追加することでラベルを貼っている。
※「自分用の投稿」というより「ラベル自体が自分用」の意味で自分用と表現しています。わかりづらくてすみません!

> 【やりたい】formeカテゴリの存在を(できれば)表から隠したい
> ※投稿自体はそのままで、隠しカテゴリに入れるとか透明なタグを貼るようなイメージです。
👆投稿自体の表示・非表示の状態は、投稿自体の設定によるものとしたい。公開投稿なら公開したまま、限定公開なら限定公開のままで「自分用」ラベルによってこれを左右したくない。
ラベルの存在自体を透明にしたい(見栄えがよくないからという点で「できれば」。管理画面から管理できさえすればいいなと)

> 【解決済み】カテゴリツリーや各投稿にある表示は「class="cat-forme"を持つものに対して"display:none;"」することで非表示にした
👆この「"display:none;"」は.onelogbox全体に対してではなく、ラベルとして使っている「自分用」の3文字のみに対して指定しています。
「class="categorylink cat-forme"をもつa」とか「class="cattree"の中のclass="cat-forme"に関する部分」とかです。
ここで「自分用」ラベルやそれに関するリンクを非表示にしたとしても、他にカテゴリ「日記」「どれにも属していない」での絞り込みが可能。
タグ・本文ワード検索にも入ってくるので、投稿自体の公開レベルに影響が出ない、という感じです。伝わりますかね…?
で、どうしてもcomplexsearch内部ではそのラベルの気配が消えなかったので解決策はあるのかな?と思った次第です。


>>3545
カテゴリ設定していない投稿もたくさんあったのでその発想はなかったです、助かります!
たしかに「どれにも属していない」をdisabledにするほうが見栄えもよさそうですね!
すでに何かのカテゴリに属している投稿の場合はそれを消す必要が出てくるのかな?ちょっと試してみます!ありがとうございます!

>>3546
にししさんいつもありがとうございます!つ🍵🧁🍬🍦
後出しですみませんが補足の通りです。。自分用という表現が紛らわしくてすみません!
この場合、投稿を人の目に触れさせたくないのとは別のシチュエーションでして、下げちゃうと本文が見えなくなってしまうので…下げる機能は下げる機能として大変便利に使わせていただいてます!
ので、あくまで「自分用」と書いたカテゴリなりタグなりのラベルのみ下げたい?みたいな話なんですが、説明がうまくできてる自信が全然ないので何か変なところあったら教えてください…!


> 追記の#-[隠れハッシュタグ]について
「title="-forme"を持つaに対して"display:none;"する」jQueryを書いてみたところ、動きそうです!(CSSではできませんでした!なぜかわかりません…)
ただなぜかこちらも一瞬表示がちらついてしまうので着地点を迷ってます。でもてがろぐってなんでも機能があるなぁ!と思って感動しました…!
NO IMAGE 付箋No.3546 (822文字) 編集 削除
今日はなぜか朝から気力がなさすぎて困っております……。なんでや……。🍩🍪🍫🍭🍮🍰 _(:3」∠)_

🍵Re:3537◆β版のご試用をどうもありがとうございます!
🍵Re:3540◆Twitterが登場したときの手軽さは本当にすごくて、私もブログを書く頻度が激減しました。ただ、誰でも入ってこられる空間なので、(ユーザ数が増えてくると)不快な空間にもなり得るわけで、今は「他者と交流できる」という点がマイナスにも働いている感じですね。
🍵Re:3541◆ご要望をどうもありがとうございます。日付ソートの需要もそこそこあるっぽいですね。直近での計画にはまだありませんが、そう遠くない未来に実現できるように考えたいと思います。気長にお待ち頂ければ幸いです。(╹◡╹)ノ
🍵Re:3542◆スキンの増加に期待しています!(✧ω✧)
🍵Re:3543◆やっぱり全体の春休みはもうちょっと先ですよね……。なんか小中の春休みって2週間くらいしかなかったイメージでしたので。高校の春休みってそんなに早くからあるんですね!
🍵Re:3544◆「下げる」機能ではダメなのですか? 絶対に(自分以外の)誰からも見えないようにしたい場合は「下書き」機能もあります。ただ、下書きだとプレビューは1投稿ずつなので全部を一覧して見ることができませんけども。下げた投稿だけを一覧して見たい場合は、検索窓に rear と入れるか、または検索コマンドを使って $ps=rear; で検索すると良いです。「下げる」機能では、どういう状況で表示させるか(表示させないか)設定で選択できます。例えば「全文検索時にしか見えないようにする」という設定をしておけば、ほぼ他者の目には触れない感じにできるのではないかと思います。(意図を私が捉え切れていないようでしたらご指摘下さい。)
Icon of sakura 付箋No.3545 (90文字) 編集 削除
>>3544
全ての投稿にカテゴリを割り振ってるなら、カテゴリなしで隠したい投稿をすれば手っ取り早くお望みの挙動が実現すると思います。カテゴリを割り振ってないなら使えない手ですが💦
Icon of admin 付箋No.3544 (1100文字) 編集 削除
!-- 投稿者追記です!投稿後に「隠れハッシュタグ」という機能を知りました…!!そちらもチェックしてみます! #-[隠れハッシュタグ]
https://www.nishishi.com/cgi/tegalog/usage/#hashtag-ka...
「class="comment"中の"#-forme"を持つaに対して"display:none;"」をjQueryで書けばできるのかな…!?


#質問 #使い方
自分用のスキンを作っていてわからないことがあったのでお知恵をお借りしたいです!
「特定のカテゴリ(orタグ)を表からは見えなくしたい」的なことで、似た運用をされている方がいたらアドバイスいただけないでしょうか?長くなっちゃうんですが経緯書いておきます。
※投稿自体はそのままで、隠しカテゴリに入れるとか透明なタグを貼るようなイメージです。

【前提】「自分用」「あとで直す」などの管理者用カテゴリを作っている(管理画面>カテゴリID>formeと設定)
【やりたい】formeカテゴリの存在を(できれば)表から隠したい
【解決済み】カテゴリツリーや各投稿にある表示は「class="cat-forme"を持つものに対して"display:none;"」することで非表示にした

【悩んでいる】
ここから本題で、複合検索窓にある「カテゴリ:」のselect内の表示についてです。
「"select-cat"内のn番目のoptionに対して"display:none;"」することでPC上だと非表示にできたんですが、iPhoneからだとこれが効かず消えない仕様だそうです。
(👆調べてみたら「spanなど別タグで囲って外から"display:none;"する」「"disabled"を指定する」で対応できるとのこと)
これをjQueryで試してみたところ、前者は表示がちらついてしまい(原因未解決)、
挙動に問題なかった後者を採用しました。ただ、この場合「自分用」というテキストはグレーアウトして選択不可ではあるが隠しきれてない状態です。

で、そこまで絶対消してやりたい!ってわけでもないし仕様はしょうがないので現状のままでも全然OKなんですが、
もしこういう運用したい場合にこうしたらいいよ!みたいなアイディアあったらぜひ教えてほしいです!
恥ずかしながらform関係とjs/jQueryは知識が少なく、またスキン側ではなくてがろぐ側の設定や使い方のほうでも自分が気づいていないやり方があるかも‥と思ったので書き込まさせていただきます。。長々とごめんなさい!よろしくお願いします。

■フリースペース:

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

編集

■全文検索:

複合検索窓に切り替える

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

■カテゴリ:

■ハッシュタグ:

■日付一覧:

■カレンダー:

2023年3月
1234
567891011
12131415161718
19202122232425
262728293031

■日付検索:

■最近の投稿:

■新着画像リスト:

全297個 (総容量 35.03MB)

■情報:

▼現在の表示条件での投稿総数:
10件

▼最終更新日時:
2024年3月28日(木) 23:42:00〔16時間前〕

■リンク:

てがろぐTOPへ戻る

RSS / 新規投稿 / 管理画面

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