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

リンクの色とか訪問済みとかカーソル置いた時とか押した時とか、色々色替えるのが大好きなんですが、今回はあんまり色々はせずにリンクとカーソル置いた時だけの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) 質問/要望

🍅Re:2152◆ご要望をありがとうございます。もし大量の記事を外部から移してくる際には、データファイル(tegalog.xml)をテキストエディタで編集した方が楽かもしれません。1件1行のXMLで、投稿日時が先頭に記載される仕様になっていますので、テキストエディタに文字コード順でのソート機能があれば、日付順に並び替えるのも簡単です。もっとも、その場合は投稿番号を自力で割り振らねばなりませんが。何らかのインポート機能もそのうち実装したいとは思っています。また、手動入力された日付順でのソート機能もToDoリストには加えてあります。気長にお待ち頂ければ幸いです。
🍅Re:2153◆てがろぐ用のスキンは私も見たいです。ご活用報告を頂いて伺うと、かなり凝ったスキンを作っていらっしゃる方々がたくさんなのですけども、スキンそのものの配布もしている方には今のところ遭遇していません。(^_^;) 手打ちサイト用のテンプレートは、例えばFuwaimgを配布なさっているdoで配布されているテンプレートをお使いになっている方々をちょくちょく目撃します。
🍅Re:2154◆ご活用報告を下さる方々の中でもそこそこな割合で検索避け設定をされている方がいらっしゃるのですが、ユーザリンク集ができれば登録したいとおっしゃる方もいらっしゃるので、そのうち自己登録型のユーザリンク集を作ろうかと思ってはおります。今はまだ何も進んでいないのですけども。
とんがりコーンも美味い。
トウモロコシの絵文字はないのか……。ポップコーン🍿はあるけど。
4年以上前(日 15:52:23) 回答/返信