ブログ

今回はワードプレスのカスタムメニューをトグルダウンで表示させる方法をご紹介します。クリックしてサブメニューが表示させる方法になります。スマホメニューなどにはよく使われているかと思います。

ワードプレスでローカル環境で見てもらう必要があり、静的ファイルの出力を希望されていたのでそれが出来るプラグインを探しました。静的サイトの生成プラグインは主に3つだけですね。

希望としてはダウンロードしてファイルを渡すという形が理想なのですが一番理想に合うプラグインはSimply Staticでした。3点の違いと方法を簡単に説明します。

あってて良かったバックアップデータということが多々ある今日この頃でございます。

多くの利用者がいるワードプレスなんですが、実は多いが故に狙われてしまうことも多いのです。壊れてしまったり、ウィルスに感染する前にバックアップがあれば元に戻すことも可能です。

さて、バックアッププラグインと言えばBackWPupという方も多いのではないでしょうか。以前は使っていましたが、今のところよほどの理由がない限り使っていません。

これを元々使っていたのは復元機能があったからなんですが、今はないですしデータ保存するだけなら他のが簡単で良いです。自力で復元するのは結構大変です。

アイコンフォントで最も有名なfontawesomeですが5になってますます使い勝手が向上しました。推奨はJSを使ったSVGと表示となっております。Webで最も人気のあるアイコンセットをFontAwesomeを使って、ベクターアイコンとソーシャルロゴを表示させてみましょう。

fontawesome5はFree版とPro版があります。Pro版は有償となっておりますが違いとして929のフリーアイコンが使えますがProは1,387個のアイコンが使えます。そして各アイコンのクラスにはRegular,Solid,Light,Brandsという項目に分かれています。

Regular,Solid,Lightは同じアイコンでも太さや形が違っていたりしますがFree版は主にSolidでRegular,LightがPro版というくくりになっています。Brandsはその名の通りブランドやロゴなどがその項目になっております。公式サイトは以下になります。

そもそもSVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス)で、拡大縮小、変形してもキレイなままでぼやけず荒れないXMLベースの画像のことです。Web上でSVGを使って表現することが出来ます。イラストレータのデータも同じベクターデータです。

最近はアイコンフォントよりもSVG化が主流になりつつあります。アイコンフォントは、元々はテキスト表示を改造してアイコンを表現していた物でしたが最近は直接アイコンを描画するSVG化に流れが向いています。

有名なアイコンフォントFont Awesomeもバージョンが5になってJSを使って描画していますがSVG推奨となっています。もちろん以前のアイコンフォントとしても使えます。

さて今回はオリジナルのアイコンを作ってSVGで表示させてみたいと思います。HTML版とWordPress版の2つのバージョンでお届け致します。

DMARC（ディーマーク）とは迷惑メールの送信者から偽装を防ぐ仕組みになります。まだ対応サーバーは少ない気がします。

その仕組みに当たってSPFとDKIM（ディーキム）も知る必要があります。この2つの認証に失敗したときにどのように動作するのがDMARCになります。

SPF（Sender Policy Framework）送信側のホストのIPアドレスを基に認証を行うIPアドレスベースの認証方式
DKIM（DomainKeys Identified Mail）送信者から送信されたメールが改ざんされていないかどうかを調べることができる電子署名方式の送信ドメイン認証技術
DMARC（Domain Message Authentication Reporting & Conformance）メールの認証を行うSPFやDKIMを利用するプロトコルです。DMARCはSPFとDKIMの認証が両方とも失敗した場合に動作します。 none : 何もしない。 quarantine : 隔離する（迷惑メールフォルダに入れる）。 reject : 受信しない（SMTPエラーとする）。