No.5411, No.5410, No.5409, No.5408, No.5407, No.5406, No.5405[7件]
質問と言うか、もしできるのならばご教授いただきたいと思いまして…
ハッシュタグについて、cssなどを使って記事表示での#(※全角にしています)記号を非表示にする方法はありますか?
ハッシュタグなのに#を消したらハッシュタグじゃなくなるのはもちろん承知してます(笑)
てがろぐを日記やブログではなく少々変わった形で使わせてもらっているのと、ハッシュタグ専用にcss装飾しているのもあって、#がない方が見栄えがすっきりするな…と思い、何とか消してみようと試してみたのですが自力では出来ず、こちらに伺った次第です。
よろしくお願いします。
by admin. ⌚2025年9月13日(土) 13:37:16〔6日前〕 <289文字> 編集
by admin. ⌚2025年9月11日(木) 17:05:21〔7日前〕 <47文字> 編集
🆕 Ver 4.6.6βの更新点(概要):
《▼新機能》
●動画ファイルの埋め込み表示機能。
●名前付き1行単位フリースペースを内側スキンでも使用可能に。
●ログインフォームの上側に任意のメッセージを掲載できる設定機能。
《▼仕様改善》
●Apple Musicの共有用URLの新仕様に対応。
●使用中画像の検索機能を(検索語に「PICT:」を指定せずに)ファイル名だけで検索するよう変更。
●画像管理画面からの画像削除時に、サムネイル画像があればそれも同時に削除するように改善。
●エラー発生時の環境情報の出力をデフォルトで「しない」に変更。
《▼不具合修正》
❎予約投稿を有効にしているとき、(ログインしている状態で)存在しない投稿番号の単独ページにアクセスするとエラーが出る問題を解決。
詳しい使い方などは、上記の開発進捗状況報告ページの記事をご覧下さい。
🍘SNSでのアナウンス:
Bluesky
mixi2
Mastodon(Pawoo)
Twitter:
(ツイート埋め込み処理中...)Twitterで見る
by nishishi. ⌚2025年9月10日(水) 23:29:52〔8日前〕 アップデート✨ <534文字> 編集
[VIDEO]URL記法か、[VIDEO:キャプション]URL記法で以下のように埋め込まれます。(URLの自動リンクを無効にしている場合は埋め込まれません。)
※以下の動画ファイルは19.9MBあるので気を付けてね。(ブラウザ側のコントロールで再生ボタンを押さない限り読み込まれません。MetadataのPreloadはされます。)
※動画ファイルをアップロードする機能はありません。(別途FTP等でのアップロードが必要です。画像ファイルの対象拡張子設定を使うことで、画像としてUPする方法もありますけども。)
by nishishi. ⌚2025年9月10日(水) 15:28:35〔8日前〕 <327文字> 編集
by admin. ⌚2025年9月10日(水) 15:18:34〔8日前〕 <3文字> 編集
🍮Re:5403◆詳しい解説をありがとうございます。なるほど、お礼メッセージ(ページ)の中にさらに追加で押せるボタンが表示されるんですねえ。お礼メッセージがバルーン(吹き出し)で表示される場合なら今見えているボタンを再度押せば良いだけですが、ページ遷移を伴う場合は確かに移動先にもボタンがある方が望ましいのでしょうね。実装する段階になってみないと分からない面も多々あるので、どうするかは(今の時点では)分かりませんが、動作の選択肢の参考にさせて頂きます。(╹◡╹)
🍮Re:5404◆気に入って下さってありがとうございます。ご自身だけでお使いになる(再配布しない)場合は、著作権表示の要件を満たす限りはプログラムのソースを改変してお使い頂いても特に問題ありません。ただ、プログラム側のソースを改変するとバージョンアップがしにくくなると思いますので、まずはソースを改変せずに望みを叶える方法を探ることをお勧めいたします。てがろぐでは、なので、「実はソースを書き換えなくても、設定だけで済む or スキンの編集だけで済む」というケースも多々あると思います。まずは、スキン側のカスタマイズ方法を眺めたり、管理画面の設定項目を眺めたりしてみて下さい。(同梱のTegUpを使うとワンクリックでバージョンアップできます。その際、ソース内の設定項目は維持されますが、こちらが想定していない部分の改変内容は維持されません。)
CGIにお詳しいようですから、最新β版も使ってみて下さい。正式版の最新版Ver 4.6.0からも機能がいろいろ増えています。
なお、ソースを修正しないと実現できなさそうな機能については、ここにお書き下されば、今後の開発の参考にしますので、ぜひお知らせ下さい。
個人サイト28年ぶりですか。西暦何年かな……と思ったら1997年ですね。私が最初に個人サイトを作ったのも1997年だったので28年前です。(笑)
もうそんなに……。_(┐「ε:)_
by nishishi. ⌚2025年9月9日(火) 23:13:53〔9日前〕 回答/返信 <996文字> 編集
🍝Re:5410◆CSSでは無理ではないかな……と思います。CSSで先頭1文字に対してだけ装飾できる ::first-letter 疑似要素というのはありますが、これには display:none; のようなdisplay要素を指定できない規則ですので。
配色を透明にして誤魔化す(color:transparent;)という手もありそうに思えますが、そもそもCSSでの「先頭1文字」は、先頭が # のような記号の場合には「その記号+次の文字」を対象にしてしまいますので、「 # 」だけを透明にはできなさそうです。
JavaScriptで実現しても良いなら、以下のソースをページ末尾(=</body>の直前あたり)で実行すればハッシュタグ先頭の「 # 」記号を削除できます。
<script>
document.querySelectorAll('.comment .taglink').forEach(el => {
el.textContent = el.textContent.replace(/^#/, '');
});
</script>
上記は、本文が <div class="comment">~</div> で囲まれている場合のコードです。そうではない場合は、.comment 部分を書き換えて下さい。
(セレクタを .taglink だけにしてしまうと、ハッシュタグ一覧を掲載している場合に、それらの先頭1文字も削ってしまいますので。)→よく考えたら、このJavaScriptは先頭の「 # 」記号だけを除外する正規表現なので問題なかった。┌(:3」└)┐ .comment の記述はなくても大丈夫です。^^;