先頭固定

#てがろぐ バージョンアップ

先頭固定えむおか@moka

#てがろぐ バージョンアップ
Ver3.3.8 βになりました。画像情報編集機能の強化が目玉かな?以下キャプション付きやフラグ付き画像のテスト。
NSFWフラグ付きの例
NSFWフラグ付きの例
 
オリジナルの女の子
オリジナルの女の子


NSFWフラグ付き画像キャプションつけない場合
NSFWフラグ付きの例
独自装飾・ウォーターマークつき
オリジナルの女の子
オリジナルの女の子
 オリジナルの女の子


現在ほかの自作スキン上ではキャプション付きやNSFWフラグ付きのスタイルを適用していません。この辺の#CSS は共通化させてもいいと思うんであとでなんかいい方法を考えようと思います。→しました。
ギャラリーモードの表示はこんな感じ。
https://10prs.com/tegalog/?mode=gallery
スマホで見たときにちょっと意図通りじゃないのでそれは何とか出来たらしたい

#てがろぐ #カスタマイズ まとめ

先頭固定えむおか@moka

#てがろぐ #カスタマイズ まとめ
:配布スキンにも搭載予定
解説済み:
  • クイックポストの投稿ボタンを簡素に→ >>25
  • ギャラリーモードでワンクッション→解説
  • 名前変換スクリプト導入→解説:daydreamのみ)
  • 記事個別表示時のtitle→解説
  • 記事個別表示時の前後移動リンク→解説
管理画面・クイックポスト:
  • 独自CSS強制読み込み
  • クイックポストフォームをモーダルで開く
  • 改行したら勝手に伸びるテキストエリア(代償としててがろぐデフォのCtrl+↓では伸びなくなりました)
  • クイックポストに画像一覧をモーダルで開くボタン
他:
  • ページ送りを「前のページ・数字・次のページ」の並び順に(
  • 記事単体時のユーティリティリンクを前後移動リンクの下に
  • いいねボタン改 導入
  • 指定No.リンクをワンクリックでクイックポストフォームに入れるボタン
  • 指定No.リンクでリンク先内容ポップアップ
  • 検索窓シンプル⇔複合表示切替(デフォだと複合にしたら戻せない
  • ハッシュタグ一覧をタグクラウドっぽく
  • novel viewer 導入(スキン「daydream」のみ)
  • 先頭固定記事が一定の高さを超えたら以降は隠して続きを展開するボタンを表示
  • Cusdis でコメント欄導入

2023年2月 この範囲を時系列順で読む この範囲をファイルに出力する

2023年1月 この範囲を時系列順で読む この範囲をファイルに出力する

>>87

えむおか@moka

>>87
ちなfancybox4は
シングルユースライセンス、拡張ライセンス、ビジネスライセンスの購入により、以下に説明する各ライセンスタイプの条件に従って、本番環境でのソフトウェアの「ライブ」インストール、およびライブインストールをサポートするために必要な補助的な「開発使用のみ」インストール(開発サーバーやステージングサーバーなど)が許可されます。プロジェクトの種類、場所、または法的形式に関係なく、すべてのインストールには有効な有料ライセンスが必要です。
とのことなんで…単純に3使ってて新しいの来てるからバージョンアップしよ😀てノリではいけなかったのでした
自分の意識もアップデートしていかねばですね

外部サービスを使うときに注意すべきこと

えむおか@moka

外部サービスを使うときに注意すべきこと
ちょっと前に
静的サイトにHTMLとJavaScriptだけでコメント投稿機能を作る - Oilabo
https://oilabo.vercel.app/blog/2021/stat...
のことをツイで触れた時にプライバシーポリシー表記はいらないの?って突っ込み入ったことや(多分利用規約的にはセーフ)、ここ及び本館でfancybox4使ってたんですけどv4からライセンスが変わって試用以外は有償になってることをほかの方のツイートで知って慌ててv3系に戻すなどしました

が自分のこの辺の意識相当低くてよくないなと反省…。海外のこの手のサービス使うときって英語力もあってその辺スルーしがちなんですけど(あと日本語で紹介や解説してるブログ系もそこには触れてないことも多々ある)使わせてもらってるんだからちゃんと確認しないとだめですね😔
紹介ブログも画像素材系だと割と規約やライセンスまで触れてる方が多い印象なんですけどスクリプト系だとあんまり見かけないような気もしなくもない(こういうことできるよ!ってのの喜び?が先行してしまう気持ちは解る)、出来たらそこまで触れてほしい(他力本願)気を付けよう…でもライセンス関係理解が難しいんだよな…

情報を求めて

えむおか@moka

情報を求めて
「てがろぐ」でググるとログイン画面やその他あんまり見えてほしくない画面が引っかかってきてるのが見えて自分もそうなったら嫌なのでとりあえずrobots.txtに
Disallow: /*?mode=
Disallow: /*?*&mode=

を足してみるなどした…。とはいえ、
robots.txt でブロックされているコンテンツをクロールしたりインデックスに登録したりすることはありませんが、ブロック対象の URL がウェブ上の他の場所からリンクされている場合、その URL を検出してインデックスに登録する可能性はあります。そのため、該当の URL アドレスや、場合によってはその他の公開情報(該当ページへのリンクのアンカー テキストなど)が、Google の検索結果に表示されることもあります。
https://support.google.com/webmasters/an...

なので管理画面にnoindex仕込んでいただけるとありがたいのかも…

てがろぐにSNSシェアボタン付ける覚書

えむおか@moka

てがろぐにSNSシェアボタン付ける覚書
https://10prs.com/web-tips/tegalog/sns-s...
すでに解説してくださってる方もいるんですけどこういう書き方もあるよってことで一つ
あと単体記事を別スキンにしてたり複数スキン併用しててデフォルトスキンじゃないスキンを適用したURLをシェアしたい場合もあるかもしれないんでなるべくHTMLいじらないで使いまわせるような書き方も…考えてみたつもりです…

普段自分が見る範囲で動けばいいやの精神で作ってるので

えむおか@moka

普段自分が見る範囲で動けばいいやの精神で作ってるので
人様にも使ってもらおうとするときはいろいろ気を付けないとあかんのやなぁと反省しました(そもそんな精神で作ったもん配布すなって感じですけども

スキン作る際のパスの書き方について

えむおか@moka

スキン作る際のパスの書き方について
https://www.nishishi.org/testground/tega...
スキンフォルダ外のフォルダにあるファイルを読み込む際に気を付けること
今のところCSSはスキンフォルダ内のtegalog.css1ファイルで済ませるつもりだけどもしそういうものがあるならCSSファイル内でインポートするかlinkタグを大文字で補完避けするのが吉、てことを覚えておく
PATH:CGI使えないかと思ったけどこれも本体置いてるディレクトリを絶対パスで出力してるので補完は免れなかった、ところで思い出したけどメインタイトルのリンクにこれ使ってるので次回のアプデの時に直します(自分ではここのリンクに「?」てパラメータがつくの嫌でそうしてたけどディレクトリインデックス使ってないと404出してしまう…🙇‍♂️#てがろぐ

う~んちょっと先走っちゃったな~

えむおか@moka

う~んちょっと先走っちゃったな~
3.9.0が配布されてからにしたらよかったかも🤔自分は今追っかけてるからベータでもアプデ適用するけどそうじゃない人にベータ使ってくれとちょっと言いづらい気もする、でもできたら最新版で使える記法使いたいっていうのあるからな…ほかのスキンは3.9.0待つかぁ…

>>79

えむおか@moka

>>79
すみません、これてがろぐ正式版(3.8.0)だと記事単体へのリンクが正常に作動しません😭のちほど修整してアップし直します!修正済みのものをアップしました。お知らせくださり本当に本当にありがとうございます🙏

何気なくギャラリーモード表示見たら

えむおか@moka

何気なくギャラリーモード表示見たら
多分ほかのページを2カラム対応したタイミングでめちゃくちゃに崩れてた😂
直しました…教えてよね(たぶん誰も見ていない

#てがろぐスキン daydream 配布を開始しました

えむおか@moka

#てがろぐスキン daydream 配布を開始しました
ダウンロードや解説は以下のURLです。
https://10prs.com/web-tips/tegalog/downl...
こういうものの配布は久々すぎていろいろ不親切な部分があるかと思いますが何かありましたらお気軽にご連絡いただけると幸いです、よろしくお願いいたします🙇‍♂️

2022年12月 この範囲を時系列順で読む この範囲をファイルに出力する

てがろぐ にコメント欄をつけてみるテスト

えむおか@moka

てがろぐ にコメント欄をつけてみるテスト
最初Disqus でやってたんですが表示やメアドを入れないと書き込みできないとかが気になって(なんか設定あるのかもだけどにわかに解らず…)ぼやいてたらタイムリーに

と紹介されていたので挑戦してみました、らかなりあっさり導入できて表示もシンプルだしなかなかよいのでは…!?と思います、承認なしで書き込み表示できたらもっといいんですけどそこはまぁ仕方ないのかな…?
てがろぐだとゲスト用アカウント作ってそういうこともできるけどそれだと個人のブログとかにコメント残すってのとまたちょっと違って掲示板的になっちゃうのであくまで個人のメモ帳にコメント欲しい/したいって時にはいいんじゃないでしょうか。てがろぐだけでなく静的HTMLサイトでも使えます。Cusdis です、ググっても日本語だと紹介記事はあっても導入してみた記事があんまり見当たらないのであとで導入記事書くかも(簡単に導入できるからみんな書かないだけなのかも)よかったらテスト書き込みしてみてください😀