Web開発

• 2021年9月15日

[WordPress] よく使うプラグインのメモ

概要

よく使うWordPressプラグインのメモ（一覧）です。
一言コメントも付けておくので参考にどうぞ。

WordPressプラグイン一覧

Prismatic

プログラミングのコードに色をつけてくれるあれです。
このサイトでも使っています。

Yoast Duplicate Post

投稿を複製する機能を追加してくれます。
同じフォーマットの元記事をコピーしてから編集することで時短になります。

Advanced Excerpt

トップページ含むアーカイブ（記事一覧）ページの抜粋で、タグを有効にしたり、文字数を設定したり出来ます。…

• 2021年1月20日

[JavaScript] ドキュメントの読み込み後に処理を実行するコード

サンプルコード

if (document.readyState !== 'loading') {
  eventAfterLoad();
} else {
  document.addEventListener('DOMContentLoaded', eventAfterLoad, false);
  // or window.addEventListener("load", eventAfterLoad);
}

解説

昔は下記のようなコードが多かったですが、最近では諸事情で上手く機能しなくなってきました。…

• 2020年5月23日

[JavaScript] chromeでエラーを出さずにinnerHTMLするコード

サンプルコード

// Use a safe function
elem.textContent = ''; // OK

// Pass in a trusted type
import DOMPurify from 'dompurify';
const str = `Hello, world!`;
elem.innerHTML = DOMPurify.sanitize(str, {RETURN_TRUSTED_TYPE: true});

// Create an 

…

• 2020年5月13日

[CSS3] display:flexで中央揃え色々

子要素の縦中央揃え

display: flex;
flex-flow: row;
align-items: center;

子要素の縦横中央揃え

display: flex;
justify-content: center;
align-items: center;

子要素の横中央揃え、縦伸張

display: flex;
justify-content: center;
align-items: stretch;

…