WordPressタグのついた記事一覧

WordPress Classic Editor で Markdown 記法を使えるようにする

Web

背景・目的

  • 仕事で Kibela を、プライベートで Notion を利用しており、Markdown でのドキュメント管理が増えてきた
  • このブログ(WordPress)でも Markdown 記法の文章を扱えるようにしたい

前提

目指すゴール

  • wp_posts テーブルの post_content カラムには、Markdown 記法の文章をそのまま格納する
  • the_content() を通したときに適切なHTMLに変換される

WordPress 内のエディタについて

WordPress 内のエディタは、以下2点を前提条件とする。

  • Classic Editor を使用する
  • ビジュアルリッチエディターは使用しない

Read More

WordPress embed ショートコードで埋め込んだ YouTube 動画のレスポンシブ対応

Web

やりたいこと

  • iframeタグの前後に任意のdivを挿入し、CSSでレスポンシブ対応させる
  • アスペクト比は16:9のみ対応とする
  • 動画の埋め込みには embed ショートコードを使用する
  • post_contentにあたる部分を置換するのではなく、embed機能のなにがしかにフックして書き換たい
  • 個別投稿かつYouTube動画の埋め込みにだけ効かせる

Read More

WordPress でカテゴリーアーカイブのURLに /category を入れたくない問題を力技で解決する

Web

今回解決させること

カテゴリーアーカイブのURLから /category を取り除く

  • WordPressデフォルトのカテゴリーアーカイブのURL形式は以下。
    • /notes/category/カテゴリースラッグ/
  • このサイトでは、個別記事のURLを以下に設定している。
    • /notes/カテゴリースラッグ/記事ID
  • なので、上記にあわせてカテゴリーアーカイブのURLも以下のようにしたい。
    • /notes/カテゴリースラッグ/
  • つまり、カテゴリーアーカイブのURLから /category の部分を削除したい。

/category なしURLにアクセスした際の表示不具合を防ぐ

問題の挙動
  • カテゴリーアーカイブのURL形式は
    • /notes/category/カテゴリースラッグ/
  • なので、以下のURLは「正しくないURL」のはず。
    • /notes/カテゴリースラッグ/
  • が、実際にアクセスすると404にはならず、カテゴリーアーカイブの1ページ目が表示されてしまう。
何が困るのか?
  • カテゴリーアーカイブの2ページ目以降の正しいURLは
    • /notes/category/カテゴリースラッグ/page/2
  • なので、ページネーションのリンク先として生成される以下のURLは「正しくないURL」
    • /notes/カテゴリースラッグ/page/2
  • 実際にアクセスすると、こちらは404が表示される。
つまり

カテゴリーアーカイブURLから /category を抜いたURLにアクセスした場合、「1ページ目は問題なく見れるのに、2ページ目以降には行けないページが見れてしまう」状態になっている。

Read More

EWWW Image Optimizerを有効化するとエラーが出るときの対処法

Web

症状

  • 管理画面 > プラグイン から「EWWW Image Optimizer」を有効化するとエラーがでる
    EWWW Image Optimizerを有効化するとエラーが出る
  • ツールフォルダが作れない

EWWW Image Optimizer could not create the tool folder: /home/homepage/public_html/notes/wp-content/ewww/. Please adjust permissions or create the folder.

  • 使用するプログラムがインストールされていない

EWWW Image Optimizer uses jpegtran, optipng, pngout, pngquant, gifsicle, and cwebp. You are missing: jpegtran, optipng, gifsicle. Please install via the Settings Page or the Installation Instructions.

Read More

はてなダイアリーのXMLをパースしてCSV形式で出力しWordPressにインポートする

Web

目的

はてなダイアリーに書いた記事を、はてな記法のままWordPressにインポートする

やりかた

  1. ダイアリーの管理画面から「はてなダイアリー形式」のxmlをエクスポート
  2. xmlをパースしてCSVに変換
  3. WordPressプラグイン「Really Simple CSV Importer」を使ってインポート

Read More