WordPressのpluginでMarkdownを有効にしてSyntaxHighlightする

WordPressでMarkdownでSyntaxHighlightする方法は色々あるけど、紆余曲折あってJetpack by WordPress.comCrayon Syntax Highlighter の組み合わせで着地しました。

今の課題

三連バッククォートでハイライトされた時に最後に改行(空行)が入ってしまう。

え、なにそれ?って感じですよね。なんか凄くダサい感じなんです。

ほら、1行でいいのに2行になっちゃうんです。がっかり感マックスですね。

続きを読む WordPressのpluginでMarkdownを有効にしてSyntaxHighlightする

WordPress要注意plugin「Acunetix WP Security」は超重い!

WordPressをEC2(t2.micro)に移設してから、急にレイテンシが高くなったのでスペックの問題かと思っていたら、原因はサーバーじゃなくてAcunetix WP SecurityというPluginだった。

有効・無効でベンチマーク取ったので参考まで。

有効にした場合は1.81s

Acunetix_WP_Security_enable

無効にした場合は553ms

Acunetix_WP_Security_disable

有効時、Acunetix WP Securityのオプション設定でオンにしていたのは以下二つのみ。

  • Hide WordPress version for all users but administrators
  • Enable Live Traffic tool

なお、オプションを全て外した状態で有効・無効を切り替えても有効なだけでレイテンシは1秒を超えていました。

まとめ

  • WordPressのPluginはオススメしている記事だけを鵜呑みにしない

AmazonJSがW3 Total Cacheのせいで動かない件の対策

WordPressにAmazonJSをインストールしてみたら、テスト環境で動いたのに本番環境で動かないという状態に陥ってしまった。
ロード中画面から進まない状態で、キャッシュ削除しても全然ダメだったのでMinifyの対象から外してみました。
続きを読む AmazonJSがW3 Total Cacheのせいで動かない件の対策

WordPressのscreenshot.pngを縦横比4:3で作成する簡単な方法

皆さんスクリーンショットどうやって作ってますか?
OSの標準機能を使うだけで画像はすぐに用意できますね。

  • Windowsなら「Alt + PrintScreen」してから画像ソフトにペースト
  • Macなら「Ctrl + Shift + 4 + Space」で保存先を選択

私も最初はこの方法で作っていました。
ただ、これだとスクリーンショットの縦横比を合わせるのが面倒なんですよね。
続きを読む WordPressのscreenshot.pngを縦横比4:3で作成する簡単な方法

WordPressのregister_sidebarでclass指定ができない問題の回避方法

WordPressでテーマを作っている時にregister_sidebarでclass指定しても反映しないという問題にハマりました。
少しは原因探ってみたんですけど、WordPressのソースコードを追うのがちょっとダルかったので、力業で回避することに。

続きを読む WordPressのregister_sidebarでclass指定ができない問題の回避方法