月: 2022年4月

WordPressはたくさんのシェアを誇るシステムだけど、その代わりに悪意のある人達からの攻撃による危険と隣り合わせと言われてる。頻繁にアップデートが行われても攻撃は変わらず安心できない。特にWordPressのログイン、コメント、ピンバックとかトラックバックへのスパム攻撃、画像（写真）へスパム画像を張り付けたり等、経験上、多岐にわたる攻撃を防ぐのが難しい。

WordPress

【セキュリティ対策】

① limit-login-attempts　② throws-spam-away　③ photection

【セキュリティ対策として下記のプラグインをインストール】

① WordPressのログインに制限を付ける「limit-login-attempts」

WordPressのログインに制限を付けて一定の回数に失敗するとログイン手続きをさせない機能があるプラグイン。設定や使い方はとても簡単で有効化の後、何も設定しなくても機能する。又、独自にログイン回数の制限と次回のログイン可能時間を決めることができる。。

ダッシュボードから「設定」→「Limit Login Attempts」をクリックしてWordPressログイン回数の制限を設定
　1．総ロック数： 今までにロックした回数。
　2．GDPR 準拠： ヨーロッパの規定基準なのでチェックしなくてOK!。
　3．ロック：ここに好みの基準を設定する。
　4．ロック通知： ロック制限を超えた場合WordPress上で確認するか指定のメールで通知を受けるかを選べる。
　5．他の設定ではIPアドレスを入力しておくとホワイトリスト（制限なしユーザー）、ブラックリスト（常に制限あり）として事前に処理を決めておくことができる。空白でOK!
通常は、空白のままで大丈夫でもOK!。

最後に「設定を保存」をクリックして終了。

② スパム対策として選んだ「Tthrows-SPAM-Away」

WordPressのスパム対策としては「Akismet」が有名で、Wordpressと一緒にインストールされてるプラグインだけど、このプラグインはコメントを保留してスパムかどうかを確認して手動で削除させるプラグインなので使い勝手が良くない。と言うことでスパム対策用として選んだ。

基本設定はデフォルトのままでもOK!、Throws SPAM Awayは日本語が含まれていないコメントをスパムと判定してスルーするという動作又は、一定期間保存したコメントリストの確認及び削除する方法となっている。

スパムコメントを自動で判定して完全にスルーできるので手動でゴミ箱に移動や通知する必要がない。）特に変更しないといけない設定もないので、必要な部分だけチェックする。

上記のように機能では、文章の変更とか除外したい場合や除外するIPを変更するなどの設定がある。

③ 投稿画像をコピーされることから保護する「photection」

この「photection」は簡単、インストールして有効にすれば「Copyrighted Images」と表示してコピーを防ぐだけです。

どうでも良いことだけど、iPhoneで撮ったプライベート写真だけでもコピーを防ぐ目的でインストールした。

以前のプラグイン「Crayon Syntax Highlighter」がWordpressのバージョンアップでインストール出来なくなった。記事の中にHTML、CSSやJavaといったソースコードを書き込むことが多いので重宝してたプラグインだったので、一時は途方に暮れたけど同じ機能を持つプラグイン「Enlighter – Customizable Syntax Highlighter」を見つけ試した。

WordPress

-WP-Customizable Syntax Highlighter-

この「Enlighter」はビジュアルエディター「クラシックエディター」、ブロックエディター「Gutenberg」の両方に対応しているところとか、使い方も「Crayon」と同じように簡単、エディター内で専用のショートカットを呼び出し、コードを記述してスタイルを決定するだけで記事にソースコードが綺麗に埋め込めるなど素晴らしいの一言。

【当サイトで表示してる設定方法】

上記は見た目に関わる最も重要な設定なので、お好みで変更した後は無視してもOK!。

WordPressのテーマ「Twenty Seventeen」のトップページ、固定ページ、投稿ページ等に「投稿」とか投稿者文字が表示される。サイトを公開してこれらの表示がデザイン的に邪魔な感じなので非表示にした。

① 特にトップページの「投稿は」見出し（h2）なので、コード自体を削除。

① 特にトップページの「投稿」は見出し（h2）なので、コード自体を削除。
　＃index.phpを子テーマにコピー
　　wordpress/wp-content/themes/twentyseventeen-child/index.php
　＃下記のコードを削除
　　<header class="page-header">
　　<h2 class="page-title"><?php _e( 'Posts', 'twentyseventeen' ): ?></h2>
　　</header>

　＃以下のコードを、functions.phpに追加 ←投稿者名
　　function twentyseventeen_posted_on(){
　　　echo '<span class="posted-on">' . twentyseventeen_time_link() . '</span>';　　}

以上、トップページ、固定ページ、投稿ページの「投稿者」は削除される。

② カスタマイズから追加CSSで固定ページ及び投稿ページの「entry-title」を非表示にする。　　　

　1．TOP記事（固定記事）のタイトルのみ非表示
　　.home .entry-title {
　　　display: none;
　　}
　2．全固定ページのタイトルが非表示
　　.page .entry-title {
　　　display: none;
　　}
　3．全投稿ページのタイトルが非表示
　　.post .entry-title {
　　　display: none;
　　}
　4．特定の投稿IDで非表示 .post-(例:post=123)
　　.post-123 .entry-title {
　　　display: none;
　　｝
　＃固定ページのみ非表示、投稿ページは非表示にしたいページのみ。　

カレンダーから移動した時に投稿ページに表示される「日：カテゴリー」とアーカイブページに移動の「カテゴリー名」は必要かな？目障りであれば、ファイル修正又はStyle.CSSに追加して非表示可能。

プラグインのAGP font-awesome-collectionを今回もインストールしてメニューとかサイドバーへアイコンを貼り付けたが、カスタマイズから画面を見ると上部にエラー表示される。今のところ問題は無いようだが、いずれ互換性が無いと言うことで利用不可になる可能性がある。又、幾つかのFont Awesomeのプラグインを試したが、なんとなく使いずらい感じなのでプラグインを使わない方法にした。そこで最も簡単な「Font-awesome-free」一式をダウンロード、Wordpressにアップロードして使うことを選んだ。

– Font-Awesome-Free –

① ダウンロードした fontawesome-free-5.2.0-web.zipを解凍

　＃Font Awesomeのダウンロード先：
　　https://fontawesome.com/docs/web/setup/get-started

② Font Awesomeを使う準備

　1．子テーマのディレクトリ（フォルダ）内に font-awesome ディレクトリを作成。
　　/wp-content/themes/twentyseventeen-child/font-awesome
　2．その下に上記①で解凍したディレクトリの下の /webfonts/ 全てと /css/ ディレクトリの中の all.min.css をコピー。

③ functions.phpに以下を記述。

　wp_enqueue_style( 'font-awesome', get_stylesheet_directory_uri() . '/font-awesome/css/all.min.css', array());

④ Font Awesomeで表示したいアイコンを探し、クリックで表示されるページのコード（タグ）をコピーして任意の場所に貼る。

　＃Font Awesome
　　https://fontawesome.com/v5.15/icons?d=gallery&p=2
　＃Font Awesome アイコンフォント一覧 [Free (フリー) のみ]
　　https://johobase.com/font-awesome-icon-font-list-free/

＃ 以下のようにコード（＜i class=”far fa-smile”＞＜/i＞）を貼り付ける。　　　　　　
　　　　このように 表示できたら成功。

メニューへのアイコン、サイドバーにも難なく張り付けることが出来た。たしか、「Free CDN」とかがあるようだけど、詳しくないので上記の方法を選んだ。