#てがろぐスキン デモまとめ
#てがろぐスキン デモまとめ- 会話吹き出し風「ひとり劇場」デモ
- 名前変換機能付き小説サイト風「daydream」トップページ・名前変換（記事単体）・配布
- ノートっぽい罫線付き「note」デモ
- 日付が付箋っぽい感じ「simple」デモ
- CDP for てがろぐデモ
先頭固定 No.51
先頭固定
先頭固定 No.70
#てがろぐ #カスタマイズ まとめ
#てがろぐ #カスタマイズ まとめ★：配布スキンにも搭載予定
解説済み：
- クイックポストの投稿ボタンを簡素に→ >>25
- ギャラリーモードでワンクッション→解説
- 名前変換スクリプト導入→解説 （★：daydreamのみ）
- 記事個別表示時のtitle→解説（★）
- 記事個別表示時の前後移動リンク→解説（★）
- 独自CSS強制読み込み
- クイックポストフォームをモーダルで開く
- 改行したら勝手に伸びるテキストエリア（代償としててがろぐデフォのCtrl＋↓では伸びなくなりました）
- クイックポストに画像一覧をモーダルで開くボタン（>>68）
- ページ送りを「前のページ・数字・次のページ」の並び順に（★）
- 記事単体時のユーティリティリンクを前後移動リンクの下に
- いいねボタン改 導入
- 指定No.リンクをワンクリックでクイックポストフォームに入れるボタン（>>62）
- 指定No.リンクでリンク先内容ポップアップ
- 検索窓シンプル⇔複合表示切替（デフォだと複合にしたら戻せない
- ハッシュタグ一覧をタグクラウドっぽく
- novel viewer 導入（スキン「daydream」のみ）
- 先頭固定記事が一定の高さを超えたら以降は隠して続きを展開するボタンを表示
- Cusdis でコメント欄導入
2023年3月 この範囲を時系列順で読む
名前変換機能付き#てがろぐスキン への質問コメントにお返事しました
名前変換機能付き#てがろぐスキン への質問コメントにお返事しましたてがろぐスキン「daydream」
https://10prs.com/web-tips/tegalog/downl...
このスキンのトップページなどでの複数記事並ぶ画面では一覧性重視で一行目（タイトル扱いしている行）の表示が長い場合はCSSで省略するようにしてたんですけど確かにスマホ等幅が狭い場面だと表示される文字数が少なくなりすぎちゃうことがあるかも…次に更新することがあればその辺も考慮に入れます。
実際使ってくださってるだけでもありがたいですけどフィードバックいただけると自分では気づけないことたくさん知れるので本当に感謝ですありがとうございます～！🙏
>>115 配布を視野に入れてるスキンに関してはカレンダー等は一応スタイル当てておいて
>>115 配布を視野に入れてるスキンに関してはカレンダー等は一応スタイル当てておいてシンプル表示にしたいと思ったスキンではCSSで非表示しようかなとも思ってるんですけど（たしかdaydreamはそうなってる気がする…？どうだったかな…）
にししさんも
https://www.nishishi.org/hougen/?postid=...
って言ってるので微妙な方法ではあると思ってて、なのでその辺も管理画面で表示非表示設定できるといいなぁというお話でした
#てがろぐ 管理画面で表示・非表示を設定できる項目
#てがろぐ 管理画面で表示・非表示を設定できる項目についてまとめようと思ってたんだけど最初に最低限ここは設定しておきたいっていう項目（アイコンとかOGP設定あたり）と一緒に記事にしたくて保留中
あとはまぁ…普通に項目多いので…一通り管理画面自分で見てみたらわかる話でもあるし…一応メモ
- 日付境界バー
- 投稿の単独表示ページのユーティリティリンク群
- 投稿欄・各種機能ボタン
上記は完全にそのものの表示非表示を管理画面でコントロールできるものをリストアップ、各機能内の細かい出力をコントロールできるものは除外しています（ページ移動リンクの「次へ」とかの文言変更等）。
確かに検索フォーム、カレンダー、新着投稿・画像リストあたりも管理画面で表示非表示を選べたら便利かな～っては思います…が各種機能表示部分の見出しとかはスキンにべた書きなので難しいところもあるかも（今の仕様だと管理画面で例えばカレンダーを非表示にしてもスキンで「カレンダー」とか見出しつけてるとそこまで非表示にできない気がします）
前回のアプデでPowered-byのa要素の属性を変えられるっていうのも管理画面で変えられるのかなと思ったらそれ用のスキン記法ができたという感じだったので、管理画面で設定できるのとスキン記法でできるようにしてるのとどういう基準で区別してるんでしょうかね～
画像のタイムスタンプ（≒画像ファイルのUP日時）を出力できる記法って要る？
画像のタイムスタンプ（≒画像ファイルのUP日時）を出力できる記法って要る？
https://www.nishishi.org/hougen/?postid=...
これ見てなんか思ったやつさっき思い出したので書きますがファイルのUP時じゃなくファイルの作成時って取得できないですかねローカルだと右クリ→プロパティで見れるんですけどwebにあげると消えちゃうんでしたっけ…
昔PHPでギャラリースクリプトカスタマイズしてた時は確かExif情報？取得して表示できる機能があったような
イラストとかは保存時にファイル名をその時の年月日にするように心がけてるけどそうじゃないのとかいろいろ事情あってなんか違うのとか、作成日時取得出来たら、欲を言えばアップ時にリネームされるのを作成日時にできたらうれしいな～と思ったけどそうでもないか…？
2023年2月 この範囲を時系列順で読む
自分のサイトのコンテンツがピンされるのを防ぐ方法 | ビジネス向け Pinterest ヘルプ
自分のサイトのコンテンツがピンされるのを防ぐ方法 | ビジネス向け Pinterest ヘルプhttps://help.pinterest.com/ja/business/a...
<meta name="pinterest" content="nopin" />
次のオタサイト改装時に入れる
CDPの話題にたくさんの反応（当社比）ありがとうございました！
CDPの話題にたくさんの反応（当社比）ありがとうございました！いくつか気になった話題をクリップしておきます。
（ツイート埋め込み処理中...）Twitterで見る
（ツイート埋め込み処理中...）Twitterで見る
この話題に限らずてがろぐスキンや個人サイト制作まわりの話題を見ていると皆さん技術や知識が高く（私にとって）レベルの高いお話になるのでちょっと気後れしてしまうのですけども😅
>>109で上げてるデモはソースを見ればわかるように上記ツイートのような深いいじり方はまっっっっったくしていません。CDPで配布されている基礎HTMLは4.01TransitionalなんですけどDTD周りをHTML5（今はLiving Standardなのかな）にしているくらいです。第一の目的はすでに配布されているCSSデザインをてがろぐでも使えたらいいな～ってことだったので。廃止されているHTMLの規格もブラウザがサポート終了するまでは普通に表示されるわけですし、HTML4.01のサポートが終了されるのはまだまだ先の話なんじゃないかな～と楽観視してますがどうなんでしょうね？
ただ、CDPという企画は今でも全然通用するものだと思いますし新しいHTMLに則ったテンプレートで再始動、とかあってもうれしいなぁと思います。そうなればこちらでも新基礎HTMLをてがろぐスキン仕様にして配布したいなと思いますが現状では上記のような改変状態での配布を考えています。まぁいろいろと新しいスキンを作っては配布できる状態まで練り上げられず次に着手してる状態をまずどうにかしたほうがいいんですけど、てがろぐユーザーさんは結構自力でスキン作ってる方多い印象ですし（公式さんがド親切なのありがたいですよね）、ほかにスキン配布してるサイトさんのがいろいろ技術的にもデザインセンス的にも素晴らしいのでこちらのものは需要も低いだろうと思ってて、マイペースに亀の歩みでやっていくつもりです🐢
今あげてるスキンでこれ優先的に配布してほしいとかカスタマイズのこれの解説ほしいとか何かあれば気軽にコメント等ください（このてがろぐのデフォルトスキン状態だと単体記事表示するとコメント書けます）。
CDP＋てがろぐ、という試みをしてみました
CDP＋てがろぐ、という試みをしてみましたCDPとは
正式名称は「CSS着せ替えテンプレート企画」、公式サイトは http://css-designplate.info/ です。
CSSファイルだけを変更することでデザインをチェンジするテンプレート（CDP）を作る企画
http://css-designplate.info/
というもので、公式で配布されている「基礎HTML」に適用するCSSファイルを配布するテンプレートサイトさんもたくさんあったのです。当時に比べると数は減りましたが今でもCDP用のCSSを配布してくださってるサイトさんがあるので、てがろぐでも使えたらスキンの選択肢が広がるんじゃないかな～と思って。
デモはこちらから見れます
デザインサンプルとして以下の配布サイトさんからCSSをお借りしています（敬称略。
左上のセレクトボックスでCSS切り替えができるので試してみてください。
CDPの「基礎HTML」にないタグやカテゴリのリンクリスト等は右上のハンバーガーメニューに格納しました。
CDP用のCSSを配布されているサイトさんはCDP公式サイト から探すことができます。
てがろぐ Ver 3_9_2 beta版アップデート適用しました！
てがろぐ Ver 3_9_2 beta版アップデート適用しました！上書きCSSの登録機能、三点リーダ以外の省略記号、2000年以前の日付一覧、日付境界バーの装飾補助、スキン適用制限、不具合修正など。
https://nishishi.fanbox.cc/posts/5362328
個人的に嬉しかったのは「三点リーダ以外の省略記号」です。>>14でも言ってたんですけどいいねボタン・改の識別用に本文一行目を入れるとき、一行目が長すぎるといいねボタンの管理画面が見づらかったりファイル名の長さ制限に引っかかったりするのが嫌でてがろぐスキンで文字数を指定する変数を使ってたんですがそうすると文字数が切られた後に「…」がつき、いいねボタンのほうで文字参照に変換されてしまい記事への反映がされず😅なので結局文字数指定はやめたんですがそうすると今度は「data-iinename」に入る文字を意識しながら記事を書かなきゃならなくなってそれもそれでなんか微妙だな～と思ってたので省略記号なしで文字数指定できる記法ができたのありがたいです！
と思って喜んで短めの文字数指定したら今までの文字列より短くなってた場合に別物判定されちゃったので（まぁわかってはいましたが）ちまちまといいねボタンのほうのデータを修正しました。
スキンAのCSSをスキンBのディレクトリに上書きアップロードして
スキンAのCSSをスキンBのディレクトリに上書きアップロードしてなんで変更反映されないんだろ～！？😭ってなるなどした…
全部同じ名称だとまれによくある…CSSは違う名前にしてもいいんだけどそうするとHTML作るときに使い回しにひと手間増えちゃうからやりたくないですね
新しく上げたスキンをちょこちょこ調整しています
新しく上げたスキンをちょこちょこ調整していますたくさんいいねを押してもらえててうれしいですありがとうございます！
ツイで触れられてた固定記事の挙動はあれです、一定の高さ超えたら折り畳みボタンが出現するようにJS書いてるんですがご指摘の通りJS読み込み終わるまではスクロールができちゃいます、万一JSオフで見る人がいたらスクロールできないと隠してる部分が読めないのでこれはそういう仕様です…😁
>>104 ではハッシュタグリンクをゴニョるために『内側スキンに[[NO-LINKADJUSTMENT]]を記述』としていましたがそうすると意図しない部分に影響が出すぎるのでちょっと書き方改めました。この「ハッシュタグやカテゴリのリンクを別スキンで開く」っていうのははたぶんスキンとしては配布せずTIPS紹介って感じになると思います
昨夜新しいスキンファイルを上げて今朝見たら
昨夜新しいスキンファイルを上げて今朝見たらサイト全体エラーが出て見れなくなってたのでま〜た俺なんかやっちゃいました？って焦った😂仕事だったので放置するしかなかったけど今普通に見れてるみたいだしログインもできてよかった…
タグを含む投稿を一覧表示する専用スキンを用意して
タグを含む投稿を一覧表示する専用スキンを用意してデフォルト表示記事内のハッシュタグリンク先をその専用スキン適用したURLにゴニョるっていうのはできるんですけどそういうイメージであってますかね…？
てがろぐにSNSボタン
てがろぐにSNSボタンいろいろアレして実装しました（このスキンのみ）。記事タイトル＋URLコピーボタンも付けたよ＼(^o^)／
それでやってて気が付いたけど本館のほうに載せてる「一時適用スキンで表示するURLをシェアしたい場合」のJSが全然使い物にならないので参考にしないでください…😨
無料Twitter API、2月13日まで延長 月1500ツイートの新アクセス発表 - Impress Watch
無料Twitter API、2月13日まで延長 月1500ツイートの新アクセス発表 - Impress Watchhttps://www.watch.impress.co.jp/docs/new...
新無料API、月1500件ツイートできるなら個人で自サイトと連携して自動ポストするくらいなら使えるのかなぁ
1500件ツイートできるってAPI経由の数の制限だよね…？純粋にツイッターからポストできる数じゃないよね？？？
ローカルでてがろぐを動かすときに
ローカルでてがろぐを動かすときに一行目を#! /usr/bin/env perlのままで動かせるようにしたいんだけどいまいちやり方がわからない…助けてください
いや#! /usr/bin/perlにすればいいんだけども
Twitterがいよいよ終わりの始まりという感じになってきて
Twitterがいよいよ終わりの始まりという感じになってきてこれがさらに良くなるためのステップならいいんだけど長年無料でやってきて運営費的にも採算取れてないっぽいしどうなるんだろうなぁ…。自分は利用歴もそこそこあるしなにより人とのつながりができたのがツイッターだったので（それまではサイト持っててもよそ様との交流はほぼなかった）愛着あるしなくなったら自サイトメインにするつもりではあるけれど「人とのつながり」の大部分は失われちゃうだろうなと思うと何とも言えない気持ちになるな…
日付セパレートに出力されるリンクについて
日付セパレートに出力されるリンクについて>>93 のお話、にししさんからお返事（お返事？）きてたぁ…
https://www.nishishi.org/testground/tega...
「ページの表示」設定のほうだったんだ…探し力足りてなかったですすみません…
拙作スキンは試用でも使ってみてくださってる方いてホントうれしいです
拙作スキンは試用でも使ってみてくださってる方いてホントうれしいです報告不要ですけど教えてくれたらわ～い🙏となります
CSSだけ抜き出して使ってもいいです、使ってる間はhttps://10prs.com のほうにリンクしてくださるとうれしく思います🙇♂️daydream以外のスキンの配布についてはちょっと考え中、ほかに配布されてる方の見ると別にうちの配布なくても…という気持ちにはなる、雑な性格なので人様に使ってもらえるようわかりやすく作るの難しくて…😅
2023年1月 この範囲を時系列順で読む
takotubo-clubさんが新作スキン公開してますしかも今回のは配布も
takotubo-clubさんが新作スキン公開してますしかも今回のは配布もhttp://www.takotubo.shop/
ノート罫線風シンプルスキンめちゃめちゃかわいいです…配色も好き🥇