No.4460, No.4459, No.4458, No.4457, No.4456, No.4455, No.4454［7件］

790文字編集

にしし (nishishi) 2024年5月17日金曜日 08:55:19〔1年以上前〕回答/返信 Post No.4460

久しぶりに餃子を食べました。餃子のタレが余ったので、また餃子を調達しなければ……。

🥮Re:4459◆たぶん、自由装飾記法を使ってボタンの掲載位置を調整すれば、お望みの表示は今のバージョンでもできそうな気がします。
まず、隠したい範囲を [H:隠したい範囲] だけでなく、自由装飾記法を使って、[F:btnfirst:[H:隠したい範囲]] のように書いておきます。
次に、以下の2つのCSSを加えます。
.deco-btnfirst {
display: block;
position: relative;
padding-top: 1.5em; /* ※後述 */
}
.deco-btnfirst .readmorebutton {
position: absolute;
top: 0;
left: 0;
}

すると、「続きを読む」ボタンも、「畳む」ボタンも、どちらも同じ位置（先頭）に見えるようになります。

「※」部分の 1.5em は、お好みで調整して下さい。0にすると隠している範囲に続く1行に重なってしまいますので、1以上の値にする必要があります。
（ボタンの大きさも揃える方が望ましいと思いますが、そこはお使いのスキン次第なので、スキン側のCSSを調整して下さい。）

もし、全部の「続きを読む／畳む」ボタンを上記のように表示したいなら、わざわざ自由装飾記法を併用しなくても、単に .decorationF に対して上記の装飾を適用すれば済みます。（つまり、上記のCSSソースで .deco-btnfirst の代わりに .decorationF と書きます。）
その場合は、隠したい範囲はいつも通り [H:隠したい範囲] と書くだけで済みます。 この段落のことは忘れて下さい。┌(:3」└)┐ >>4467

181文字編集

あどみ (admin) 2024年5月14日火曜日 21:38:10〔1年以上前〕 Post No.4459

#要望
こんにちは、「続きを読む(一部を隠す)」機能についての要望です。

現在、この機能を使い「続きを読む」ボタンをクリックすると、隠されていた本文の後ろに「畳む」ボタンが出てきますが、
本文の前（「続きを読む」ボタンと同じ位置）に「畳む」ボタンを置けるようにしたいです。
「畳む」ボタンの後ろに本文全文が見えるような形で……

ご検討いただけると嬉しいです。

638文字編集

にしし (nishishi) 2024年5月13日月曜日 23:47:14〔1年以上前〕回答/返信 Post No.4458

【急募】やる気……...。 _(┐｢ε:)_

🍩Re:4449◆あと、リリースノートさえ書けば、Ver 4.3.0正式版をリリースできる予定です。リリースノートさえ書けば……。_(┐｢ε:)_
🍩Re:4450◆お役に立ったなら何よりです。^^

🍩Re:4452◆登校だけでなく下校も集団なんですね!? そういうパターンもあるんですねえ。
🍩Re:4453◆確かに、片道3kmは小学生だと厳しいでしょうね。歩けたとしても1時間は掛かりそうな。朝は5分でも長く寝ていたいのに……。(笑)

🍩Re:4454◆WAFの検出ログにたくさん出てくるのを見ると驚きますよね。うちのWAFログにも毎秒毎秒何かが記録されている感じです。とはいえ、ログにあるということは（悪意あるアクセスを）阻止はできているということなので、大きく気にする必要はないのではないかと思ってはいます。そこそこ検索にもヒットする感じのWebでお使いの場合は、「WAFは必須」と考える方が良さそうですね。そうでないと、これだけの莫大なアクセスがそのままCGIに渡ってしまうと、サーバの負荷がかなり高まりそうですので。

🍩Re:4455◆ご要望をありがとうございます。ToDoリストには入れておきます。
🍩Re:4456◆確かに自由装飾記法だけだと、見た目では隠せても、OGPやRSSにはそのまま出てしまいますね。

359文字編集

あどみ (admin) 2024年5月13日月曜日 11:08:37〔1年以上前〕 Post No.4457

>4445 >4447
塗り潰しで隠す方法を考えて頂きありがとうございます。
見た目上は自由装飾で可能ですが、OGPに出力しない機能も使いたかった為
多少強引ですが以下のCSSで標準の隠す機能内で実現しました。

.readmorebutton
　display: none !important
.readmorearea
　display: inline-block !important
　文字色と背景色指定
　hoverでunset (モバイルはタップで動作します)

長文を折り畳む場合との使い分けは、片方のH:を自由装飾で囲むようにしました。
H:にも:CL()が使えるようになると助かります。
(装飾>隠すボタンがblock(畳む)とinline(伏せる)の二種類になると大変助かります)