10plogてがろぐ実験場＋スキン作成

ギャラリー表示カスタマイズ
>>13の解説を書きました 。参考になれば幸いです。

お試し。

これはサムネイル表示機能を使わず、にししさんが解説されている「画像にワンクッション置きたい場合の(たぶん)チョー簡単な方法」で表示し、ギャラリーモード表示の時は特定のタグをつけるとワンクッション の方法ににししさんのCSSを適用しています。（※ワンクッション用のハッシュタグを一覧に載らない記法に変えました）
#てがろぐ #-cushion

いきなりは見せたくない画像にワンクッション置きたい場合のチョー簡単な方法
https://www.nishishi.org/testground/tega...
配布元さんで解説されてた、後日試してみよ

11/14 特定のカテゴリに属する投稿だけで、画像にワンクッションを置く
https://www.nishishi.org/testground/tega...
こちらもよさげ！
#てがろぐ

#てがろぐ + #いいねボタン・改  の話。
8で「本文一行目用変数を追加、一行目は短めにしなきゃダメ」って言った直後に指定した文字数で切り落とす書き方があることに気づいてこれでいいのでは？細かいとこまで行き届いたCGI🙏感謝って思ったんだけど「…」が多分ファイル名に使えない？のかいいねボタン・改のほうで文字参照に変換されてそうするとやっぱり別物扱いでカウント数に反映されないことが発覚しました

ほかにもダメな文字がありそう、知らんけど

#てがろぐ ギャラリーで
特定のタグが付いている記事の画像にぼかしをかけます。
#CSS でかなり力技です。
例として#-R18 というタグが付いているときにぼかしがかかります。（※ワンクッション用のハッシュタグを一覧に載らない記法に変えました）
また、画像…というか全体クリックしたら記事単体に飛ぶようにしてます。


https://10prs.com/tegalog/?mode=gallery

ベータ版新機能の「サムネイル画像があれ
ば表示する機能」テストです

#てがろぐ
写真はhttps://unsplash.com/ja/%E5%86%99%E7%9C%... をお借りしてます

追記：
サムネイル画像は自分でFTPソフトなどでアップロード
現状ではURLをツイッターにポストするとサムネイル画像じゃなく元画像がツイッターカードとして出力される
管理画面でサムネイルうｐできるようになるなら画像管理のとこで「この画像のサムネイルを登録する」みたいな感じになるのかなぁ、自動でファイル名変える設定だと同じ名前の作るのめんどいよね。自動で元画像と同じ名前に変えてアップしてくれたら楽ではある

CSSのキャッシュの効きが強固だな…たぶん自分で設定してるせいなんだけど

スキンの配布は
あったらいいですかね？現状do.さんやチラ裏ソリロキーさんの配布されてるスキンがあるし、てがろぐユーザーってその気になれば自力でデザイン作れるだろうしでであんまり需要はなさそうですけど賑やかしくらいにはなるのかな（先頭固定ポストのテストを兼ねてます）。

普段はローカルで試行錯誤かつ
その工程をいちいちメモって（じゃないと次にまた同じ遠回りをするので）作業してるんですけどそれが丸見えになってしまいますね

勘違いしてました
7  「data-iinename」変えると別物としてカウント、それが正解なんでした。じゃないと複数設置して別の内容として送ってもらうってことができなくなるもんね…
何を変更したかというと最初「data-iinename」に#てがろぐ の記事No.用変数だけ書いてたのを本文一行目用変数を追加したのでした。こうすると#いいねボタン・改 管理画面で見たときによりどこに反応もらえたかわかりやすいかなと。投稿するときに一行目はなるべく短めにしたほうがいいとか絵文字使わないほうが無難とかちょっと気を付ける必要がありそう

#いいねボタン・改 を
押してくださった方がいたようなのにいろいろいじくってたらうっかり表示されなくなってしまい🙇‍♂️
「data-iinename」変えると別物としてカウントされちゃうのかな…一応「data-iineurl」も設定してあったんですけど…

個人サイト向け#いいねボタン・改
https://do.gt-gt.org/product/newiine/
を設置してみたり

したけど
スマホで見ると「お使いのサーバーでPHPが使用できるか確認してください」というエラーメッセージが…これ出る出ると聞いていたけど今まで遭遇したことなかったのでこれかぁ～！と感動…（？）newiine.jsの該当箇所をコメントアウトして事なきを得（…られたよね？自分でしか確認してないからほかの環境で見た時どうなのかなぁ）

ウェブフォントの読み込み速度どうなんだろと思ってキャッシュ消そうとして保存してあったログイン状態まで全部消してしまって焦った

なんとなくガワができてきた？
久々にHTMLやCSSを触って楽しかったな～😚#てがろぐ は各ファイルにこれでもかってくらい丁寧にコメントがついてるのでカスタマイズ挑戦勢にも優しい仕様と感じました。逆にfreoの自由度も改めて感じたなぁ…、あ、ここはCGIがタグごと出力してるから触れないんだ、とか。あとこれはてがろぐとかfreoとか関係なしに#サイトデザイン の話だけれどいわゆるサブメニューの扱いって悩ましいですね…2カラムだと横においておけばいいんだけど1カラムだとどこにおけばいいのか。色々見て回ってみてメインコンテンツの下においてるところが多い気がしますがアクセスがあまりよくない…あのリンク群あんまり使う人っていないのかな🙄

これは私個人の問題なんですけどオートページャライズが効くページだとメインコンテンツ下のサブメニューからカテゴリーやタグ選ぼうとすると次のページの読み込みが始まってサブメニューエリアごと下に押しやられていくこともしばしば。1カラムのときはドロワーメニューにするのが無難な気もします…

埋め込みの#サンプルです

（ツイート埋め込み処理中...）Twitterで見る

これは画像アップの#サンプル です。
https://unsplash.com/ja/%E5%86%99%E7%9C%...
からお借りしました。

これは#サンプル 文章です。
強調　Bold　斜体　斜体をさらに斜めに　下線　打消し　さらに打消し　小さい　極小さい　漢字(ルビ)

これは引用のデモです。
間もなく洞穴へ帰って来た子狐は、
「お母ちゃん、お手々が冷たい、お手々がちんちんする」と言って、濡れて牡丹色になった両手を母さん狐の前にさしだしました。母さん狐は、その手に、は――っと息をふっかけて、ぬくとい母さんの手でやんわり包んでやりながら、
「もうすぐ暖くなるよ、雪をさわると、すぐ暖くなるもんだよ」といいましたが、かあいい坊やの手に霜焼ができてはかわいそうだから、夜になったら、町まで行って、坊やのお手々にあうような毛糸の手袋を買ってやろうと思いました。
https://www.aozora.gr.jp/cards/000121/fi...

これは隠す機能のデモです。続きを読むこれは隠す機能のデモです。これは隠す機能のデモです。これは隠す機能のデモです。畳む

• これはリスト機能
• これはリスト機能
• これはリスト機能

自由装飾記法「scream」で囲った時のデモです。自由装飾記法「scream」で囲った時のデモです。自由装飾記法「scream」で囲った時のデモです。