No.2162, No.2161, No.2160, No.2159, No.2158, No.2157, No.2156[7件]

全投稿の番号を連番で振り直す機能。(途中に削除した投稿があって番号が抜けている場合に、すべて詰めて採番し直す機能。)
これらの機能が欲しいです… #要望 4年以上前(木 14:46:02) 質問/要望

リンクの色とか訪問済みとかカーソル置いた時とか押した時とか、色々色替えるのが大好きなんですが、今回はあんまり色々はせずにリンクとカーソル置いた時だけの2色にしました。これはこれでごちゃごちゃにならずにいい。
本文内のハッシュタグだけは特に目立つ色にするのが好き。 4年以上前(木 13:03:52)


🌽Re:2158◆補足ですが、複数のスキンを並行して利用しているなど、「適用中のスキン名を維持したリンクを出力する必要がある場合もある」なら、>>2159 で示したように『一時適用中のスキンを維持できるリンクを出力する』項目のチェックを外す方法だと困りますね。その際は、JavaScriptを使って動的にURLを書き換える方法があります。要はリンク先URLの中からスキンを指定している記述(例では skin=skin-twitter )を削除できれば良いのですから、HTMLソースの中で『SSIで埋め込んだ部分』よりも後(重要)に以下のようなJavaScriptソースを書いておくと良いです。
<script>
var targets = document.querySelectorAll("a");
targets.forEach(function(oneTarget) {
var oldHref = oneTarget.getAttribute('href');
var newHref = oldHref.replace('skin=skin-twitter', '');
oneTarget.setAttribute('href', newHref);
});
</script>
このJavaScriptが実行されると、ページ内のすべてのa要素にあるhref属性値の中から「skin=skin-twitter」の文字列が削除されます。その結果、スキン指定を無視してデフォルトスキンで表示されるリンクになります。スキン名の部分(赤色文字)は適宜書き換えて下さい。#🌱豆知識
🌽補足1:
なお、すべてのa要素を対象にするのはちょっと無駄な処理が多いのではないか? と思われる場合には、上記ソースの2行目を、以下のように「class名で対象を限定する記述」に書き換えると良いです。
●ハッシュタグリンクだけを対象にする場合:var targets = document.querySelectorAll(".taglink");
●指定No.へのリンクだけを対象にする場合:var targets = document.querySelectorAll(".postidlink");
🌽補足2:
もしくは、SSIで埋め込んでいる領域を例えば<div class="umekomi">~</div>で囲んでいるなら、この範囲に含まれるa要素だけを対象にするよう以下のように書く方法もあります。
var targets = document.querySelectorAll(".umekomi a");
この方がすべてのリンクを1行で対象にできて、分かりやすくて楽な気もします。
🍿蛇足:
補足というか蛇足ですが、もし「別のスキンを適用した状態」にリンクを書き換えたいなら、5行目のoldHref.replace('skin=skin-twitter', '');部分を、oldHref.replace('skin=skin-twitter', 'skin=skin-sakuratan');のように書き換えれば、skin-sakuratanが適用されたリンクに差し替わります。
4年以上前(水 22:14:09) 回答/返信

🍨Re:2158◆下図の黄色矢印部分のように、『一時適用中のスキンを維持できるリンクを出力する』のチェックを外すと、適用中のスキンを維持しないリンクが出力されるため、「埋め込み用のスキンが適用された状態のリンク」が出力されてしまうのを避けられます。同時に、『本文中のテキストリンクを絶対URI(フルパス)で出力する』にチェックを入れておくと、SSIで埋め込んでいるディレクトリの違いによってテキストリンクのリンクパスが正しくなくなるのを防げます。

2019年にブログに書いた「てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法」の初版では現在の最新バージョンに存在する種々の対策方法についての説明が足りていなかったので、先日書き足しておきました。この記事の見出し「SSIを使って、てがろぐCGIが出力する最新の1件だけを埋め込む」以降を再度ご覧頂ければ幸いです。(注: >>2160 に続きます。)
SSIで埋め込んでいる領域で画像が正しく表示されない場合は、下図の水色矢印部分にもチェックを入れると良いです。

#🌱豆知識
🍨Re:2157◆トウモロコシあったぁぁぁ!*・゜゚・*:.。..。.:*・'(*゚▽゚*)'・*:.。. .。.:*・゜゚・*🌽🌽🌽🌽🌽🌽
🍨Re:2156◆ありがたい限りです。ご活用頂いているところが見えると、開発のモチベーション維持に絶大な効果があります。(╹◡╹)
昼食は焼き飯。
4年以上前(水 12:19:03) 回答/返信

てがろぐでの投稿をSSIで埋めこんでいるんですが、投稿本文の内部リンク(ハッシュタグや指定No.リンク)のURLがtegalog.cgi?skin=skin-twitterというようにスキン名がくっついてくるので正しいURLにアクセスできません。今のところCSSでpointer-events:none;とすることでポインターイベントを無効にしてます。
スキンの仕様上難しいのかもしれませんが、正しいURLにリンクさせる方法があれば教えていただきたいです。
#質問 4年以上前(水 09:41:51) 質問/要望