AddToAny ワードプレス プラグイン ソーシャルボタン

投稿記事内などにソーシャルボタンを簡単に設置できるプラグイン。

インストール方法は、プラグインの新規追加でインストール後、有効化するだけ。

正式名称は「AddToAny Share Buttons」。

設定は簡単なのではしょりますが、デフォルトのままでも問題ないと思います。

任意ではありますが、追加CSSを利用するとで多少のレイアウト変更が可能です。

当ブログではマージン等を追加してアイコンの位置を変更しました。

参考まで

.addtoany_content {
clear: both;
margin: 20px 16px;
border-bottom: solid 1px #096aa2;
padding: 12px 0 12px;
}
.a2a_kit a {
cursor: pointer;
padding-left: 10px;
}

cssの解説

ソーシャルボタンどうしの間隔を広くし、上下の間隔（マージン）も広くしました。

あとはボタンの下にバー（青線）を追加してます。

以上

余談ではありますが、今までは「WP Social Bookmarking Light」を利用してました。

不揃いの横長ボタンで、ボタン同士の間隔があいまいでした。

それでも今まで見て見ぬ振りで利用してました。

今回ブログレイアウトのメンテついでに「AddToAny 」に乗せ換えました。

しまい

WordPress　実装中プラグイン

ワードプレス プラグイン：Yet Another Related Posts Plugin（YARPP)

エラーの対処法　（旧バージョンに戻す）

バージョン 5.27.2 にバージョンアップしたら、当ブログでエラーが発生しました。

本文が表示されない。

「このサイトで重大なエラーが発生しました。」と表示されます。

直ぐに対処したいものですが、修復方法が分からない。

そんな時は、その場しのぎではありますが、今まで問題なかった旧バージョンに戻しましょう。

バージョンアップして不具合を起こした１つ前のバージョンに戻す。

割と不具合があったバージョンは本家が察知し、

修正バージョンを早めにリリースする可能性が高いものです。

それまで待つこともいいかもしれません。

手動ではありますが、旧バージョンに戻す方法は簡単です。

本サイトより旧バージョンをダウンロード。↓

https://ja.wordpress.org/plugins/yet-another-related-posts-plugin/advanced/

本家のページが開かれたら、一番下にスクロールするとダウンロードがあります。

「開発バージョン」から必要とするバージョンを選んでダウンロードします。

ダウンロードした圧縮フォルダを解凍。

FFFTP等でサーバーにアクセスし、解凍したフォルダ丸ごと

フォルダ名（yet-another-related-posts-plugin）に上書きする。

（×××/wp-content/plugins/yet-another-related-posts-plugin/）

以上です。

追伸

当ブログでエラーが出た「バージョン5.27.2」は、

４日後に「バージョン5.27.3」が公開されました。

これにバージョンアップしたら問題ありませんでした。

DW Question Answer バージョンアップ（1.4.3.4→1.5.7）

WordPress（ワードプレス）プラグイン

前回のバージョンアップからかれこれ3年程放置していました。

理由としては、

バグらしきを発見し、暫くは安定していた旧バージョン（1.4.3.4）を利用して

様子をみてたと言ったところ。

そろそろ良かれとバージョンアップしてみました。

現状スペック等詳細

WordPress 5.3.1–ja　/　php7.3　/　自作テーマ

安定バージョン1.4.3.4が必要な方は、下記リンク記事からダウンロードして下さい。

DW Question & Answer　バージョン1.4.5 の不具合と対処法

※バージョンアップする際、旧バージョンをバックアップしておくこと必須。

※バージョンアップ後、異常があった場合の対処法

FFTPでサーバーにアクセスし、プラグイン「DW Question Answer」を丸ごと削除し、

バックアップした旧バージョンをアップロードしてくださ。

アップロード際、パーミッション（属性）は気にしなくて大丈夫です。

当方運営の「KAWASAKI Motorcycle Q & A」でバージョンアップ後、

不具合・エラー等は見られないようでした。ﾎｯﾄｼﾀ

過去に苦い思いしてるんで。

それでは、バージョン1.5.7はどう進化したのか？

さらっとレビューします。

言語ファイル（languagesフォルダ内）

画像左が旧バージョン1.4.3.4　右が新バージョン1.5.7

新たに追加されたファイルはありませんが、

新バージョンファイルは全体的に縮小気味。

ファイル名も変更されている。

dwqa → dw-question-answer

よって、新しく日本語化ファイルを作成する必要ありました。

【DW Question Answer1.5.7　日本語化ファイル】

下記記事からダウンロードして下さい。

DW Question Answer　日本語化｜ファイルダウンロード　【 WordPress プラグイン 】

DWQA設定に新たに追加された3項目

1.投票設定　匿名投票を許可する。

2.Akismet設定　スパム対策用プラグインとの紐付け。

3.自動閉鎖設定　自動閉鎖を使用する。

これらの項目は、まだ必要性がなさそうなのでそのままにし、

おいおい導入していこうと思います。

以上、さらっとレビューでした。

ココから先は、旧バージョンを色々カスタマイズといいますか、

スタイルシート等いじったものがデフォルトさてしまったので修正しました。

これらをカスタマイズされていない方は、下記はすっ飛ばしてください。

質問する「Ask Question」ボタンをカスタマイズ 参照

修正ファイルは「style.css」の596行目
・・・/wp-content/plugins/dw-question-answer/templates/assets/css/style.css

アイコン「icon-q.png」を追加
・・・/wp-content/plugins/dw-question-answer/templates/assets/img/icon-q.png

パンくずリストのカスタマイズ（トップページ） 参照

修正ファイルは「style.css」の505行～521行
・・・/wp-content/plugins/dw-question-answer/templates/assets/css/style.css

※レスポンシブ対応

パンくずリストのカスタマイズ（トップページ以外のページ） 参照

修正ファイルは「style.css」の433行～435行
・・・/wp-content/plugins/dw-question-answer/templates/assets/css/style.css

※レスポンシブ対応

ベストアンサーのカスタマイズ 参照

修正ファイルは「style.css」の182行～203行
・・・/wp-content/plugins/dw-question-answer/templates/assets/css/style.css

画像を3つ追加
・・・/wp-content/plugins/dw-question-answer/templates/assets/img/

ファイル名：best-answer.png（162×19px）

ファイル名：answer-off.png（32×22px）

ファイル名：answer-on.png（180×22px）

Google reCAPTCHA 実装法 参照

修正ファイル

１.質問フォーム（question-submit-form.php）

/wp-content/plugins/dw-question-answer/templates/question-submit-form.php

２.回答フォーム（answer-submit-form.php）

/wp-content/plugins/dw-question-answer/templates/answer-submit-form.php

※コメント欄にも「reCAPTCHA」を実装したかったが、どこのファイルをいじって良いか分からず断念し、DWQA設定のパーミッション（権限）で匿名のコメントを不可に設定した。

以上

BuddyPress【WordPress プラグイン】バージョン 5

アップデートレビュー

バージョンアップ　4.1.0　→　5.0.0

■現在の当ブログ WordPressスペック

• WordPress5.3
• テーマ 自作
• php7.3

前回のアップデート4.1.0 レビューの記事はこちら。

BuddyPress【WordPress プラグイン】バージョン 4.1.0 アップデートレビュー

5.0.0にアップデート後、前バージョン（4.1.0）と比較検証しました。

※BuddyPressに関連する設定は、ダッシュボードの上から順に確認しました。

アップデートした際のチェック項目は大まかに3つ。

1. メール（ ダッシュボード ＞ メール ）
2. ツール（ダッシュボード＞ BuddyPress）
3. 設定（ダッシュボード＞ BuddyPress）

１.　ＷＰログイン ＞ ダッシュボード ＞ メール（BuddyPressメール）

作成したメール（公開済み）は16項目。

バージョンアップ後に確認。

特に変化は見られない。

メール設定の詳細は、「BuddyPress メール 設定 備忘録」をご覧ください。

BuddyPress メール 設定 備忘録【WordPress】プラグイン

２. ＷＰログイン ＞ ダッシュボード ＞ ツール ＞ BuddyPress

バージョンアップ後には変更等見られず、前バージョンと同じ。

※メール設定で、サンプルの項目を作る場合など、
修復ツール「Reinstall emails (delete and restore from defaults).」
にチェックを入れ、「項目を修復」をクリックすると、サンプルが新たに生成されます。

３.　ＷＰログイン ＞ ダッシュボード ＞ 設定 ＞ BuddyPress

バージョンアップ後、追加された項目はなく、前バージョンと同じ。

コンポーネントは10項。その内停止しているものは5項目。

その他、設定・固定ページ・クレジットは変更なし。

設定の詳細は、「BuddyPress  設定 備忘録」をご覧ください。

BuddyPress 設定 備忘録【WordPress】プラグイン

5.0.0にバージョンアップ後の検証結果は・・・

新たな項目が加わった形跡は見られない。

また、日本語化する箇所も見当たらず、以前のバージョンを推移している。

バグもなさそうなので、再設定することもなく現状維持。

5.1.2にバージョンアップ　（2020.04.01）

新たに追加された項目はない。

バグもなさそう。

再設定する必要はない。

WordPressプラグイン【UpdraftPlus】を導入

バックアップ方法を【BackWPup】から【UpdraftPlus】に変更しました

何故にBackWPupからUpdraftPlusに移行したかと言いますと、

ここのところBackWPupでDropboxにバックアップすると、

エラーばかりで、バックアップが出来なくなった。

この手のエラーを検索すると、多くの解決方法がヒットしますが、

それらを当ブログに投与しても改善はしませんでした。

半年ほど放置プレイ・・・。

たまたまヨサゲな「UpdraftPlus」の記事を見つけたので移行することにしました。

当ブログのバックアップ履歴。

■BackWPupバージョン2.1.17を導入　2013年2月

■BackWPupバージョン3.5.0 不具合があり削除　2018年5月

■BackWPupバージョン3.6.10　ジョブ系エラーで削除　2019年10月

サーバースペック等

■XREA / php7.3

■WordPress バージョン5.2.3

■テーマ 自作

UpdraftPlusの導入方法を簡単に説明

現在のバージョンは1.16.17。

WPダッシュボード ＞ プラグイン ＞ 新規追加＞「UpdraftPlus」で検索

「今すぐインストール」をポチっと。

↓　↓

「有効化」ボタンをポチっと。

※有効化後にはダッシュボード＞設定　に「UpdraftPlus Backup」の項目が追加される。

バックアップデータの保存先は「ドロップボックス」に指定する設定。

ダッシュボード ＞ 設定 ＞ UpdraftPlus Backup ＞ 設定 ＞

「Dropbox」のアイコンをクリックすると、　

↑これが表示される。

後は何もいじらず、一番下にスクロールし「変更を保存」をクリック。

これらが表示される。↓

赤枠をクリック。

注）Dropboxには事前にログインしておくこと。

「許可」をクリック。

「Complete setup」をクリックで完了。

Complete setupをクリックした時点で、自動的にバックアップが始まる。

ブログのキャパ等で時間も変わりますが、数分でバックアップが完了する。

保存先のドロップスボックスを確認してみる。

Dropbox　＞　アプリ　＞　UpdraftPlus.Com

7つの圧縮ファイル（zip）を確認。

上から順に、

1.データベース　2.その他　3.プラグイン　3.テーマ　4・5・6アップロード

その他設定　

当ブログの設定。参考まで

バックアップスケジュール

バックアップ完了のお知らせメール

しまい

Compress JPEG & PNG images【WordPressプラグイン】

画像圧縮の必須アイテム

Compress JPEG & PNG images　バージョン 3.2.0

利用環境：WordPress5.2.2　/　php7.3　/　自作テーマ

何故に画像を圧縮する必要があるのか？

ブラウザの表示スピードが速くなり、観覧する方のストレスを軽減させる上、

サーバーへの負荷も軽減される。また、SEOにも役立つ。

画像圧縮プラグインは検索すると多数ヒットするが、

私が「Compress JPEG & PNG images」を選んだ理由は、

リサイズ機能が備わっていることでした。

リサイズ機能（Resize the original image）とは、

「幅の上限」または「高さの上限」欄でサイズを指定しておくと、

そのサイズを超えたアップロード画像は、指定サイズに縮小され、

圧縮まで行ってくれるスグレモノ。

いちいち撮った写真等、ソフトを使って小さいサイズに編集する手間が省ける。

※リサイズ設定は「Original image (overwritten by compressed image)」にチェックを入れてないと表示されない。

気になることが一つあります。

月の利用上限が画像500枚まで。

更に「リサイズ機能」を利用すると上限は250枚。

1ヶ月で250枚の写真をアップロードするだろうか？

仮に月25回ブログを書き、1つの記事で10枚画像をアップするとになりますよね。

当ブログの記事に使う画像は、基本的には横サイズは400ｐｘ。

だから、アップロード保存したオリジナル画像と、

記事挿入の基本サイズ（400ｐｘ）画像を圧縮するように指定し、

しばらく様子を見ようと思います。

Compress JPEG & PNG imagesのインストールと設定

導入はいたって簡単。

先ずはここで↓AIPキーを取得

「Developer API」

名前とメールアドレスを記入。

直ぐにメールが届くので「Visit your Dashboard now」をクリック。

表示されたAIPキーをコピーしておく。

次にワードプレスの管理画面でプラグインを新規追加。

「 Compress JPEG & PNG images 」を検索してインストール。

設定　＞　Compress JPEG & PNG images　を開き、

「Already have an account?」の欄にAIPキーを入力して保存。

以上

BuddyPress【WordPress プラグイン】はこう使う

設定後の一連の流れ　システムを説明

以前の記事では、構築やカスタマイズ方法を解説しましたが、

今回は、利用方法を当サイト「カワサキ モーターサイクルQ&A」を例にして、

実際にどう稼働するか？

管理者側ではなく、登録したユーザー側としての使い方を説明いたします。

現バージョンは、BuddyPressバージョン 4.1.0　です。

「DW Question & Answer」（Yahooー知恵袋みたいなプラグイ）のツールとして、

BuddyPressを利用。

1. ユーザー登録
2. 個人データのエクスポート
3. アカウントの削除

1. ユーザー登録ユーザー登録

必須項目を埋めて、「登録を完了」ボタンをクリックすると、

登録したメールアドレスに即メールが飛んできます。

これだけではまだ登録は完了していません。

受信したメール内の「下のリンクをクリックしてください。」

をクリック。

クリックするまでは、管理画面のユーザー＞アカウント登録管理＞未確定に表示されます。

これは管理者しか見ることが出来ません。

メール内の「下のリンクをクリックしてください。」をクリックすると、

アカウントを有効化するページが開かれます。

開かれたページの「有効化」ボタンをクリック。

これでユーザー登録が完了しました。

ログイン画面でログインすることができます。

実際のログイン画面です。

メアド・PWを入力すると、DW Question & Answerにログインした状態になり、

トップバーに、「こんにちはdadaさん」と表示される。

自分のプロフィルを確認してみましょう。

ちょっとした編集機能が備わってます。

自分のページとしてカスタマイズできます。

また、ツールバー（トップバー）左からのダッシュボードでも編集できます。

パスワードの再設定も可能です。

（注意）デフォルトだと、ダッシュボードに見せたくないものも表示されるので、
「functions.php」で非表示の設定を行う。設定方法は下記記事にあります。

「BuddyPress」を「DW Question Answer」に連携

ユーザー登録が完了すると、管理者に「新規ユーザー登録」として、お知らせメールが飛んできます。

2. 個人データのエクスポート (Export Data)

ユーザー登録された方の機能として、「Expot Data」があります。

自分の登録内容を「html」でダウンロードできます。

これらの操作は、「件名：操作を確認しました: 個人データのエクスポート」として、

管理者に通知（メール）が届きます。

3. アカウント(ユーザー登録)の削除方法

アカウントの削除はユーザー側で簡単に操作できます。

「アカウント削除」ボタンをクリックすると同時に、ログアウト状態になり、

メイン画面にジャンプします。

これらは管理者側で「自分でアカウント削除を許可しない」設定も可能です。

※アカウントの削除は管理者側にお知らせメールはありません。

BuddyPress メール 設定 備忘録【WordPress】プラグイン

「DW Question Answer」と連携した際の設定方法

現稼働中なのは「 バージョン 2.7.4 」　です。

バージョンアップを予定しているので、支障がないようBuddyPress

旧バージョン（2.7.4）のメール設定を備忘録。

その他の設定は、「BuddyPress 設定 備忘録」をご覧ください。

BuddyPress 設定 備忘録【WordPress】プラグイン

追加して公開済みは（16）です。これらはデフォルトでサンプルとして16通作られる。
カスタマイズしたのは随分前のことなので、多分不必要なものもあるかと。

– BuddyPress メール設定 バージョン2.7.4 –

【メールのタイトル 16通 】

ダッシュボード ＞ メール

※ 受信メールの検証はしてないものもあります。
よって、日本語化されていないメールもありました。

項目をいじったり増やしたりの設定は、

「「BuddyPress」を「DW Question Answer」に連携」をご覧ください。

こちらはウェブ上でプレビューしたサンプルです。

● [{{{site.name}}}] {{friend.name}} さんがあなたの友達申請を承認しました

プレビュー

{{friend.name}} accepted your friend request.

● [{{{site.name}}}] {{sender.name}} さんからの新規メッセージ

プレビュー

{{sender.name}} sent you a new message: “{{usersubject}}”

“{{usermessage}}”

Go to the discussion to reply or catch up on the conversation.

● [{{{site.name}}}] 新しいメールアドレスを確認してください

プレビュー

You recently changed the email address associated with your account on {{site.name}}. If this is correct, go here to confirm the change. Otherwise, you can safely ignore and delete this email if you have changed your mind, or if you think you have received this email in error.

以上

BuddyPress 設定 備忘録【WordPress】プラグイン

「DW Question Answer」と連携した際の設定方法

前回のバージョンアップから、長い間放置していいたプラグイン「BuddyPress」。

かれこれ4年くらいは放置してました。現稼働中なのは「 バージョン 2.7.4 」　です。

で、現在のリリースは「 バージョン 4.1.0 」。

バージョン 2.7.4 → 4.1.0　となる訳ですが、

ヤバくねぇ？

色々な機能が追加され、進化したであろう未知のバージョンです。

そこで、今までの設定等、パーになってしまわないかと心配になり、

備忘録しておくことにしました。

先ず、WordpressにBuddyPressをインストールして有効化すると、

ダッシュボード（管理画面）に3つの設定が追加されます。

1.ダッシュボード ＞ メール

2.ダッシュボード ＞ ツール ＞ BuddyPress

3.ダッシュボード ＞ 設定 ＞ BuddyPress

この3つの設定方法を備忘録しました。

– BuddyPress 設定 バージョン2.7.4 –

• • • コンポーネント
    • 固定ページ
    • 設定
    • BuddyPressツール
    • BuddyPressメール

ダッシュボード ＞ 設定 ＞ BuddyPress

● コンポーネント

全10項目

使用中：5項目

1.拡張プロフィール
ユーザーが自己紹介できる編集可能なプロフィール欄を使って、コミュニティをカスタマイズしましょう。

2.アカウント設定
ユーザーがプロフィールから直接アカウントや通知設定を編集できるようにします。

3.通知
ツールバーのバブルやメールで最近のアクティビティをメンバーに通知し、メンバーが通知設定をカスタマイズできるようにします。

4.コミュニティのメンバー
BuddyPress のコミュニティはすべて、メンバーが中心となっています。

5.BuddyPress コア
BuddyPress の機能を有効化するために必要です。

停止中：5項目

1.友達関係
ユーザーがお互い友だちになり、気になっている人のアクティビティを集中してフォローできるようにします。

2.プライベートメッセージ
ユーザー同士が直接、非公開で話すことができるようになります。一対一の話し合いだけではなく、メッセージは複数メンバー間でも送信できます。

3.アクティビティストリーム
スレッド化コメント、直接投稿、お気に入りや @ メンションを含んだ全体・個人・グループのアクティビティストリームのすべてが、RSS フィードとメール通知に対応しています。

4.ユーザーグループ
グループを使うことで、アクティビティストリームやメンバー一覧とは別の、メンバー同士が話し合える公開または非公開の場を設定できます

5.サイトトラッキング
サイトの新しい記事とコメントを記録します。

必須：2項目

1.BuddyPress コア

2.コミュニティのメンバー

リタイヤ済み：1項目

1.グループのフォーラム
BuddyPress フォーラムは廃止されました。bbPress をお使いください。

● 固定ページ

ディレクトリ
WordPress 固定ページを各 BuddyPress コンポーネントディレクトリと関係づける。
メンバー：メンバーの表示↓

登録
WordPress ページを以下の BuddyPress 登録ページと関連付ける。
登録：登録の表示　→　https://www.hcz.jp/qa/
有効化：有効化の表示　→　https://www.hcz.jp/qa/

● 設定

メイン設定

ツールバー

アカウント設定　☑

プロフィール設定

プロフィール写真のアップロード　☑

カバー画像のアップロード　☑

プロフィール同期　☑

● BuddyPressツール

ダッシュボード ＞ ツール ＞ BuddyPress

BuddyPress keeps track of various relationships between members, groups, and activity items. Occasionally these relationships become out of sync, most often after an import, update, or migration.

手動でこれらのつながりを再計算するには、以下のツールを使ってください。

これらのツールの中には、かなりのデータベースのオーバーヘッドを生ずるものがあります。一度に複数の修復ジョブを実行しないでください。

ツールは、何かを設定する項目ではありません。基本いじりません。

では、どう利用するかと言いますと、

メール設定で、サンプルの項目を作る場合など、

修復ツール「Reinstall emails (delete and restore from defaults).」

にチェックを入れ、「項目を修復」をクリックすると、サンプルが新たに生成されます。

● BuddyPressメール

すべて（16）｜公開済み（16）

こちらの設定は項目が多くあるので、別ページにて備忘録いたします。

BuddyPress メール 設定 備忘録【WordPress】プラグイン

以上

BuddyPress（WordPress）プラグイン

カスタマイズ集

BuddyPressは、WordPress上にプラグインとしてインストールすることで、

独自のSNS機能が利用できる。

私が今までカスタマイズしたことを備忘録しておきます。

BuddyPressの編集でお困りの方は、参考にしていただければ幸いです。

インストール方法（実装）は簡単なので、ここではあえて深く語りません。

1. 配信メールの文字化け　対処方法
2. プロフィール写真を変更のカスタマイズ
3. BuddyPress を「DW Question Answer」に連携
4. BuddyPressのバージョンアップに子テーマは必須
5. BuddyPress 設定 備忘録

1. 配信メールの文字化け　対処方法

BuddyPress　配信メールの文字化け　対処法（wordpress プラグイン）

2. 「プロフィール写真を変更」のカスタマイズ

BuddyPress 「プロフィール写真を変更」ページのカスタマイズ

編集ファイル

/wp-content/plugins/buddypress/bp-templates/bp-legacy/buddypress/members/single/profile/change-avatar.php

3. 「BuddyPress」を「DW Question Answer」に連携

「BuddyPress」を「DW Question Answer」に連携

編集ファイル

/wp-content/themes/functions.php

4. BuddyPressのバージョンアップに子テーマは必須

BuddyPress（ワードプレス プラグイン）の子テーマは必須。作成方法

BuddyPressのテーマが置かれている階層は、

wp-content/plugins/buddypress/bp-themes/bp-default

この「bp-default」が BuddyPress のデフォルトテーマになります。

 バージョンアップされると、ここが更新される。

5. BuddyPress 設定 備忘録

BuddyPress 設定 備忘録【WordPress】プラグイン

バージョンアップのための、バックアップ的な記事。