WordPressで50万インストールされているオンラインストア向け「WooCommerce Payments」プラグインに、認証されていない攻撃者が脆弱な店舗への管理者アクセス権を得ることができる重大な脆弱性が発覚したことを Bleeping Computer が報じています。

既にコンテンツ管理システム「WordPress」を運営するAutomattic社は、「WooCommerce Payments」を運用している数十万件のウェブサイトに対して、セキュリティアップデートの強制インストールを開始しているとの事。

この脆弱性はGoldNetworkのMichael Mazzolini氏によって報告されたもので、WooCommerce Payments 4.8.0以降に影響があります。

現時点ではこの脆弱性が悪用された証拠はありませんが、今回発覚した脆弱性には認証が不要であり、すぐに大量展開される可能性が非常に高いと予想されています。

悪用されるとウェブサイトを完全に乗っ取られる可能性もあるので、現在「WooCommerce Payments」プラグインを利用しているユーザーは、早急にアップデートが適用されているか確認しておくことを強く推奨いたします。

WooCommerce Paymentsを手動でアップデートする手順

WordPress.comでホストされているWooCommerceオンラインショップでは、「WooCommerce Payments 4.8.0 から 5.6.1」を実行しているサイトに対してパッチ付きバージョンに自動更新されています。

ただし、自分のサーバーでWordPressのインストールをホストしている管理者の場合は、以下の手順でWooCommerceプラグインを手動でアップデートする必要があります。

1. ダッシュボードで、「プラグイン」メニュー項目をクリックし、プラグインリストで「WooCommerce Payments」を探します。
2. バージョン番号は、プラグイン名の横にある説明欄に表示されているはずです。この番号が以下のパッチ適用済みバージョンのいずれかと一致する場合、それ以上の処置は必要ありません。
3. 新しいバージョンがダウンロード可能な場合、「WooCommerce Payments」をアップデートするよう案内が表示されるはずですので、アップデートしてください。

参考：プラグインのアップデート表示例

プラグインアップデート後は疑わしい挙動がないか確認を

「WooCommerce Payments」プラグインをアップデートした後、念のためにウェブサイトに疑わしい挙動がないか確認しておきましょう。

チェック項目の一例：

• 新たに追加された管理者ユーザーはないか？（ダッシュボード＞ユーザー一覧）
• ウェブサイトに追加された疑わしい投稿はないか？
• ウェブページを実際に表示し、怪しい広告が表示されていないか？またクリックした際に正しいページに遷移するか？

もしも予期せぬ挙動が見つかった場合は、直ちにすべての管理者パスワードを更新し、Payment GatewayとWooCommerceのAPIキーも更新してください。

WordPress force patching WooCommerce plugin with 500K installs

Automattic, the company behind the WordPress content management system, is force installing a security update on hundred...

www.bleepingcomputer.com

投稿 WordPressの「WooCommerce Payments」プラグインに重大な脆弱性が発覚！強制パッチ適用開始も、利用者は手動で更新確認を！ は enjoypclife.net に最初に表示されました。

Malwarebytesが同社のブログで「WordPress」のページビルダープラグイン「Modern WPBakery」に深刻な脆弱性（CVE-2021-24284）が見つかったと報じています。

「Modern WPBakery」はページビルダーアドオンで、このプラグインには「CVE-2021-24284」として知られる脆弱性があり、「’uploadFontIcon’ AJAX アクションを介して認証なしに任意のファイルのアップロード」を可能にします。つまり、攻撃者が不正な PHP ファイルを WordPress サイトにアップロードし、リモートでのコード実行やサイトの完全な乗っ取りを引き起こす可能性があるということです。また、この脆弱性への攻撃が急増していることも報告されており、速やかな対処が重要です。

既に「Modern WPBakery」のサポートは終了しており、この脆弱性への対処も見込めないため、現在利用中のWordPressユーザーは早急にプラグインをアンインストールしておきましょう。

https://blog.malwarebytes.com/malwarebytes-news/2022/07/warning-for-wordpress-admins-uninstall-the-modern-wpbakery-plugin-immediately/

blog.malwarebytes.com

投稿 WordPressの「Modern WPBakery」に深刻な脆弱性あり！利用中のユーザーは即刻アンインストールを！ は enjoypclife.net に最初に表示されました。

WordPressで利用者も多い「TablePress」プラグインですが、デフォルトではなぜか表に縦線が表示されません。

まあ、デザイン的にこれはこれでアリなのかもしれませんが、個人的には縦線があった方が読みやすいです。

という事で、本日は「TablePress」のカスタムCSSにコピペするだけで、簡単にデフォルトの横線と同じ薄いグレー（灰色）の縦線を追加するコードをご紹介しておきます。

↓ちなみにこちらがデフォルトの縦線無しの状態。

↓縦線を入れるとこんな感じになります。

TablePressの表に薄いグレーの縦線を入れる方法

TablePressの表に薄いグレーの縦線を入れる方法は以下の通り。

1. WordPressのサイドバーから「①TablePress」を選択。
2. 上部メニューの「②プラグインのオプション」をクリック。
3. 「③Load this “Custom CSS” code to change the table styling」にチェックは入れておきましょう。
4. ④の部分に下記のコードをコピペします。

table.tablepress td,
table.tablepress th {
border: 1px solid gainsboro;
}

ちなみにgainsboroは#DCDCDCでも同じ色合い。もしも色合いを変えたい場合はお好みで“gainsboro”の部分を変更してみてください。

コードのコピペが完了したら、下部にある「変更を保存」をクリック。後は実際に「TablePress」で作成した表に縦線が入っていることを確認して下さいね。

投稿 TablePressの表に薄いグレーの縦線を入れる方法：カスタムCSSにコードをコピペでOK は enjoypclife.net に最初に表示されました。

ここ数日記事の更新が滞っておりましたが、実はサーバー移転作業が原因。やっと移転作業に目途が立ってきたので、簡単に経緯をご報告しておきます。

enjoypclife.netは「WordPress」で運用しておりますが、元々サーバーは「Xserver」を使用していました。しかしながら動作速度の改善やWordPress専用サーバーという言葉に惹かれ、同じ運営会社の「wpX」に移転。

大きな問題はなかったものの、その後「wpX」の新規申し込み受付が終了。サービスは継続されるとの事でしたが不安になり、クラウド型レンタルサーバー「wpX Speed」に再度移転。

こちらも大きな問題はなかったのですが、今度は新サービスで「シン・レンタルサーバー」なるものが登場。流石に新サービスが続々と登場することに嫌気がさし、この度古巣の安定性を重視した「Xserver」に出戻った次第です。

WordPressのサーバー移転は慣れれば簡単なのでしょうが、そう頻繁に行うものではないですし、そもそもデータベース関連の管理に疎い自分のような人間にとっては不具合への対処など、神経を遣うが作業が多くかなり疲れます。また、今回は通常のサーバーデータバックアップからの復元ではなく、古いプラグインやテーマのゴミデータを掃除するために、出来るだけシンプルなデータ移行作業を行いました。これも今回時間がかかった原因の一つです。

とりあえずなんとか以前と同様の状態には戻せたと思うので、昨日やっとネームサーバーの変更申請を終了させたところ。なお、これを機に微妙にデザイン変更も施しています。

という事で、今後は新記事の作成や過去記事の修正にしっかり取り組んでいきたいと思います。もしも不具合等あればコメントなどでご報告いただければ幸いです。

読者の皆様、今後ともどうぞよろしくお願いいたします。

enjoypclife.net 管理人 よっしー

投稿 【ご報告】WordPressのサーバーをwpX SpeedからXserverに変更・移転しました は enjoypclife.net に最初に表示されました。

2011年からWordPressを利用している管理人ですが、何度かサーバー移転を行ったり、様々なプラグインやテーマのインストール/アンインストールを繰り返してきたせいか、データベースが徐々に肥大化。ゴミデータが増えてきている状態でした。

ただ、データベースの掃除は専門的な知識が必要だったり、誤ってデータを削除するとサイトが動かなくなる致命的な不具合に遭遇することもあり、なかなか手付かずの状態が続いていましたが、このままではダメだと一念発起。

本日思い切って不要データの掃除をしてみたので手順をご紹介しておきます。

もしも長年WordPressでサイトを運営している方は、一度時間のある時に慎重にデータベースの掃除を行ってみてはいかがでしょうか。

WordPressのデータベースを掃除する前には必ずバックアップを取っておこう！

WordPressのデータベース掃除を行うにあたって、思わぬ不具合が発生したり、必要なデータベースを誤って削除してしまう可能性も考えられます。

必ずデータベースの掃除をする前にデータベースの一括バックアップは取っておきましょう。また、データベースのエクスポート/インポート方法も確認しておいてくださいね。

参考までに、管理人が利用している「wpXサーバー」でのデータベースインポート/エクスポート方法は以下の通りです。

データベースのエクスポート・インポート | WordPress専用クラウド型レンタルサーバー【wpX Speed】サポートサイト

管理パネル内で手軽にデータベースのバックアップを行うことが出来る機能のご案内です。

www.wpx.ne.jp

WordPressのデータベース掃除：不要なプラグインを削除

WordPressのデータベース掃除するにあたって、まずは使っていない不要なプラグインを削除しておきましょう。

特に利用停止中の古いプラグインで使う予定が無い場合はアンインストールしておく方が無難です。プラグインの更新頻度もこの際併せてチェックしておくと良いでしょう。

WordPressのデータベース掃除：初心者には「WP-Optimize」プラグインの利用がおすすめ

WordPressのデータベース掃除ですが、データベースの取り扱いに慣れているなら「phpMyAdmin」にログインして直接削除するのが一番確実で早いと思います。

しかしながら私のようなデータベースの取り扱いに不慣れな人間にとってはややハードルが高いもの。

そこでおすすめなのが「WP-Optimize」プラグインの利用。「WP-Optimize」プラグインを使えば、データベースの不要なテーブルの確認も行いやすいです。ただし、テーブルの削除に関しては「WP-Optimize」の判断を鵜呑みにせず、ある程度自分で確認/調べてから削除するよう、慎重に作業を行いましょう。

まず「WP-Optimize」プラグインをインストールしていない方は以下のリンク先からインストールしておきましょう。

WP-Optimize – Cache, Compress images, Minify & Clean database to boost page speed & performance

この強力なキャッシュプラグインを使ってキャッシュの取得やその他の機能を利用しましょう。キャッシュを作成し、画像を最適化し、データベースをクリーンアップし、縮小化を行い、最大限のパフォーマンスを実現します。

ja.wordpress.org

「WP-Optimize」プラグインを有効化したら早速使ってみましょう。

【データベース】の【テーブル】を開きます。ここで不要と思われるテーブルの【操作】には【削除】の項目が表示されています。

しかしながら、これを鵜呑みにするのはおすすめできません。事前にテーブル名をコピーしてGoogleなどで検索し、不要なデータであることを確認してから【削除】ボタンを押すようにしましょう。
※例：「Contact Form 7」は利用しているプラグインであり、こちらのデータは削除しないようにしました。

一通り不要なテーブルの削除作業が完了したら、次に【データベース】の【最適化】を開きましょう。

必要な最適化項目にチェックを入れていき、最後に【選択した全ての最適化を実行する】を押します。自分は以下の項目にチェックを入れて利用していますが、ここは各々判断してください。

掃除後はサイトが問題なく動作しているかチェック。不具合が発生していたら焦らずデータベースをインポートして復元を

上記の掃除後に必ずサイトを開き、問題なく動作しているかチェックしておきましょう。出来ればブラウザの更新ボタンを押したり、複数のブラウザでチェックしておくと安心です。

もしも不具合が発生していたら、予めバックアップしておいたデータベースをインポートし、復元を行ってください。

wp_optionsテーブルの掃除/整理はまた後日予定

上記の「WP-Optimize」プラグインである程度のデータベース掃除/整理は行えますが、個人的に気になっているのが「wp_options」テーブルの掃除です。

これについては現在上手い掃除方法がないか色々調べている最中。後日改めて作業する予定です。

wp_optionsテーブルと自動読み込みデータの整理方法

プラグインやテーマは、wp_optionsテーブルに自動読み込みされるデータを生成します。この蓄積によりサイトの速度が低下する可能性があります。この記事では、データベースを整理する方法をご紹介します。

kinsta.com

WordPressのデータベースwp_optionsテーブルが極度に肥大した際の対策。

世界中のホームページの50%以上で使われているというWordPress。先日、管理しているサイトのデータベース…

pochilog.jp

投稿 WordPressのデータベースをお掃除！アンインストール済みプラグインの残したゴミデータを削除！ は enjoypclife.net に最初に表示されました。

今年はサイトのメンテナンスが第一目標となっているのですが、先日やっと「wpX」サーバーから「wpX Speed」サーバーへの乗り換えが完了しました。当初は画像データが上手く移行できていなかったなどそこそこトラブルがあったのですが、現在はなんとか落ち着いた感じです。

そして次に行ったのが、長年の悲願だった「WordPressのパーマリンク変更」作業です。

パーマリンクというのは各記事を投稿した際に表示されるリンク/URLの事です。例えば従来であれば「https://enjoypclife.net/2018/07/29/fire-tv-stick-usage-setup/」という風に日付も同時に表示される「日付と投稿名」という設定になっていました。これは「enjoypclife.net」を開設した当初、WordPress初心者でやり方なども分からず、とりあえずデフォルト設定のまま開設したのが原因です。

パーマリンク/URLもSEO的には重要な項目の一つであり、長いURLは多少SEO上不利との情報もあります。また、これはたまたまかもしれませんが、記事を更新しても更新日がなかなかGoogleの検索結果に認識/反映されないというのも、今回パーマリンク変更を思い立った大きな要因の一つです。

以前からWordPressのパーマリンクを「日付と投稿名」から「投稿名」に変更したかったのですが、本来WordPressのパーマリンク変更は不具合発生の可能性やGoogle等検索エンジンのページに対する評価を失う可能性もあるので基本的に変更しないのが大原則。しかし、この度サーバー移転を機に思い切って変更作業を行ってみた次第です。

という事で、本日はWordPressのパーマリンクを「日付と投稿名」から「投稿名」に変更する方法をご紹介しておきます。また、今回は検索エンジンの評価対策も兼ねて「301リダイレクト」設定も行いました。プラグインを使って「301リダイレクト」を行う事も可能なのですが、プラグインはなるべく常駐させたくないのと、サポート切れの際の不具合を考えると「301リダイレクト」は【.htaccess】に直接記述するのが無難。そして記事中のURL変更は「Serch Regex」というプラグインを利用します。これは一時的な利用なので、変更が完了して不要ならアンインストールしても構いません。

なお、変更作業は不具合時の対処を兼ねて、アクセス数の少ない夜間に行うと良いでしょう。自分の場合はAM2時に開始してバックアップやら不具合の対処やらを行い、なんだかんだでAM6時に作業が完了しました。事前のバックアップさえしっかり行っていて不具合が無ければ、実質の作業自体は20-30分程度もあれば完了するかとは思います。

ただし、今回の変更方法はあくまでも管理人の環境での変更方法なのと、現時点で不具合は無さそうですが、もしも今回ご紹介する方法でなんらかの問題（アクセス数の低下など）が発生しても当方では対処は出来ません。

そのため、今回の内容を試される場合は【しっかり事前準備を行い、自己責任の下】ご利用くださいませ。

WordPressのパーマリンクを変更する前の事前準備：サーバーからデータベースや画像等をしっかりバックアップしておこう！

WordPressのパーマリンクを「日付と投稿名」から「投稿名」に変更するにあたって、様々な変更をデータベースに対して行います。

そのため、必ず今回のパーマリンク変更作業を行う前に、現在運用しているWordPressサイトのデータベースや画像などのバックアップをしっかり取っておきましょう。

自分の場合は以下のバックアップを取りました。

WordPressのパーマリンクを変更する前の事前準備：サーバーやテーマのキャッシュ設定をオフにする。

これは念のためですが、各種変更作業を素早く反映させるために、一旦サーバーやテーマのキャッシュ設定をオフにしておきました。

wpXサーバー/Cocoonテーマで運用しているenjoypclife.netですが、今回オフ設定にしたのは以下の通り。

WordPressのパーマリンクを「日付と投稿名」から「投稿名」に変更する方法解説

それではここから、実際にWordPressのパーマリンクを「日付と投稿名」から「投稿名」に変更していきます。

なお変更作業を行うにあたって、必ず事前に流れをしっかり認識しておくことが重要です。

特に【①パーマリンクの設定を「日付と投稿名」から「投稿名」に変更】と【②301リダイレクトの設定を.htaccessに追記】の部分は速やかに行う必要があります。また、その後に行う【③Search Regexで記事内のURLを一括置換】も、事前に検証して問題なく動作することは確認しておきましょう。

①パーマリンクの設定を「日付と投稿名」から「投稿名」に変更

まず初めに、WordPressのパーマリンク設定を「日付と投稿名」から「投稿名」に変更します。

基本的にパーマリンクの変更作業自体はこれで完了なのですが、そのままだと旧URLでアクセスされた場合にリンク切れ（404）となります。これはSEO的にも検索によるアクセス的にも大損害なので、このパーマリンク変更作業後は1秒でも早く【②301リダイレクトの設定を.htaccessに追記】作業を行う必要がある点は十分ご注意ください。また、不具合の発生なども考慮し、出来るだけアクセス数の少ない夜間などの時間帯に作業するのがおすすめです。

【設定】＞【パーマリンク設定】を開きます。

次に【投稿名】を選択し、【変更を保存】をクリックすればパーマリンクの変更は完了です。

この時点で例えば【https://enjoypclife.net/2018/07/29/fire-tv-stick-usage-setup/】という記事のURLは【https://enjoypclife.net/fire-tv-stick-usage-setup/】に変更となります。このままだと【https://enjoypclife.net/2018/07/29/fire-tv-stick-usage-setup/】にアクセスがあると404エラーが表示されるようになって記事へのアクセス数が激減、サイト運営上致命的な状態となります。

そこで必要なのが、【301リダイレクト】の設定。この設定を行う事で、【https://enjoypclife.net/2018/07/29/fire-tv-stick-usage-setup/】にアクセスがあった場合、自動的に【https://enjoypclife.net/fire-tv-stick-usage-setup/】に遷移してくれるようになります。

という事で、出来るだけ速やかに、以下の【301リダイレクト】設定も続けて行いましょう。

②301リダイレクトの設定を.htaccessに追記

上記のパーマリンク変更作業が完了したら、続けて速やかに【301リダイレクト】の設定を.htaccessに追記していきます。なお、.htaccessは不用意に変更するとサイトが表示されなくなるなど、重大な不具合に遭遇する場合もあります。慎重に作業を行いましょう。追記前に現在の内容はコピー等でバックアップしておくと安心です。

wpX Speedサーバーの場合は以下の場所から変更/追記可能です。

WordPressのパーマリンクを「日付と投稿名」から「投稿名」に変更する場合は、以下のコードをコピーして.htaccessの最上部に追記すればOK。なお、自分は.htaccessの最下部に追記して上手く転送されずかなり悩みました。必ず.htaccessの最上部に追記するようにしてください。

#BEGIN 301 Redirect
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_URI} ^/([0-9]{4})/([0-9]{2})/([0-9]{2})/(.*)$
RewriteRule ^([0-9]{4})/([0-9]{2})/([0-9]{2})/(.*)$ /$4 [R=301,L]
</IfModule>
#END 301 Redirect

※#BEGIN 301 Redirect/#END 301 Redirectの部分はコメントなので不要な方は除いてください。

以下のように.htaccessに追記し、最後に【設定を保存する（確認）】をクリックすればOKです。

この状態で必ず以前のURL（例：https://enjoypclife.net/2018/07/29/fire-tv-stick-usage-setup/）にアクセスし、無事【https://enjoypclife.net/fire-tv-stick-usage-setup/】に自動的に遷移することを確認してください。無事遷移すれば成功です。

参考にしたのは以下のサイト様。ありがとうございます！

ページが見つかりませんでした - でこにく

decoy284.net

WordPressのパーマリンクスタイルを元に301リダイレクトで利用できるhtaccessでの正規表現方法をご紹介します。 | Falling in Foreign LOVE

ワードプレスでは様々なパーマリンクが設定できますが、ドメインの変更やSSL化対応などでURLを変更せざる負えな

fflove.info

301リダイレクトとは？サイトリニューアル時に必ず設定したい.htaccessの記述方法｜Webマーケティング・SEO相談はデジ研

WEBサイトをリニューアルする際、古いURLに対して適切な処理を行わずにいると、様々な機会損失を発生させてしまいます。今回はサイトリニューアル時に使える.htaccessファイルを使った301リダイレクトの設定方法をいくつかご紹介します。

digital-marketing.jp

③Search Regexで記事内のURLを一括置換

最後に、Search Regexで記事内のURLを一括置換すれば処理完了です。ただし、この処理は非可逆的なので、必ず上記の【①/②】の設定変更が成功していることを確認してから処理を行ってください。

また、事前にデータベースのバックアップがしっかり取れていることを確認しておきましょう。

まず「Search Regex」プラグインをインストールしておきます。

Search Regex

Search Regex は、WordPress の投稿、ページ、独自の投稿種別、またその他のデータに対する強力な検索と置換機能を追加します。

ja.wordpress.org

インストールが完了したら、WordPressの【ツール】から「Search Regex」を起動しましょう。

「Search Regex」を起動したら、まずは【①】をクリックし、その後【②正規表現】にチェックを入れます。後は以下のように設定し、【⑤検索】をクリックしてください。

※【enjoypclife.net】の部分は運営中のドメイン名に置き換えてください。

するとこのような画面が表示されます。問題なければ【すべて置換】で一括置換が出来るはずなのですが、なぜか当方の環境では上手く動作しませんでした。そのため、現在は手動でぼちぼち修正している状況です。

まとめ：WordPressのパーマリンクを「日付と投稿名」から「投稿名」への変更は慎重に！

と言う事で、本日はWordPressのパーマリンクを「日付と投稿名」から「投稿名」に変更する手順をご紹介してみました。

慣れると1時間もあれば作業は完了しそうですが、自分の場合は.htaccessの件で不具合が出たり、「Search Regex」が上手く動作しないなどの問題に遭遇しました。そのため、皆さんもパーマリンクの変更作業を行う場合は、事前にしっかりバックアップを取り、時間に余裕のある際にじっくり取り組むようにしてみてくださいね。

以上、誰かの参考になれば幸いです。

おまけ：WordPressのパーマリンクを「日付と投稿名」から「投稿名」に変更したらGoogleの検索結果に更新日が反映されました！

最後に、WordPressのパーマリンクを「日付と投稿名」から「投稿名」に変更した後の状況を簡単にご紹介しておきます。

まず、Googleの検索結果ですが、現状特にアクセス数が大きく減少するなども無く、横ばい状態となっています。特にパーマリンク変更＆301リダイレクトの影響はなさそうです。

そして一つ嬉しかったのが、Googleの検索結果への更新日付の反映が行われるようになったこと。やはり当初の予想通り、パーマリンクもGoogleは更新日付の判断材料としていたようです。Cocoonで「更新日のみ」の表示に同時に切り替えたのも功を奏したのかもしれませんが、この変更は以前試しても効果がなかったので、やはりパーマリンクに日付が入っているとそれをGoogle側が認識し、更新日を反映させなかった可能性が高い気がします。

という事で、なんとかサイトのメンテナンスも無事完了。後はもう一つ運営しているサイトも移行させ、それが完了したら記事の内容をより充実させていこうと考えています。読者の方は気長にお待ちくださいませ。

投稿 WordPressのパーマリンクを「日付と投稿名」から「投稿名」に変更！.htaccessによる301リダイレクトと既存記事のURL変更方法解説！ は enjoypclife.net に最初に表示されました。

WordPressの「Contact Form 7」にファイルアップロードの重大な脆弱性が発覚。すでに脆弱性を修正したパッチが公開済みです。

現在WordPressで「Contact Form 7」を利用中のユーザーは早急に最新バージョン（ver.5.3.2）へのアップデートを行ってください。

今回発覚した脆弱性を悪用されると、攻撃者はプラグインを利用し脆弱性のあるサーバ上に任意のコードで細工されたファイルをアップロードすることができます。そして、この深刻な脆弱性を悪用することで、ファイルは攻撃者によってスクリプトとして実行され、内部のコードを実行させることができます。

「Contact Form 7」公式サイトのリリース文章は以下の通り。

Contact Form 7 5.3.2 がリリースされました。これはセキュリティとメンテナンスのための緊急リリースです。今すぐ更新してください。

非制限ファイルアップロードの脆弱性が Contact Form 7 5.3.1 以前のバージョンに見つかりました。この脆弱性を利用することで、フォーム送信者は Contact Form 7 のファイル名無害化処理を迂回でき、ホストサーバー上でスクリプトファイルとして実行される可能性のあるファイルをアップロードできるようになります。この問題は Astra Security の Jinson Varghese Behanan により報告されました。

Contact Form 7

詳細な脆弱性の内容は以下のサイトが詳しく紹介されているので参考にどうぞ。

WordPress plugin with 5 million installs has a critical vulnerability

The team behind a popular WordPress plugin has disclosed a critical file upload vulnerability and issued a patch. The vu...

www.bleepingcomputer.com

投稿 WordPressで「Contact Form 7」を利用中のユーザーは今すぐアップデートを！重大な脆弱性が発覚！ は enjoypclife.net に最初に表示されました。

WordPressを利用してiPhone, iPad, Mac向けの「App Store」にある便利なアプリを紹介している方も多いかと思います。

通常は「iTunes Link Maker」を使えば、簡単にApp Storeへリンクする【App Storeからダウンロード】ボタンを作成し記事へ貼り付けることが出来ますが、WordPressの場合は作成されたコードをそのまま貼り付けると自動的にコード修正機能が働き、ボタン（画像）が上手く表示されないという問題もあります。勿論コードを修正すれば大丈夫なのですが、個人的にはやや面倒な印象。

そんな時に便利なのが、「AppHtmlメーカー」というリンク作成ツール/ブックマークレット。これを活用すれば、以下のようなApp Storeへのアプリ紹介リンクが瞬時に作成可能となります。

Reeder 5 5.1（￥610）
カテゴリ: ニュース
販売元: Silvio Rizzi – Silvio Rizzi（サイズ: 13.6 MB）
￥610 ※価格は記事掲載時のものです。

デフォルト設定のままでもある程度自分好みに表示出来ますが、自分は多少カスタマイズして利用しているので、今回は「AppHtmlメーカー」の基本的な使い方と、自分なりのカスタマイズ事例をご紹介しておきます。良かったら参考にしてみてくださいね。

なお、もっと簡単にiPhone, iPad, Mac向けのアプリ紹介リンクをWordPressで作成したいなら、「WP-Appbox」というプラグインや、「アプリーチ」というiPhoneやAndroidアプリを紹介するブログパーツを
作成することができるツールもあります。ただ、「WP-Appbox」はプラグインを増やす必要が出てくることや挙動が不安定な場合ある、「アプリーチ」の場合は都度アプリーチへのリンクが付随してくるので、自分は使用していません。この辺りは好みの問題なので、自分にあったサービスを利用してみてくださいね。

「AppHtmlメーカー PHG対応版（改良）」とは？

iPhone, iPad, Macのアプリ紹介リンクをWordPressで作成する際に以前から重宝していたのが、【AppHtmlブックマークレット・メーカー】ですが、こちらは最近アップデートが入らず、かつGoogle Chromeでは上手く動作しないという欠点がありました。

そんな中「ichitaso」さんが作ってくださったのが、今回ご紹介する【AppHtmlメーカー PHG対応版（改良）】です。

基本的には【AppHtmlブックマークレット・メーカー】と似たUIですが、作成できるリンクは「iPhone App」「iPad App」「Mac App」と限定されるものの、Google Chromeでも問題なく動作しており、個人的にはこちらをメインに愛用させてもらっています。

「AppHtmlメーカー PHG対応版（改良）」の使い方：WordPressで「App Store」のアプリ紹介リンクを作成して記事に貼り付ける方法解説

それではここから、「AppHtmlメーカー PHG対応版（改良）」を使って、WordPressで「App Store」のアプリ紹介リンクを作成して記事に貼り付ける方法をご紹介していきます。

まずは以下のページにアクセスします。PHGのアフィリエイトを行っている場合は、事前に【PHG id（&at=以降の文字列）】を調べておきましょう。

AppHtmlメーカー PHG対応版（改良）iPhoneやMacのApp Storeアプリを手軽に紹介できるサービス

元祖AppHtmlメーカーと同じく、簡単にiPhoneやiPad、Mac Appの紹介ができる「AppHtmlメーカー PHG対応版」を作成しましたので公開します。

apphtml.ichitaso.com

「AppHtmlメーカー PHG対応版（改良）」における、それぞれの設定項目を簡単に解説しておきます。

書式テンプレートには以下の6種類が用意されています。自分は「中アイコン表示」を利用していますが、スクショも併せて表示したい場合なら「フル表示（SS2枚）」などを選択しておくと便利でしょう。もしくはこの書式テンプレートを変更して、数種類のブックマークレットを作成しておくのも良いと思います。

一通り設定出来たら、このようにコードが表示されます。ここをカスタマイズすれば、任意の表示方法などに変更できます。とりあえずデフォルトのままで流れを解説しておきます。
この状態で【Bookmarkletを生成する】ボタンをクリックしてください。

するとこのような画面が表示されるので、PC向けなら上の方のリンクをブックマークします。表示されているリンク【AppHtml】をドラッグしたままブックマークバーなどにドロップしましょう。
※カスタマイズした場合は、まずは表示されたリンクをそのままクリックして動作を確認し、問題なければブックマークするのがおすすめです。

次に、ブックマークしたリンク（今回ならAppHtml）をクリックします。すると、このようにブラウザ上に検索窓がポップアップしますので、検索したいアプリ名を入力して【OK】をクリックします。

ここで表示されたアプリ名が目当ての物なら、【キャンセル】をクリックして決定します。違うアプリを続けて検索したい場合は【OK】をクリックします。

続いて以下のような表示が現在のサイト上のトップに自動的に表示されます。ここで【HTMLを選択する】をクリック。

以下のようにコードが選択された状態になるので、これを【Ctrl+C】などでコピーします。

コピーしたコードをWordPressの【テキスト】にそのまま貼り付ければ「App Store」へのアプリ紹介リンクの作成は完了です。

「AppHtmlメーカー PHG対応版（改良）」のカスタマイズ方法解説

それではここから、「AppHtmlメーカー PHG対応版（改良）」のカスタマイズ方法を解説していきます。

カスタイマイズする場合は、以下の部分を編集していきます。一度【Ctrl+A】などで全て選択して【Ctrl+C】でコピー、その後【Ctrl+V】でメモ帳などにペースト（貼り付け）して編集すると良いでしょう。

その後、自分なりのカスタマイズが完了したら、再度この部分にカスタマイズしたコードをコピペして貼り付け、最後に【Bookmarkletを生成する】ボタンをクリックすればOKです。後はきちんと作成したブックマークレットが動作するか確認し、問題なければブラウザにブックマークし保存しておきましょう。

全てのユーザーにおすすめ。target=”_blank” を利用する際には rel=”noopener” もセットで利用を。 rel=”nofollow” も忘れずに。

現在 target=”_blank” を使う場合には、セットで rel=”noopener” を使う必要があります。これはセキュリティ上ある意味必須とされているので、今回「AppHtmlメーカー」をカスタマイズした場合には別途反映させています。もしも自分でカスタマイズする場合は必ず入力しておきましょう。

【基本Tips】JavaScriptで外部リンクにtargetやnofollow、noopenerを追記する

外部のリンクにtarget属性やrel属性のnofollowやnoopennerをJavaScript、jQueryを使って追記する方法です。

www.itti.jp

また、商用的なリンクを紹介する場合には rel=”nofollow” も利用した方が良いとされています。Google的には rel=”sponsored” という広告系向けリンクに対する属性を新たに増やしましたが、当面は rel=”nofollow” でも問題ないようです。お好みでご利用ください。

Googleがrel=nofollow属性の扱いを変更。sponsored属性とugc属性を新たに導入

rel=

www.suzukikenichi.com

以上をデフォルトのコードに反映させるとこうなります。

「AppHtmlメーカー PHG対応版（改良）」を“予約語”で自分好みにカスタマイズする方法

「AppHtmlメーカー PHG対応版（改良）」では、“予約語”を用いることでより自分好みの内容にカスタマイズできます。“予約語”の詳細は以下のページを参考に。

GitHub - connect1ngdots/AppHtml

Contribute to connect1ngdots/AppHtml development by creating an account on GitHub.

github.com

自分の場合はアプリの価格を表示したいので【${price}】という予約語を利用させてもらっています。アプリの価格を挿入したい場所に【 ${price} ※価格は記事掲載時のものです。<br>】という内容を追記すればOKです。

逆に、不要だと思う予約後は削除しておけば、作成したリンクがスッキリして見やすくなると思いますよ。

「AppHtmlメーカー PHG対応版（改良）」のボタンを自分仕様にカスタマイズする方法

続いては「AppHtmlメーカー PHG対応版（改良）」を使って「App Store」へのリンクを作成する際に表示されるボタンを自分仕様に変更する方法です。

これはオリジナルの画像を用意して反映させる方法と、作者様が紹介してくれている画像リンクを引用する方法があります。

カスタマイズするのは以下の部分

これを任意の画像リンクに置き換えましょう。

例えばを表示したい場合は、該当部分を以下のように置き換えます。

ご自身で作成したオリジナルのボタンを利用すると、よりサイトのオリジナリティが出て良いかもしれませんね。

enjoypclife.netでの「AppHtmlメーカー PHG対応版（改良）」カスタマイズコード

最後に、enjoypclife.netで利用している「AppHtmlメーカー PHG対応版（改良）」のカスタマイズコードをご紹介しておきます。

これをそのままコピーして【AppHtmlメーカー PHG対応版（改良）】の以下の部分にコピペして貼り付けます。その後【Bookmarkletを生成する】ボタンをクリック。
※事前に初期設定はお忘れなく。

作成された「デモおよびPC登録用」の【AppHtml】をクリックし、問題なく動作するか確認しておきましょう。

問題なく動作することが確認出来たら、先ほどのリンクをブラウザにブックマークし、「App Store」へのアプリ紹介リンクを作成する際にご活用ください。

まとめ：WordPressで「App Store」へのアプリ紹介リンクを作成する機会が多いならぜひお試しあれ！

本日はWordPressで「App Store」へのアプリ紹介リンクを作成する方法をご紹介してみました。

今回紹介した「AppHtmlメーカー」を使う方法は、最初こそやや取っつきにくい部分があるものの、一度初期設定してブックマークが完了すれば、以後は本当に簡単にアプリの紹介リンクがサクッと作成できるようになります。ChromeやFirefoxなどであれば、アカウントを同期してブックマークを共有することで異なるPC間でも簡単にアプリの紹介リンクが作れるようになるのも便利なポイント。

ぜひiPhoneやiPad,Mac向けにアプリ紹介リンクを作成する機会が多い方は、一度試してみてくださいね。

以上、参考になれば幸いです。

投稿 WordPressでiPhone, iPad, Mac向けのアプリ紹介リンクを作成する方法～AppHtmlメーカーの使い方＆カスタマイズ紹介～ は enjoypclife.net に最初に表示されました。

WordPressの無料テーマ【Cocoon】を採用し、早ひと月近くが経ちました。現時点ではSEO的にも問題ないようで、アクセス数も依然とほぼ同等、もしくはややアップしています。

テーマの使い勝手も非常によく、正直言って無料のWordPressテーマでここまで出来れば、個人的には言う事無しです。

そんな素晴らしい出来栄えの【Cocoon】ですが、デザインや文字サイズなどはボチボチカスタマイズしている状態。そんな中やや苦労したのがサイドバーの文字サイズの変更でした。

デフォルトでは本文と同じ文字サイズが指定されるのですが、サイドバーウィジェットの「新着記事」や「ランキング」内の文字サイズを14px程度に小さく変更しようと思ったものの色々調べても上手くいかず。結局Google Chromeの【デベロッパー ツール（F12）】で調べて解決しました。

もしも自分のようにサイドバーウィジェット内の文字サイズが上手く変更できず悩んでいるなら、一度試してみてくださいね。

【Cocoon】サイドバーウィジェットのフォントサイズを小さくするCSSカスタマイズ

という事で、【Cocoon】のサイドバーウィジェット内のフォントサイズを小さくするCSSカスタマイズ例をサクッとご紹介しておきます。

まず一般的なサイドバー内の文字サイズ変更なら以下のコードで可能なはず。

#sidebar {
    font-size: 14px;
}

しかし、これではサイドバーウィジェットの【新着記事】や【ランキング】内の文字サイズは変更できませんでした。そこで自分が使っているのが以下のコード。

.widget-entry-card {
    font-size: 14px;
}

これで無事フォントサイズが14pxに変更できました。

【Cocoon】で自分と同様にサイドバーウィジェット内の文字サイズが変更できずに悩んでいる方は試してみてくださいね。なお、【Cocoon】では予め子テーマも用意されています。CSSカスタマイズを施す場合は、必ず子テーマを利用するようにしましょう。

Cocoonテーマをインストールする方法

WordPressにCocoon親テーマと子テーマをインストールして利用するおすすめのインストール方法です。

wp-cocoon.com

以上、参考になれば幸いです。

投稿 【Cocoon】サイドバーウィジェットの文字サイズを小さくカスタマイズ は enjoypclife.net に最初に表示されました。

以前からサブサイトでテスト運用はしていたのですが、このたびメインのenjoypclife.netでも無料のWordPressテーマ「Cocoon」の採用に踏み切ることにしました。

しばらく海外の有料WordPressテーマを使っていたのですが、アップデートやカスタマイズが面倒で、情報も英語しなく、当然ながら日本独自のSNSなどにも非対応で最近難儀していました。

そこで日本のWordPressテーマに切り替えようとあれこれ検討してみたのですが、有料/無料問わず検討した結果、自分のやりたいことが十分できる無料のWordPressテーマ「Cocoon」を採用することにした次第です。

有料テーマにも負けず劣らず！無料のWordPressテーマ「Cocoon」凄過ぎ！

無料のWordPressテーマというと、どうしても作りが雑だったり、素人ぽさがあったりして当然だと思いますし、アップデートもそれほど頻繁でない場合が多いです。

その点有料のテーマであれば、最初に初期投資こそ必要なものの、ある程度アップデートもしっかり行われますし、何よりカスタマイズ性やアフィリエイトに適した作りにあらかじめなっている場合が多いです。

自分も当初は有料WordPressテーマの「AFFINGER5（アフィンガー5）」やSEO界隈で有名なwebライダー代表の松尾さんが作っている「賢威」などを検討し、実際に買おうかと悩んでいましたが、試しに無料の「Cocoon」を使ってみた所、ほぼ自分のやりたいことが再現できることが分かりました。

SEO的な部分で批判されているサイト（アクセスが落ちたなど）もありましたが、これはGoogleのアップデートや自分なりの対策でなんとかなるはず。

という事で、まだまだ試行錯誤している段階ではありますが、ある程度納得いくCSSカスタマイズなども行えたので、この度enjoypclife.netでも無料のWordPressテーマ「Cocoon」の採用に踏み切った次第です。

無料WordPressテーマ「Cocoon」のおすすめポイント

今回自分が無料WordPressテーマ「Cocoon」の採用を決めた理由やおすすめポイントは以下の通りです。

完全無料。プラグインの別途販売なども無し
有料テーマでは、テーマを購入しても別途プラグインにお金が必要な場合もありますが、当然ながら「Cocoon」では全て無料で利用できます。

日本のブログで求められる機能がほぼ採用済み
日本では当然のことながら海外に比べて独自の環境があり、ブログの流行やポイントも異なります。その点「Cocoon」は日本独自のサービスにしっかり対応していますし、最近のブログの流行（文字の装飾など）もあらかじめ取り入れられています。デザインさえ自分でカスタマイズ出来れば、本当に機能面では言うこと無しですね。AMPなどにも対応済みです。正直言ってこれが無料かと驚愕しました。

高速化、SEO、広告設定が柔軟に行える
あらかじめテーマ内に「高速化」「SEO」「広告」などの設定項目があり、簡単に様々なカスタマイズを行う事が出来ます。特に広告については配置も非常に柔軟で、ウィジェットを活用すれば「モバイルのみで表示」「PCでのみ表示」などもすぐに設定できます。無料なのに有料テーマ並ですね。

利用ユーザーが多く、FAQなどの情報やカスタマイズに関する情報が多い
これは無料テーマならではの特徴でしょう。有料テーマならあらかじめカスタマイズが不要な場合も多いですが、「Cocoon」ではやはり多少色合いや文字サイズなど、微調整したい場合もあります。そういった場合もフォーラムや各種個人サイトなどに多数のFAQやカスタマイズ記事が溢れており、本当に便利だと思いました。作成者の「わいひら」さんも積極的に疑問点に答えてくれており、本当に頭が下がります。

テーマがWordPress公式の「更新」から更新できる
そして地味に便利で嬉しいのが、テーマ更新時にわざわざFTPなどでアップロードする必要が無い点。テーマの更新があれば、WordPress公式の「更新」からサクッと最新版に更新できるんです。何気にこの機能は嬉しかったですし、採用を決めた要因の一つですね。

「Cocoon」の設定部分。様々な部分の細かな設定が用意されています。

「Cocoon」のウィジェット。柔軟な配置や、PCのみ/モバイルのみの要素もあり、本当に凄いと思います。

無料WordPressテーマ「Cocoon」のやや気になるポイント

無料WordPressテーマ「Cocoon」は、正直言って無料とは言えない素晴らしいテーマです。
そして使ってみてもほとんど気になる点はないのですが、あえて挙げると以下のような感じ。

不具合があっても基本は自分で対処
無料テーマなので当たり前ですが、基本不具合があってもフォーラムなどで問い合わせて自分で解決していくことになります。すでにバージョンアップを重ねているのでテーマ自体の不具合は少ないと思いますが、気になる方は有料テーマの方がいいかも。ただし「Cocoon」のフォーラムで質問すれば、作成者のわいひらさんや利用しているユーザーさんが答えてくれる場合も多いです。

見た目のカスタマイズ要素は有料テーマにはやや劣る
これは無料テーマなのでしょうがないですが、どうしても見た目のカスタマイズ要素は有名有料テーマには劣る部分はあります。それでもそこそこのカスタマイズ要素はしっかり用意されていますし、ある程度CSSがいじれるなら、自分で思い通りにカスタマイズしていくことは可能です。今後のアップデートで充実してく可能性もありますけどね。

わいひらさんの体調が気になる
たまたまですが、今回の記事を書くにあたって「Cocoon」開発者わいひらさんのプロフにたどり着きました。そこで驚愕の事実が！なんと【事故って首の骨を折っちゃったネタキリ系の人。（C4-5）】と説明されており、頸髄損傷で手足が動かない重度の身障者との事。
元々わいひらさんの運営する「寝ログ」は以前から有益な情報も多くフォローしていたのですが、寝ながらでも作業できるような緩い系の人なのかと勝手に想像していただけに、真実を知って自分自身が恥ずかしくなりました。こんな環境でこんなに凄い無料テーマを作ったり、情報発信を続けてくれていたのですね。そのため、個人的に気になるというか、わいひらさんへの開発依存度が高い点はやや心配です。お元気で頑張ってほしいけど、無理もしてほしくない。そんな複雑な心境です。

今後は「Cocoon」のCSSカスタマイズ事例なども紹介予定！

まだテーマを変更して2日目なので、正直言ってSEOの観点やアフィリエイトの状況などもハッキリ提示できる情報はありません。しばらくは細部の調整などを施しつつ、長い目で状況を見ていきたいと思います。

なお、ある程度サイトのカスタマイズや調整が完了したら、改めてノウハウなどはご紹介していくつもりです。

とにかくこの「Cocoon」、無料のWordPressテーマとは思えない素晴らしい仕上がり。気になる方はぜひ試してみてくださいね！

リンク：
■Cocoon公式サイト
■寝ログ

投稿 久しぶりにサイトを大幅リニューアル！無料のWordPressテーマ「Cocoon」を採用しました！ は enjoypclife.net に最初に表示されました。