英語のページ（URLに /en/ が含まれる）全てにおいて、 ヘッダーロゴのリンク先を英語版のHomeに設定したかった。body閉じタグ直前にこちらを… <script> let url = location.href; let pattern = '/en/'; if(url.indexOf(pattern) > -1){ let link = document.getEle…

そんなことある？って感じなんだけど、サイトの多言語化対応で、英語・アラビア語のサイトを作っている。アラビア語って、右から左に書く言語。なので当然サイトが全部 dir="rtl" になるってワケ。そりゃレイアウト崩れるとこも出てくる。 CSSで崩れたとこ直…

多言語サイトを作っていて、「検索」を「Search」に変えたかった。 const hoge = document.querySelectorAll('#search input')[0]; hoge.placeholder = "Search"; ほんとうに些細なことなんだけど、1行目末の[0]が必須だった。 これに気づかなくて、 なかな…

別ファイルで用意するの正直めんどくせ〜と思っていたが、 メディアクエリで書けば簡単 1. CSSファイルをmedia="all"で読み込む <link rel="stylesheet" media="all" href="~~~~/style.css"> 2. @media print{ で書いていく /**********印刷用**********/ @media print{ body{ color: #000; background: transparent; }</link>…

単語じゃなくても、クライアント様がブログ本文に入力した装飾 「●○●○●○●○●○●○●○●○●○●○●○●○●○●○」 みたいなやつで崩れたりする。 （そういう装飾を自分では使わないから、予測できなかった）単語の途中でも改行されるようにCSSを書き加えるんだけど、 いつも…

カスタムフィールドのプラグインとして、 現在はSmart Custam Fields を使っている。 b-risk.jp WYSIWYGエディターの項目も作れるんだけど、 そのエディターの中の「見出し」を制限したかった。（デフォルトだと「段落」「見出し1~6」「整形済みテキスト」か…

functions.phpに以下を追記するだけ。 //中サイズ画像をトリミングする update_option( 'medium_crop',true ); //大サイズ画像をトリミングする update_option( 'large_crop',true ); 以降にアップロードしたアイキャッチ画像にはトリミングが適用される。 …

多数の画像や埋め込みを含む約50記事を、noteからWordPressにお引越しさせました。note エクスポート機能ついてないの、つらい ブラウザ機能の「ページを保存」だと不十分 noteのコンテンツは動的に生成される部分が多くて、 「ページを別名で保存」だと使い…