hetemlを利用でCode Snippets利用時に403エラーが出た場合の対処方法

403エラー .htaccess 修正方法

本サイト内のコンテンツはNORILOGが独自に制作しています。メーカー等から商品提供を受けることもありますが、その場合は記事内に明記しております。コンテンツの内容や評価に関するランキングの決定には一切関与していません。メーカー等の指示による表示部分にはPRを表記します。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。詳しくはサイト運営ポリシーをご覧ください。

WordPressをhetemlで利用していて、function.phpを簡単にいじることができるプラグインの「Code Snippets」を入れて利用した場合、更新ボタンや保存ボタンを押すと403エラーが出るケースがあります。

私も同じ症状がでてしまい、解決策が無いのかとかなり悩んでいろいろ調べてみたところ、原因は、hetemlのサーバーで設定できるWAF(ウェブアプリケーションファイアウォール)の問題でした。今後同じ症状が出た場合の対処方法としての備忘録として残しておきます。

この記事を書いた人

heteml(ヘテムル)のWAFとは

WAF(ウェブアプリケーションファイアウォール)とは簡単にいうと、コントロールパネルからワンクリックで簡単に設定できるセキュリティー対策です。これまでのファイアウォールなどでは防御できなかった攻撃(不正なアクセス)を検知しサイトを守ってくれる機能となってます。

しかし、WordPress等のPHPを使ったのサイトの場合には、このWAFをONにすることで、PHP等のプログラムの動作に影響が出る可能性がある公式HPに記載があります。私の場合も、セキュリティー対策の為に、特定ドメインのWAFをONにしており、今回の場合はまさにこれに該当しておりました。

403エラーが起きた事象

起きた事象は、function.phpに追加のコードを記載する為に、Code Snippetsに追加したコードを保存しようと、以下の画像のとおりボタンを押したところ。。。403エラー(Forbidden)の発動!!

結構ビビります。思わず声が出てしまいます。

NORI

あぁぁぁぁぁ!!!ページが表示されない!

Code Snippets

function.phpを直接いじるのはかなり怖いです。調子に乗って直接いじってサーバーにアップして、サイトが真っ白くなるパターンがよくあります。(私も昔よく経験してました)

なので、手軽にfunction.phpを追加して、ON、OFFできるプラグインである「Code Snippets」を利用するメリットは非常に大きいのですが、403エラーが出るため動かない!!

403エラー(Forbidden)になる場合の回避方法

このエラーを回避する方法は、hetemlのコントロールパネルにログインして、「各種設定」の中にある、「WAF設定」をクリック。該当の事象が起きているドメインの「詳細を見る」ボタンをクリックすると、WAFのログを確認することができます。

heteml コントロールパネル I WAF設定

ここで、さきほどCode Snippetsで保存を押した時間がわかれば、その時間と同時刻のエラーを確認します。もしくは別ブラウザで立ち上げて同じようにボタンを押してみて、どのようなエラーが吐き出されるのか、以下の画像を参考に確認してみてください。

エラー出力参考例

WAF

WAFの検知ログで表示されている除外記述を.htaccessファイルに追記することで、Code Snippetsで保存ボタンを押したときに、403エラー(Forbidden)になること防ぐことが可能になります。

Code Snippetsはfunction.phpを直接触らないまでも、近いことをしているので、WAFが動作して拒否するのは理にかなっていると言えばかなってますが、WordPressのカスタマイズをする際には、必要ないところまでセキュリティー対策がされてしまうのが難点です。

あとは以下のリンクを参考に、.htaccessによる除外記述を追記してあげればOKです。

Mac 隠しファイル 隠しフォルダ の表示方法 Macを利用して .htaccessなどの隠しファイルや隠しフォルダを一瞬で表示させる方法

.htaccessによる除外記述の方法 – heteml

参考記述例

私の場合は、全部で4つ記述することでCode Snippetsの保存ボタンが機能して正常に保存されるようになりました。必ずしもひとつは限らないので、ボタンを押してWAFに記述されるログを見ながら、それを.htaccessに追記していくことをおすすめします。

WAF htaccess

WordPressをサカスタマイズする上での注意点

WordPressのカスタマイズをするにあたり、functions.phpの編集が必要となる時は必ずファイルをバックアップしておいてください。バックアップファイルがあれば、万が一コードのミスで画面が表示されなくなったり、真っ白くなったりした場合でも、バックアップファイルで元に戻すことができます。

最悪、自分が今まで頑張って作り上げてきたサイトが元に戻せなる可能性もあります。私も過去何度か経験しました(汗)

注意

ファイルのバックアップは最も簡単にできる、最も大事な注意点ですので必ず行ってください。

Code Snippetsを使って403エラーが出た場合の対処方法のまとめ

本記事は、Code Snippetsを使って403エラーが出た場合の対処方法についての回避策をまとめた解説記事です。

デザインの仕事をしていると、プログラマーやエンジニアとは違うので、サーバー周りには非常に弱いのですが、調べていくうちにいろいろと勉強になりました。

hetemlを利用していて、WordPressに入れたプラグインを使った場合に403エラーを返す場合、まずはWAFの検知ログを確認してみてください。もしかすると、ここで引っかかってるケースが大半かと思います。その場合は.htaccessに除外記述を追記することで解決するはずです。

同じような症状が出てる方がおりましたら是非参考にしてみてください。

以上、NORI(@norilog4)でした。

WordPress プラグインの解説記事

WordPress おすすめプラグイン code snippets 設定方法 WordPressの functions.php を安全に管理・追加できるプライグイン「Code Snippets」

コメントの通知/購読設定
受け取る通知
guest

1 コメント
古い順
新しい順 評価順
Inline Feedbacks
全てのコメントを見る
trackback
CodeSnipetsで保存すると403エラーが出る場合の対処方法 | SimpleStock3.1
6 年 ago

[…] hetemlを利用でCode Snippets利用時に403エラーが出た場合の対処方法(CRESRCさん) […]