GandiドメインをCORESERVERで使う

新規ドメインに新規サイトを割り当てる際の設定。
CORESERVERのマニュアルではValue Domainのネームサーバを使うようにあるが、外部DNSでも問題なく接続出来た。(Cloudflareとは相性が悪いという話がある)

ドメイン設定

Gandiのネームサーバを使用

  1. CORESERVERにログイン後、サイト設定でIPをコピー
  2. Gandiにログイン後、ドメイン > 設定するドメイン名をクリック
  3. DNSレコード > 詳細設定 > DNSレコードを編集
  4. @ A~TXTレコード4行を以下に書き換え、ゾーンファイルを保存
    • @ 10800 IN A (CORESERVERのIP)
      @ 10800 IN MX 10 (契約サーバ名).coreserver.jp.
      @ 10800 IN TXT "v=spf1 ip4:(CORESERVERのIP) ~all"
続きを読む GandiドメインをCORESERVERで使う

WordPressのjQuery読込削除

WordPressのヘッダで古いjqueryとjquery-migrateが読み込まれているので、削除した上で高速なjsDelivrのCDNで新しいverを読み込む(プラグイン等で使用されている為)。

function.php編集

function enqueue_scripts() {
	wp_deregister_script('jquery');
	wp_enqueue_script('jquery-js', '//cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js');
}
add_action('wp_enqueue_scripts', 'enqueue_scripts');

参考

Squoosh-CLIでD&D画像圧縮

写真を綺麗に圧縮したい。
Jpeg、WebPは赤の劣化が激しい。Avifはブラウザの対応状況が良くない。

WebアプリSquooshのMozJpegで赤を綺麗に処理出来たが、デスクトップにD&Dして既定のパラメータで圧縮したい。

Squoosh-CLIをインストールしbatファイルを作成する。

続きを読む Squoosh-CLIでD&D画像圧縮

WordPressで定義リストdlを使う

2カラム・内容に応じてサイズ可変のリストを、スペース連打やテーブルを使わずに作りたい。

dl(定義リスト)のグリッド化で実装。

食べる
野菜
食べない
<dl class="grd">
  <dt>肉</dt>
  <dd>食べる</dd>
  <dt>野菜</dt>
  <dd>食べない</dd>
</dl>
dl.grd
	display: grid
	grid-template-columns: max-content 1fr
	column-gap: .5em

シンプルで理想的だが、WordPressで使えるリストブロックはolulのみ。
dlを作成出来るプラグインを探す。

続きを読む WordPressで定義リストdlを使う

WordPressのHCBに言語を追加

Highlighting Code Blockプラグインに対応言語を追加する。

設定

  1. 管理画面の設定 > [HCB] 設定 > ヘルプ(最下部)のリンクにアクセス
  2. 追加したい言語にチェック
  3. DOWNLOAD JSでprism.jsをDLし、テーマフォルダ以下にUP
  4. HCB設定の使用する言語セットクラスキー:”言語名”,形式で行を追加
    • クラスキーはprism.jsの2行目で確認
  5. 独自prism.jsにパスを記入し、設定を保存

SASS、AutoHotKey、Batchを追加した。
CSSもDL出来るがHCBと競合した為使用せず。

リンクにサイトアイコンを表示

CSSの疑似要素でリンクにサイトアイコンを付ける。
URLで判別する為、よく使うリンク先をいくつかCSSに記載しておく。

アイコンDL

続きを読む リンクにサイトアイコンを表示