家もPCも指紋認証で入る

指紋認証が好きだ。様々な物事にまだこんなに遅くて不便なのかよと感じる中、速さと便利さで感動させてくれる。

設定した指紋認証

  • 玄関
    • SwitchBot スマートロック+指紋認証パッド
  • PC
    • WindowsHello対応USBリーダ
      • 設定 > アカウント > サインイン オプション > Windows Hello 指紋認証
  • モバイル
    • Android
      • 72時間に一度、他の方法での解除を求められるのが面倒。無効化したい
  • Webサイト
    • Google Passkey
    • Microsoftアカウント
    • マイナポータル
    • WordPress
      • アドオンWP-WebAuthn
        • ユーザー > プロフィール下部Register New Authenticatorで認証子を追加
続きを読む 家もPCも指紋認証で入る

Prism.jsのSASSハイライトを修正

WordPressのHCBに言語を追加でSASSのシンタックスハイライトを追加したが、判定が不完全なので修正する。

修正前
修正後

疑似クラス、疑似要素の:にマッチしてセレクタ行がプロパティ判定されている(6,9行目)。

続きを読む Prism.jsのSASSハイライトを修正

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');
参考

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と競合した為使用せず。

WordPress覚書

パス取得定数・関数

ABSPATHWordPressディレクトリのフルパス+/
TEMPLATEPATH
get_template_directory()
親テーマディレクトリのフルパス
STYLESHEETPATH
get_stylesheet_directory()
子テーマディレクトリのフルパス
get_theme_file_path子テーマ(優先)、無ければ親テーマディレクトリのフルパス
home_url()サイトのURL
site_url()WordPressのURL
get_template_directory_uri()親テーマディレクトリのURL
get_stylesheet_directory_uri()子テーマディレクトリのURL
get_theme_file_uri()子テーマ(優先)、無ければ親テーマディレクトリのURL
ABSPATHのみスラッシュが付く

てがろぐスキンを自動生成

てがろぐ
https://www.nishishi.com/cgi/tegalog/

自鯖にマイクロブログを置けるCGI。何とも懐かしいデザイン(CGI自体が懐かしい)だが2017年作で、更新も精力的になされている。Spotify等の埋め込みにも対応している最新スクリプトである。

CSSとスキン(懐かしい)で自由にデザイン出来るという事で、WordPress製サイトの一部として馴染むように設置を試みた。

スキンの構成

  • skin-cover.html ページ全体
  • skin-onelog.html ↑に差し込まれる記事部分
  • tegalog.css

skin-cover.htmlにWordPressのヘッダとフッタを読み込ませたい。
ヘッダ内サイドバーには最新記事リスト等があるので自動生成したい。

続きを読む てがろぐスキンを自動生成

WordPressの管理バーを小型化

主張が強すぎるログイン時のadmin bar。
CSSで完全非表示、プラグインでマウスオーバー表示などに出来るが、利便性を求めて「小型化して必要なボタンのみ常時表示」にする。

何故右なのかというと、検索フォームが左に伸びる為。

続きを読む WordPressの管理バーを小型化