はてなブックマーク

ブログ向け無料WordPressテーマ「Cocoon」には、カテゴリページをコンテンツ化する機能があり、テキストや画像を追加してカテゴリページの中身を作り込むことができます。 ウィンドミルブログでもCocoonの機能を生かしてカテゴリページを作り込んだところ、一部がコンテンツとして認識されて検索上位に表示されるようになり、かなりのアクセスを稼いでいます。 Cocoonのカテゴリページは、単なる記事一覧のインデックスではありません。 強いカテゴリにアイキャッチ画像やテキストを追加して、さらに適切なタイトルを設定すると、アクセス上位のコンテンツになる可能性があります。 ただし、1カテゴリあたりの記事数が少ないサイトでカテゴリページをインデックスすると、Googleから低品質コンテンツページとみなされて、サイト全体の順位が下がるかもしれません。 カテゴリページのコンテンツ化は、SEOとの兼ね合い

メールアドレスか電話番号を入力するだけで、個人情報やパスワード漏洩を確認することができる無料サイト「Have I Been Pwned? (HIBP)」の使い方をご紹介します。 Have I Been Pwned? には、834件の流出サイトや143億件もの漏洩アカウント情報(2024年11月現在)が蓄積されており、メールアドレスを入力すると、データベースに一致した過去の個人情報流出や情報漏洩事件の情報を表示してくれます。 ここで確認できる情報は、流出元や流出した日時、情報の種類（パスワード等）をはじめ、生年月日や電話番号などの個人情報もあります。 Have I Been Pwned? は日本語に対応していませんが、メールアドレスまたは電話番号を入力するだけで使えるので、簡単にパスワード漏洩をチェックすることができます。 Have I been pwned (HIBP) とはHave I

Amazonのアフィリエイトプログラム、Amazonアソシエイトに新しいブログを追加登録したので、その方法をご紹介します。 Amazonアソシエイトには事前の審査があり、それに通るとAmazonで販売されている商品をウェブサイトやブログに掲載して、紹介料を得られるようになります。 ただし、既存のアカウントに新しいウェブサイトやブログを追加する場合は、改めてサイト審査を申請する必要があります。 新規サイトのURL登録だけでは、アフィリエイト収入が得られない可能性もあるので、必ずサイト申請を行うようにしてください。 審査に通らなかった場合の事例も紹介しているので、ご参考まで。 Amazonアソシエイト　追加登録サイト審査先日、ブログのコンテンツを整理して、系統の違う記事を新しく立ち上げたブログに移管することにしました。 記事と一緒にAmazonアソシエイトの商品リンクも移動させましたが、新しい

WordPressプラグイン「Contact Form 7 Multi-Step Forms」を使って、メール送信時の確認画面とサンクスページ(完了画面)を追加する方法をご紹介します。 Contact Form 7 は、問い合わせフォームを簡単に設置できるWordPressの定番プラグインですが、メールフォームに入力した内容を確認するための機能や、送信後にサンクスページ(完了画面)へ移行する機能がありません。 Contact Form 7に確認画面や完了画面を追加するなら、プラグイン等を使う必要があります。 以前は「Contact Form 7 add confirm」を使っていましたが、6年以上更新されていないので、今回は別のプラグイン「Contact Form 7 Multi-Step Forms」を使って、メールフォームに確認画面と完了画面を追加してみます。 Contact Form

WordPressの問い合わせフォーム作成プラグイン「ContactForm7」に、Googleが提供するreCAPTCHAの最新バージョン「reCAPTCHA v3」を設定してみました。 ContactForm7は、WordPressでメールフォームを設置できる定番プラグインですが、海外からスパムメールが大量に送られてきて困っている方も多いかと思います。 ContactForm7でスパムメールを防ぐための対策としては、Akismetを使うのが一般的ですが、GoogleのreCAPTCHAを導入するとより効果的です。 ContactForm7の設定画面にも「賢いreCAPTCHAはうっとうしいスパムボットをブロックしてくれます。」とあるので、公式に推奨しているようです。 reCAPTCHA導入はContactForm7から設定する方法と、プラグイン「Invisible reCaptcha

WordPressの子テーマを簡単に作成できるプラグイン「Child Theme Configurator」の使い方をご紹介します。 SWELLやCocoonなどのブログテーマは、専用の子テーマが用意されていますが、WordPressの公式テーマ(Twenty Twenty-Fourなど)や有料テーマ(OnePressなど)を使う場合は、自分で子テーマを作成する必要があります。 WordPress初心者が子テーマを自作するのは大変ですが、今回紹介するプラグイン「Child Theme Configurator」を使うと、簡単に子テーマを作成できますよ。 また、Child Theme Configuratorは後から子テーマを適用できるというメリットもあります。 Child Theme Configurator をインストールでは、「Child Theme Configurator」を使って

Adobe Acrobat ReaderでデジタルIDを取得して、電子署名を追加する方法をご紹介します。 Adobe Acrobatには無料の電子署名を追加して、PDF文書の改ざんを防止したり、信頼性やセキュリティを向上させる機能があります。 Acrobatを使うと、簡単に電子署名を追加したPDFが作成できますが、その前に自分のデジタルID（電子証明書）を用意する必要があります。 デジタルIDには無料版と有料版があり、Acrobatには無料で取得できる自分用のデジタルID「Self-Sign ID」を作成する機能があるので、これをPDFに追加してみます。 電子印鑑に電子署名を付けて、改ざん防止やセキュリティを強化する方法もあります。以下の記事もご参照ください。 参考記事　電子印鑑のPDF印影に電子署名を追加する 電子署名とは 電子署名とは、PDFなどの文書やデータに対して、電子化された印鑑

WordPressにメール送信フォームを設置できる「Contact Form 7」で、プラグインを使ってサンクスページ（送信完了画面）に移動させる方法をご紹介します。 今回は、メール送信後のアクションを追加できるプラグイン「Redirection for Contact Form 7」を使って、完了画面（サンクスページ）を表示させてみました。 ContactForm7はバージョン5.4からJavaScriptが大幅に変更されたため、以前のリダイレクト用コード追記ではサンクスページに遷移しないことがあります。 送信後にサンクスページへ飛ばすなら、プラグインの利用をオススメします。 ContactForm7は送信完了がわかりにくいContact Form 7 は、WordPress上で簡単にお問い合わせフォームが作れる便利なプラグインですが、送信完了がわかりにくいという欠点があります。 デフォ

PDFファイルの表示や印刷ができる無料のPDFビューワー「Adobe Acrobat Reader」を使って、PDFファイルに電子印鑑を押印する方法をご紹介します。 Adobe Acrobat Readerのツールには「スタンプ」という機能があり、これを使うとPDFで作成した見積書や請求書、稟議書などの書類に電子印鑑を押印することができます。 手順は認印や角印・社印などの電子印鑑を作成して、Adobe Acrobat Readerのカスタムスタンプに登録するだけです。ここで紹介する通りにやれば、それほど難しくありません。 また、Acrobat Readerには、日付印・検印・ネーム印などのほか、「承認済」「極秘」などのスタンプがあらかじめ登録されています。 認印や角印・社印などの電子印鑑と既定のスタンプを併用すれば、いろいろな業務に使えるし、電子印鑑に電子署名を追加して、セキュリティを強化

Appleのサポートページから近所のApple正規サービスプロバイダを検索して、iPhoneのバッテリー交換を申し込みました。バッテリー交換値下げはすでに始まっているので、iPhoneのバッテリー交換を検討されている方は、早めに予約を入れま... その後、AppleサービスプロバイダでiPhoneのバッテリーを交換してきたのですが、交換時間はたったの30分で、以前からおかしかったバッテリーの残量表示もバッチリ直りました。 先日発表されたバッテリー交換費用値下げは、2018年12月31日までとなっています。今なら通常8,800円のバッテリー交換が3,200円で済み、待ち時間もわずかです。 ※　先日Appleから発表された2019年1月1日以降のiPhoneバッテリー交換費用は、5,400円（iPhoneXは7,800円）に改定されるとのことです。古いiPhoneをお使いの方にはうれしいニュー

透過pngの印鑑画像を無料で作成できるフリーソフト「印鑑透過」を使って、簡単に電子印鑑を作成する方法をご紹介します。 作り方はホントに簡単で、元の印鑑画像をそのまま「印鑑透過」にアップロードすればOKです。これだけで印影が文字の上に被らない透過png画像の電子印鑑が作成できます。 また、「印鑑透過」は印鑑作成に特化した画像変換エンジンを使用し、画像の透過やサイズ調整、色補正を自動で行ってくれるので、電子印鑑作成に伴う面倒な作業は不要です。 ブラウザで使える無料のフリーソフトなので、ソフトのインストールや登録も不要です。 最近はCanvaのような無料のグラフィックデザインツールがたくさん出ていますが、印鑑透過は電子印鑑の作成に特化しているので、使い方を覚える必要はありません。 以前に「本物のはんこから電子印鑑を作成してワードやエクセルに貼り付けよう」でpixirを使う方法を紹介しましたが、今

まずは入力ウィンドウの下にある「ドキュメントを翻訳します。」をクリックします。 「ファイルを選択」で翻訳したいPDFファイルを選び、右側の「翻訳」をクリックしてください。 PDF内の文章が翻訳されました。翻訳されたPDFファイル内の画像や装飾、表組みは除外され、テキストだけが表示されます。複数ページがある場合は、ページごとに区切りができます。 翻訳したPDFファイルは、The Institute for Social Justice (ISJ) Pakistan の「Investment in the rights of the child in Pakistan」を使いました。 翻訳された文章は何となく理解できますが、翻訳精度はイマイチですねぇ。これはPDF内に余計な改行が入って、文章の区切りがおかしくなるためです。 なお、一度に読み込めるPDFファイルの容量は5MBまでとなっています。

WordPressとInstagramを接続して、ホームページやブログにInstagramフィードを埋め込むことができるプラグイン「Smash Balloon Social Photo Feed」の使い方をご紹介します。 プラグインの設定は簡単で、WordPressからInstagramに接続してサイトにフィードを埋め込むまで、5分ほどで作業が完了します。 このプラグインは無料で使える「Instagram Feed Lite」と、ストーリーズを表示させたり、フォロワー数を表示できる有料のPRO版がありますが、無料版でも十分に使えます。 Smash Balloon Social Photo Feed とはSmash Balloon Social Photo Feed は、WordPressとInstagramを接続して、サイトの好きな場所にフィードを表示させることができるプラグインです。 設

Public Post Previewで公開前の記事確認 第三者に取材して記事を作成したり、人物の写真を撮影したときは、記事公開前に事前確認してもらう必要があります。でも、WordPressは公開前の記事を他人に見せることができません。 確認のために内容をコピペしてメールするのは面倒だし、記事中の画像はどうするかという問題もあります。それなら公開した時の記事をそのまま確認してもらうのが一番ですよね。 そんな時に便利なのが WordPressプラグイン Public Post Preview です。このプラグインを使うと、公開前の記事をログイン不要で他者に見せることができます。 使い方は簡単で、外部確認用のURLをシェアするだけです。もちろん、指定した記事のみ閲覧可能で、確認用URLの有効期限も設定されているので安心して使えます。 Public Post Previewのインストールと使い方

サイト内の画像を拡大して表示するjQueryアプリケーション「Lightbox」の設置方法と使い方をご紹介します。 Lightboxは様々な機能が追加された派生型や有料版がたくさん登場していて、WordPressにはプラグインもありますが、今回は一番シンプルな本家本元のLightboxを使ってみます。 シンプルとはいえ、レスポンシブ対応なのでスマホやタブレットでもちゃんと横幅に合わせたサイズで表示されますし、optionのパラメーターを追加すれば、フェイドの時間など細かい動作も変更可能です。 また、Lightboxの最新版はJavaScriptファイルとjQueryが一体になっているので、以前より設置が簡単になりました。HTMLで構築されたサイトはもちろん、WordPressであまりプラグインを使いたくない場合にもオススメです。 あと、Lightboxが動かないという記事をネット上でチラホ

外付けハードディスクに4GB以上のファイルが保存できない場合の対処方法として、ファイルシステムをFAT32からNTFSに変換する方法を解説します。 ファイルシステムの変換は、外付けハードディスクを接続して、windowsのコマンドプロンプトを起動させてから変換コマンドを実行します。 この方法だと、外付けハードディスク内のデータを退避させて、一からフォーマットする必要はありません。使用中でもファイルシステムをNTFSに変換できるのでとても便利ですよ。 ファイルシステム　FAT32 と NTFSファイルシステムとは、OSがハードディスク内のファイルを管理し、読み出しや書き込みを効率的に行うための仕組みです。NTFS、FAT32、exFATなどの種類があり、最近のWindowsではNTFSが標準となっています。 WindowsPCの内蔵ハードディスクはNTFSでフォーマットされていますが、外付け

PDFで作成した書類やファイルに電子印鑑を捺印できるフリーソフト「PDF-XChange Viewer」を使って、PDFファイルに電子印鑑を捺印してみましょう。 このソフトはPDFビューワーとしての機能はもちろん、テキスト入力や図形の挿入、そして電子印鑑が簡単に使える「スタンプツール」という機能もあり、ここによく使う電子印鑑を登録しておけば、PDFで作成した書類やファイルに電子印鑑を押すことができます。 海外製のソフトですが、日本語にも対応しているので安心して使えますよ。 電子印鑑は無料のPDFビューワー「Adobe Acrobat Reader DC」でも扱えます。こちらを使えば電子印鑑に電子署名を追加して、PDF文書の改ざん防止、信頼性やセキュリティを大幅に強化することもできます。詳細は以下の記事をどうぞ。

WordPressでショートコードを手軽に扱えるプラグイン「Post Snippets」をご紹介します。 Post Snippetsは、よく利用する文章や画像、HTML、CSS、JavaScript、PHPコードなどをパーツとして登録することができます。 頻繁に使う定型文や画像等を登録しておくと、ショートコード一つで呼び出せるので便利です。 また、WordPressでショートコードを扱う場合は、PHPの知識やfunctions.phpに関数を書き込む必要があるので、初心者には少し難しいのですが、Post Snippets を使えば手軽にショートコードを利用することができます。 Post Snippetsでphpショートコードを利用する場合の書き方も解説しています。 WordPressの便利な機能　ショートコードWordPressにはよく使う定型文やコードをあらかじめ登録して、固定ページや投

ウェブサイトやブログ内の画像を遅延ロードさせて表示速度を向上させるLazy Load(画像の遅延読み込み)は、SEOには不利かもしれません。 実際にFetch as Googleでレンダリングして検証してみたところ、遅延ロード部分の画像は表示されず、Googlebotも画像を取得できませんでした。 Googleは、画像遅延にAPI「Intersection Observer」の利用を推奨しているので、Lazy Loadを導入するなら一度調べてみることをおススメします。 また、最近はブログテーマ内にLazy Loadを実装したものがあります。 画像の遅延読み込み　Lazy Loadウェブサイトやブログの表示速度向上に有効な技術「Lazy Load」をご存知でしょうか？ Lazy Load（遅延読み込み）とは、ページロード時に画像など容量の大きなデータを後から読み込ませることで、表示速度を向上

いわしブログで503エラーが頻発するようになった原因と、サーバのアクセス制限で対処する方法をご紹介します。 いわしブログのPVは現在1000～1500PV／日ですが、この程度で503エラーが出ることは通常考えられません。調べてみると、謎の海... そして、一旦去ったはずの503エラーがまた再来しました。いわしブログで使用中のさくらインターネットのサーバーコントロールパネルでリソース情報を確認すると、「HTTP 503 エラー発生回数」が激増しています。 今回の503エラー頻発も、海外同一IPからのアクセス激増が原因なのですが、その矛先はWordPressのxmlrpc.phpという1つのファイルだけに向かっています。 最近はWordPressのxmlrpc.phpに対する攻撃が増えているようで、どうやらいわしブログもその攻撃対象になってしまったようです。 ちなみに、xmlrpc.phpが攻