雛箱

new

カテゴリ「メモ45件]3ページ目)

メモ 170

てがろぐに関して、RSS等から個別ページにアクセスした場合に、
IF構文使ってhtmlに個別表示と一覧表示用の記載をして変えるパターンではなく、指定スキンを使用したURLに飛ばしたい場合、
JavaScriptならskin-cover.htmlの方に
<script type="text/javascript">
  window.onload = function() {
    const urlParams = new URLSearchParams(window.location.search);
    const postId = urlParams.get('postid');
    if (postId !== null) {
      window.location.href = `https://【アドレス】/?skin=【スキン名】&postid=${postId}`;
    }
  }
</script>

畳む

を仕込めば一瞬ラグはあるけど個別ページにアクセスしたら指定のスキン使ったアドレスに飛ぶな。
挙動としては個別表示時のURLに含まれる『postid』という文字列を検知して、postidがURLに含まれる場合はスキン指定を付加したURLに転送するという形。

.htaccess使うのはアレコレやってみたけどイマイチうまく行きませんね…

とりあえずここはIF構文使ったパターン(個別表示の際に不要な部分を[[IF(-onelog): :IF]]で囲ってるだけです)、doranohouはJavaScriptで指定スキンに飛ばす感じにしてみました。

【追記】
昨日は上手くいかなかったんですけど、.htaccessに
RewriteEngine On
RewriteCond %{QUERY_STRING} ^postid=([^&]+)$
RewriteRule ^$ https://【アドレス】/?skin=【スキン名】&postid=%1& [L,R=301]

畳む

と記載したら上手いこと転送されました。
RewriteRule ^$ https://【アドレス】/?skin=【スキン名】&postid=%1&%2 [L,R=301]
にすると編集後も個別ページに飛ぶっぽい
畳む


昨日駄目だった理由としてはサイト内転送なのでhttps://を端折ってサブディレクトリからの指定にしたからかな?
参考にしてたところはいずれもサブディレクトリからの指定だったんでそれが完全に行けない訳ではないと思うんですが、難しいな…。
挙動としてはJavaScriptの時と同じでURLに含まれるpostidを検知して含まれる場合はスキン指定を付加したURLに転送する形です。
JavaScript使うより.htaccessの方が(動くなら)確実に転送出来るのでdoranohouの個別ページに関してはこっちにしておきます。

動かしてみると個別表示状態で見た後に、同一カテゴリやタグ付いた投稿見たいとなった時は単独記事状態維持の方が見やすい気がするので、こっちも記事単独の時は.htaccessで専用スキンに飛ばしちゃった方が良い気がするなぁ。
やりました。
doranohouの個別表示もこっちと揃えた方が良い気がして来たのでどうするか考え中です。

ちなみに以前はてがろぐの用のコマンド([[PARMAURL:PURE:FULL]])の後ろにスキンの指定を直書きしてアドレスをくっつけるというやり方だったのでスキンの指定が最後になってました(https://【アドレス】/?postid=【記事番号】&skin=【スキン名】)が、今回個別記事の前にスキンの指定を書いている(https://【アドレス】/?skin=【スキン名】&postid=【記事番号】)のは、記事番号が不定なのでそれを末尾に持って行った方がわかりやすいなぁと思ったからです。多分末尾じゃなくても出来なくは無いんですけど、私が混乱するので…
てがろぐは?の後ろに&で繋いでいる要素が前後しても問題ない動きをしてくれるので大変助かりますね。


#てがろぐ #HTML

  メモ  編集


メモ 158

コイブミの送信元と送信先のアドレスが同じになってしまう問題、koibumi.phpの71行目、
$headers = "From: " . $noticeAddress; を
$headers = "From: 任意のアドレス"; と書き換えれば任意のアドレスから送信されたことに出来るっぽいですね。
設定画面からの操作ではなくPHPに直書きする形になっちゃうのでアレですけど。

#コイブミ

  メモ  編集


メモ 徒然 152

てがろぐβ版でカスタム絵文字が使えると聞いてアップデートしたんですけど、よく考えたらFediverseでもあんまり普段の投稿でカスタム絵文字使ってなかったんでとりあえずMr.DAIFUKUdaifukudoranohouの絵文字だけ作って入れました。

あと絵文字をハッシュタグに使った場合の挙動を見てみたんですけど、投稿上では絵文字そのものをタグに出来ますけど、タグ一覧だと:emoji:表示になるんですね。
分かりやすい名前にしておけばキャラクターのアイコンを使って絵文字をハッシュタグにしてしまうのもアリかなぁ。

  メモ 徒然  編集


メモ 147

pixelとかなんかはちょこちょこ更新したりしているので、RSSで更新履歴をまとめられないかなぁと思って色々調べてはいるんですが知識が無いと色々難しいですね…。
とりあえず手動でやるしかないのかなー。
色々やってみてあと一歩くらいのところまでは来てると思うんですけど、各地のタイトル入れようと思うと上手くいかないですねー。

出来たぞー!!!
20230804185702-who_sk.jpg
こんな感じ。
基本はこちらの記事 を参考…というかほぼそのまま使わせて頂いたのですが、ここに各地のタイトルを入れたかったので
echo esc_html( $item->get_feed()->get_title() ) ;
という行を足した感じです。
それだけではあるんですが、ブログタイトルを引き出す$item->get_feed()->get_title()って引数が分からなくて苦労しましたねぇ…。まあ調べる過程で造りとかを理解出来たので良いのですが。
それでRSSを取得したページをiFrameで呼び出して、あとtargetを必ず_topで開くようにJavaScriptを使いました。
具体的にはこんな感じ
document.addEventListener('DOMContentLoaded', function() {
  const links = document.querySelectorAll('a[href^=http]');
  for (let i = 0; i < links.length; ++i) {
    links[i].setAttribute('target', '_blank');
    links[i].setAttribute('rel', 'noopener');
  }
});

畳む

難点と言えば読み込みが多いからちょっとページ表示が重いってところですが、まああんまり人来ないし個人的なハブサイトだし良いよねって感じです。フォントの読み込みはそのうちやめるかも知れないしこのままかも知れない。
サイトに書いてあるのと各地のタイトルが違うので置き換えとかもさせたかったんですけどそれはまた今度…。とりあえずずっとどうにかならないかと思ってたやつが一応形になったのでヨシとしたい。

#WordPress

  メモ  編集


メモ 146

一応メールフォームでコンタクトを取れるようにはしていたんですが、メールフォームってなると敷居がちょっと高いよなぁと思ってひとこと送るやつ設置しました。
まあないと思うんですが一応ね。あと自分が設置してみたかったからね。

  メモ  編集