10plog

てがろぐ実験場+スキン作成

てがろぐ実験場+スキン作成

ここにフリースペースとか入れたらいいんじゃないカナ!?
過去呟きランダムPickUp

2022年11月 この範囲を新しい順で読む

Icon of moka

これは#サンプル 文章です。

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

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


これは隠す機能のデモです。これは隠す機能のデモです。これは隠す機能のデモです。これは隠す機能のデモです。畳む

  • これはリスト機能
  • これはリスト機能
  • これはリスト機能
自由装飾記法「scream」で囲った時のデモです。自由装飾記法「scream」で囲った時のデモです。自由装飾記法「scream」で囲った時のデモです。
Icon of moka

なんとなくガワができてきた?

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

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

個人サイト向け#いいねボタン・改

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

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

#いいねボタン・改 を

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

勘違いしてました

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

スキンの配布は

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

ベータ版新機能の「サムネイル画像があれ

ベータ版新機能の「サムネイル画像があれ
ば表示する機能」テストです
20221113134947-moka.jpg
#てがろぐ
写真はhttps://unsplash.com/ja/%E5%86%99%E7%9C%... をお借りしてます

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

#てがろぐ ギャラリーで

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

20221113191946-moka.jpg
https://10prs.com/tegalog/?mode=gallery
Icon of moka

#てがろぐ + #いいねボタン・改  の話。

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

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

いきなりは見せたくない画像にワンクッション置きたい場合のチョ…

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

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

お試し。

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

フリースペースの活用案

フリースペースの活用案
思いつきなんだけどこれ区切りでいくつも作れるぽいので
複数のフリースペースを設ける方法
https://www.nishishi.com/cgi/tegalog/cus...
例えばFREESPACE:0をスキンのhead内に書いて管理画面のフリースペースに<style>~hogehoge~</style>て書いたら管理画面からCSS適用できる? #てがろぐ #未検証
Icon of moka

もう今ってJSオフの人のことあんまり考えなくていい感じかなぁ…

もう今ってJSオフの人のことあんまり考えなくていい感じかなぁ一昔前は結構同人サイト界隈でもJSオフの人いたよねガンブラーとか流行ったころ…さすがにCSSオフの人は当時からでもいないと思ってるけど
Icon of moka

現在日時を出力するスキン用キーワードあるのでは!?

現在日時を出力するスキン用キーワードあるのでは!?
と探してみたけど先頭固定の記事に関してしか見つけられなかったので(内側スキンでしか使えない…ですよね)最終更新日時のキーワード入れることで代用しました >>20
#てがろぐ
Icon of moka

クイックポストの投稿するボタン

クイックポストの投稿するボタン
以外を非表示にする #CSS こういうときに一般兄弟結合子(~)を使えばいいのか…

.line-control input ~ * { display:none; }

20221117004327-moka.png
#てがろぐ
(でもこれ管理画面の設定で表示非表示選べるんですよね…あとから気づい
Icon of moka

#てがろぐ スキン

#てがろぐ スキン
20221117214444-moka.jpg
「ひとり劇場」を公開しました。#てがろぐスキン は細部未調整のため現在配布はしていません。
ぼっちでつぶやき続けていても寂しくないようなものにしてみました。
デモはこちらから見ることができます。
Icon of moka

ダークモード、そんなに恩恵感じたことないけどスマホが主だと重…

ダークモード、そんなに恩恵感じたことないけどスマホが主だと重宝なのかな
いやまあてがろぐ管理画面に限った話なら目に優しいコントラスト比の配色のがあってもいいのか…
2022年10月
1
2345678
9101112131415
16171819202122
23242526272829
3031
2022年11月
12345
6789101112
13141516171819
20212223242526
27282930