2020年11月30日

スパムメール対策!Contact Form7にreCAPTCHA v3を追加

サイトのテーマをGiraffeからAffinger5に移行作業中、メモです。

Affinger5.jpg



毎日のように、お問い合わせフォームから迷惑メールが届いています。

まあそんなもんかと思っていましたが、これやってなかった!!

作業ついでにこれも設定しました。

明日からが楽しみだ!!!



世界中のスパムメールを撲滅!Contact Form7にreCAPTCHA v3を追加する方法
| デジタルマーケティング専門家/デジタルマーケッター松原潤一のブログ
そこで今回は、WordPressのプラグイン「Contact Form 7」を使って作った問い合わせフォームに、スパム対策機能を追加する方法を解説します。


無料で導入できるスパム攻撃対策「リキャプチャ(reCAPTCHA)」とは


「reCAPTCHA」って?スパム対策に効果的なreCAPTCHAをフォームに入れてみた
| BLOG | シナジーマーケティング株式会社 SynergyMarketing



12/3追記

毎日5件ぐらい来ていた英語の営業メールとかロシア語のわけわからんメールが、一切来なくなりました。
日本語の営業メールも今のところなし。
普通の問い合わせメールは届いているので、これは効果アリ!としていいでしょう。
やってよかったみたいです!!



タグ:Affinger5
posted by mocci at 16:10| Comment(0) | WordPress

2020年11月29日

Affinger5〜追加プラグイン

サイトのテーマをGiraffeからAffinger5に移行作業中、メモです。

Affinger5.jpg



カテゴリーページを作ろうと思っています。

Rich Text Tags というプラグインを追加したいのだけど、WordPressのプラグイン検索でみつからない。

製作者名で検索してもだめ。どういうことだ?


プラグインの新規追加より、「Rich Text Tags」を有効化します。私がDLした際は、少しスクロールした位置にあり探しづらかったので、このアイキャッチで探すとよいかもです。

だめです、見つからない。。。


● Rich Text Tags, Categories, and Taxonomiesの設定方法
-カテゴリページに画像や説明文を追加できるWordPressプラグイン
Rich Text Tags



・・・・・・・・・

WordPress.orgに情報がありました。

Rich Text Tags – WordPress plugin | WordPress.org
This plugin has been closed as of June 1, 2020 and is not available for download. Reason: Security Issue.

オーマイガッ!!!!
今年の6月でやめちゃったんだと!!

セキュリティ問題かー、仕方ない。。。
今使っている人はどうなんだろ。

代わりになるもの、ないかな…




Pixabay Imagesを追加。使い勝手はこれから。

Pixabay Imagesの使い方-著作権フリーの画像を簡単に記事に挿入できるWordPressプラグイン




タグ:Affinger5
posted by mocci at 12:22| Comment(0) | WordPress

2020年11月28日

さくらのブログに、Google Photoから貼った写真が…

さくらのブログ-管理画面.JPG

さくらのブログは、Google Photoからの画像貼付けができて大変便利なのですが、

今ごろになって問題点を発見しました。

Google Photoから貼りつけた写真が、

パソコンではちゃんと表示されているのに、

スマホ(iPhone)で見ると「ファイル名.HEIC(JPG)」となって写真が表示されていない!

これはいかんですね!!



ちょっとググったら同じように困っている人はいた、
この人の場合、画像を共有に設定すると直ったらしい。

けど私の場合、パソコンではちゃんと表示されている。
ちょっと違うんだなぁ


■seeesaaブログを利用していますが、写真はgoogleフォトから貼付けています。
最近、画像が表示されない記事が多く困っています。
お助けください。 - Google フォト Community



さくらのブログから直接埋め込む以外の方法。
Google Photoは、Embed Google Photosというツールを使うとできるらしい。
けど、今上がっている画像はそこから一旦DLした方が早そうだなあ。
たくさんあるけど。。。

Embed Google Photos - Add Images from Google Photos in your Website

無料クラウドに保存した画像をブログに埋め込めるか確認してみた。
Amazon Prime Photo・Googleフォト・OneDrive
- 生活情報オンライン



スマホ用のテーマを変えて見たけど、かわらず。

逆にますます変な表示になったりすることもある。

一瞬直ったかと思うこともあるので(ラーメンブログ)、もしかしたらさくら側の問題?



たぶんさくらサーバーに問い合わせても優先度低そうだし、

またこういう問題おきるかもなので、ちゃんと画像もUploadしましょうか…

とほほ・・・


タグ:モバイル
posted by mocci at 17:37| Comment(0) | さくらのブログ

2020年11月27日

Affinger5〜フォント設定、WEBアイコンの色

サイトのテーマをGiraffeからAffinger5に移行作業中、メモです。

Affinger5.jpg


大どころの設定完了! と思うので本番サーバーにリリース!

したら、フォントがイマイチ。スマホフォントが大きいぞ。


Affinger5はデバイスごとのフォントの大きさを変えられるので調整だ。

Affinger管理>デザイン>フォントのサイズ

【フォントサイズ】実は重要!?アフィンガーで記事を見やすいように文字のサイズとカラーの設定を変更したので紹介!!【AFFINGER5】 | 日曜日のOneRoom

自分なりに設定。見ながら調整しましょう。



フォントを変えても反映されないので、プラグインを疑ってみる。

TS Webfonts for SAKURA RS を無効化したら、普通のフォントになりました。

見やすくなりました。



記事の行頭にお手軽に追加できるアイコンが用意されています。

ビジュアルエディターの、「スタイル」ボタンから>アイコン で挿入

アイコンの色を変えることができます。

カスタマイズ>[+]オプションカラー>記事内のWEBアイコン

ショートコード使って吹き出しとかボックスとか、色々やっていきたいですが、アイコン使うだけで記事の雰囲気が変わりますね。



よしよし、いいぞ Affinger5!


タグ:Affinger5
posted by mocci at 21:47| Comment(0) | WordPress

Affinger5〜Google Adsense貼付け。AMP化はそのうち

Affinger5.jpg

Google Adsenseを設定しました。

うまくできているんだろうか… ^^;

誰でもできる!Google AdSense「自動広告」をWING(Affinger5)に貼り付ける方法と注意点


Googleアドセンス初心者が広告設置で迷う10点と解決策 | WebFood




AMP化は難しそう、後回しにしよう・・・

とりあえず広告ユニットだけ取得。

ディスプレイ広告ユニットを作成する - AdSense ヘルプ
アカウント内で管理できる新しいディスプレイ広告ユニットを作成するには:


AMP化ができたらこれもやる。

AMP化したサイトでGoogle Adsenseを記事内に掲載する方法(AFFINGER 5)
ご存知の方も多いと思いますが、AMP化後のサイトではAdsenseのコードを多少いじる必要があります。

【ASPバナー対応】Affinger5×AMPで広告設置するための完全マニュアル - まがったミニマリストのブログ
なお、AdSenseのみであってもAMPページのアドセンス広告は単価が高く、CTRも通常ページより高めになる傾向があるためアドセンスを使った収益化をしている方はぜひAMP化することをお勧めします。



これはやる必要ないと思うけど、一応メモ。

レスポンシブ広告コードを修正する方法 - AdSense ヘルプ
現在のレスポンシブ広告コードではご希望どおりの広告ユニットを作成できていない場合は、レスポンシブ サイトの要件を満たすように広告コードを修正してください。次の例に従うと、広告コードを正しく修正することができます。
タグ:Affinger5
posted by mocci at 15:00| Comment(0) | WordPress