今回は、WordPress(ワードプレス)のContact Form 7(コンタクトフォーム)を利用していて、スパムメールに困っている人向けにGoogleのサービス「reCAPTCHA(v3)」を導入する方法をご紹介します。 reCAPTCHA(v3)のサイトは「https://www.google.com/recaptcha/about/」からアクセスください。

WordPressテーマ「Xeory Base」にGoogle Adsenseを設置する方法について紹介をします。 Google Adsenseは訪問者の属性に合わせて広告を選び、適切な広告を表示してくれるため、初心者にとっても収益化しやすい広告です。 またクリックにより収益が発生するため、売り込みをする必要もありません。初心者や物を売るのが苦手な人にもおすすめの広告です。 それでは早速Google Adsenseを設置していきたいと思います。 ※ファイルを直接いじる場合には、事前にバックアップをとっておくことをお勧めします。ファイルの改変は全て自己責任でお願いいたします。（詳しくはトップページのメニューにある利用上の注意をご覧ください。） サイドバーにAdsenseを設置する方法 まずはサイドバーにAdsense広告を設置する方法です。この方法が一番簡単です。 設置が完了すると上の図の位

とりあえず作りきる！知識は後半！ 記事ページをカスタマイズしたい。え？記事下にこんな「いいね！ボタン」も設置したいし。 こんなオリジナルシェアボタンだって作りたい。 せやでぇ？カスタイズしたいねんけど、直接テーマファイル触わるんコワいやんけ んでテーマをアップデートしたらせっかくのカスタマイズが消えるらしいやんけ んで子テーマ作れば解決するらしーやんけ ややこしそーやんけー手ぇ出しにくいやんけー億劫やんけぇ！ わかる！わかるぞ！私もしばらく見て見ぬふりをしていた一人。 でもやってみたら作業は簡単。知識が先行すると億劫になるだけ。安心するために、ラクになるために。子テーマなんてサクッと作ってしまおう。 まずは「作り方」のみにフォーカス。ややこしい仕組みは後で説明。実作業は10分で終わらせよう。早く寝よう。明日も早い。 簡単2ステップの作業順

Windowsでダウンロードした圧縮（zip）ファイルを解凍したら、変なフォルダやファイルが入っていることがあります。 解凍したフォルダに、目的のフォルダやファイルとは別に「__MACOSX」というフォルダが入っていることがあります。 謎のフォルダがあるので、解凍に失敗したのか？何か問題があるのか？と心配になりますが、大丈夫です。 ただ「元のデータがMac OSで圧縮（zip）ファイルにされたもの」ということ。 スポンサードリンク 「__MACOSX」は、Windowsでは必要ないので削除してOK 「__MACOSX」は、Mac OSで圧縮したデータをWindowsで受け取り（ダウンロードし）解凍すると、自動的に生成されてしまうフォルダです。 「__MACOSX」は、Windowsでは必要ないので削除しても問題ありません。 「.DS_Store」もWindowsでは必要ないので削除してOK

ドメイン名が「sample.com」でプロトコルが「http（wwwなし）」でWordPressを、「/www/wordpress/」ディレクトリにインストールした場合、インストール後の「WordPress アドレス（URL）」は「http://sample.com/wordpress」となってしまいますが、サイトアドレス（URL）を「http://sample.com/」に変更したい場合、下記のように「サイトアドレス（URL)」に「http://sample.com」と入力して「変更を保存」してください。

パンくずリストを、TOPページ以外の記事やカテゴリページなどの一覧ページに設置することで、ユーザーがサイトのどの位置にいるのかを視覚的にわかりやすくし、内部リンクによるSEO的な効果も期待できます。 今回は、WordPressのテーマにプラグインなしでパンくずリストを設置する方法を各ページごとにご紹介します。 パンくずリストの要素を各テンプレートを追加する 各ページごとのパンくずリストは、『TOPページ＞各ページごとの内容＞現在のページ』という構成で作成していきます。ページによって出力する内容が違うので、一つ一つ作成し・設置していきましょう。 記事の投稿ページのパンくずリスト まずは、ユーザーに一番見られる投稿記事のパンくずリストを作成・設置しましょう。 パンくずリストを投稿記事に追加するためのコードは下記の通りです。 single.phpのパンくずリストを出力したい箇所に追加 <div

ユーザーがサイトを巡回している際、URLの変更によるリンク切れやエラー・検索してもページが無いなどの理由で探しているページが見つからなかったときに、何もページに表示されないと離脱してしまう可能性があります。 ユーザーの利便性を高めるためにも検索エンジンのクローラーに回遊してもらうためにも、エラーページの充実は非常に重要な対策の一つですのでWordPressのテーマ内にテンプレートを作成しておきましょう。 今回は、SEO対策にも効果的でユーザーの利便性を高める404エラー・検索エラーペー ジのWordPressでの作成方法についてご紹介します。 404エラー（not found）ページとは 404エラーページとは、アクセスしたページが存在しないときにサーバーから自動で返されるHTTPのエラーコードです。 404エラーがサーバーから返されたときの表示方法はサイトの設定によって異なりますが、適切

こんにちは、福岡のホームページ制作シンス株式会社の越水です。 WordPressで制作したホームページのブログ記事に、前後のページへのリンクを設置する方法を紹介します。 前の記事や次の記事へのリンクを設置することで、Webサイトの訪問者に別ページも見てもらうきっかけを与えることができ、直帰率の低下にも繋がります。 今読んでいる記事の前後ページへのリンクはWordPressが勝手に生成してくれる！WordPressならば便利なテンプレートタグが用意されているので前後の記事へのリンクを作る場合も簡単です。 テンプレートタグprevious_post_linkとnext_post_linkを使う前の記事へのリンクを作るときはprevious_post_link、次の記事へのリンクを作りたい場合はnext_post_linkというテンプレートタグを使うことで、簡単にリンクの設置ができます。 Wor

2016/09/05 (更新日: 2019/10/06) WordPressのおすすめプラグインは８つだけ。断言します PROGRAMMING WordPress [WordPress プラグイン おすすめ]でぐぐったところ… エグい…／(^o^)＼ なぜエグいのか？ プラグイン50個もいれたらメンテナンス不可能になります。メンテナンス（定期アップデート）しないとセキュリティホールが生まれやすいので、ハッキングされる可能性が高まります。 最近のハッキング事例としては、WordPressの「All in One SEO Pack」に深刻な脆弱性だったり、キャッシュプラグイン「WP Super Cache」に複数の脆弱性などがあります。 All in One SEO PackとWP Super Cacheは超有名プラグインなので、逆に狙われやすいのかなと。ニュースにも出ないようなマイナープラグ

サンプルサイトやテーマを編集・作成するためのベースサイトには、サンプル記事を複数登録する必要があります。しかし、記事を一つ一つ投稿画面から登録していると骨が折れますよね？ サンプル記事などの面倒な投稿は、プラグインを使って一括で登録してしまいましょう。 今回は、面倒なサンプル記事をCSVファイルで簡単に一括投稿できるプラグインとその使用方法についてご紹介します。 CSV一括登録ができるプラグイン『Really Simple CSV Importer』 『Really Simple CSV Importer』は、記事本文だけでなく、カスタムフィールドやアイキャッチ・タクソノミー情報・カテゴリ・タグなどのCSV一括登録に対応しているのでとても効率よく記事を投稿することができます。 テストサイトやサンプルサイトは、SEOに対応させたり検索エンジンにインデックスさせたりするわけじゃないので、同じペ

あなたは、WordPressのテーマを作成したり編集したりするときどうしていますか？私はローカル環境のWordpressでデザインを実際に確認しながらATOMで作成・編集を行っています。 WordPressのテーマの編集を行うときは、管理画面から直接編集するのはなるべく避けるようにしましょう。管理画面からの直接編集は、何のサポート機能もないので編集がし難い上にコードミスによるトラブルも起こりやすくなります。 この記事では、私が実際に使っているATOMを使ってWordPressテーマの作成・編集する方法についてご紹介します。 ATOMとは ATOMとは、GitHubが主体となって開発しているオープンソースのコードエディタです。Windows・MAC OS X・Linuxに対応しているため環境を選ばずに使用することができます。 さらに、沢山のプログラム言語も扱うことができるうえに、パッケージを

WordPressのテーマを作成・編集する際に、公開しているサイトで直接編集するのはあまり好ましくありません。Web上で直接編集するのではなく、ローカルの自分のパソコン上でWordPressを編集したりプラグインの動作を確認したりできる環境を作っておくと自分好みのサイトを作成する際に便利です。 私は、ローカル環境をフリーで構築できるXAMPPを使ってWordPressをテーマを作成・編集しています。この記事では、XAMPPのインストール～WordPressの導入までをご紹介します。 WordPressをローカル環境で動かすには？ WordPressなどのWeb環境を構築する際には、動作させるためのソフトウェアが必要です。ソフトウェアが入っていなければきちんと動作してくれません。 WordPressは、 Webサーバ → Apache SQLデータベース → MySQL Webで動作するプロ

【ワードプレス】簡単！コメント機能をcomments.phpでゼロから作成 製作 プログラム 最終更新日：2017/11/14 ワードプレス：comments.phpの超カンタンな作り方！ 「自作テーマのコメント機能がうんともすんともいわないっ！」こんな状態になっていませんか？ ブログなんかだと必ずといっていいほどコメント機能はついていますよね。ワードプレスにももちろんコメント機能があります。テーマをダウンロードした場合は管理画面でコメント機能の有効･無効を変更できますが、自作テーマなんかの場合だとそもそも管理画面でいくらコメント機能を有効にしてもコメントは表示されません。実はワードプレスでコメントを表示するためには特別なphpファイルを用意する必要があるのです。 今回はワードプレスのコメント機能をゼロから作成していきます。わかりやすく書いていますので、自作テーマにコメント機能を追加したい

記事一覧までスキップ WordPressは、テーマを変更することでWEBサイトのデザインや機能を変更することができます。 配布されているWordPressテーマは、有料・無料に関わらず豊富にありますが、専用に作られたものではないため、制約を受けたりカスタマイズを繰り返したりするうちに複雑化し、余計な機能も盛りだくさんの重たくメンテナンスしづらいサイトになってしまいます。 自作のWordPressのテーマを作成するのは、既存のテーマをそのまま使うよりも大変かもしれませんが、それ以上にたくさんのメリットがあります。 WordPressのテーマを自作するメリットは？？ 既製のテーマを使用せずに、自作テーマを制作できるようになると、下記のメリットを感じることができるかと思います。 機能的な制約に縛られることなく自由に作成できる テーマの構造を理解できているのでカスタマイズしやすい 一つベースを作れ

【常時SSL化】「Search Regex」画像URLを「http→https」に一括置換する方法【WordPressプラグイン】 time 2016/07/02 folder SEOに役立つ方法 wordpress WordPressプラグイン 常時SSL化 「常時SSL化」をしたら、サイトの全ての画像URLを「http」から「https」に変更しましょう！ URLを変更するには、 画像を削除→再アップロードする 投稿画面でビジュアルエディタからテキストエディタに変更し、画像URLのhttpを１つずつhttpsに変更する といった手順を、全ての画像に１つずつ行う方法もありますが、大変です。 そこで、WordPressプラグイン「Search Regex」で、画像URLを「http→https」に一括置換（ちかん：置き換えのこと）しましょう。 WordPressプラグイン「Search R

その②：使いやすいフォーム作成のコツ 誤送信を防ぐ機能がある（間違ってエンターキーを押しても送信されないようにする） サンキューページがある（ちゃんと送信されたことが分かる） 自動送信メールがある（ちゃんと送信されたことが分かる） 誤送信を防ぐ機能の設定方法 [acceptance accept-this] 個人情報の取扱いについて、同意の上送信します。（確認画面は表示されません） フォーム全体としては次のようになります。 <span class="must">必須</span> お名前 [text* your-name placeholder "例）山田 花子"] <span class="must">必須</span> メールアドレス [email* your-email placeholder "例）[email protected]"] <span class="free">任意<

2017/04/28 (更新日: 2017/05/27) 【WordPress・SEO】サイトマップの作り方・送り方【３つ送ろうね】 MARKETING SEO サイトマップ送信は基礎的な知識ですが出来ていないサイトが多い。 今回はWordPressをベースにサイトマップの作り方・送り方をまとめます。サイトマップはSEO対策にも繋がる話なので、アクセスアップしたい人はこれを機に設定しましょう。 サイトマップは２種類ある。人間向けとロボット向け。 サイト利用者向けのサイトマップ：サイト構造を分かりやすく解説する為（サンプル） Googleロボット向けのサイトマップ：sitemap.xmlといった名称でロボット向け（サンプル） サイト利用者向けのサイトマップの作り方（送信は不要です） 以前はPS Auto Sitemapというプラグインが便利だったのですが、最近はエラーで動きません。なので、手

WordPressにはおしゃれなテーマがたくさんあります。「これが無料！？」と思うようなハイクオリティなものが無料配布されていることもあります。 全てレスポンシブ対応 今回はおしゃれなWordPressテーマをまとめて紹介します。どれもレスポンシブ対応（スマホ表示にも最適化）です。海外製のものが多めですが、どれも日本語で使うことができます。ジャンル別に紹介していくので、必要に応じて読み飛ばして頂ければと思います。 いきなり手前味噌で恐縮なのですが、当サイトが制作・配布しているWordPressテーマです。開設1年で200万ページビュー/月を超えたサルワカのノウハウを、余すことなく詰め込んでいます。 デザインはモバイルファーストで、細部までこだわり抜いています。見出し、ボックスなどの装飾が多数用意されており、専門知識なしで簡単に記事に挿入できます。内部SEOもバッチリ最適化済み。有料ですが、

WordPressの「これが困った！」 WordPressで困っていることはありませんか？ サーバー移転／エラー解消／カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2012 WordPressを新しいサーバーへ移したい？ WordPressを引っ越しする方法は以下の2種類あります。 1. プラグインを使い「自動で」サーバー移行 2. プラグインなしで「手動で」サーバー移行 今回お伝えするのは、「2」の手動で引っ越しする方法です。 あなたが初心者さんなら、まずは「1」のプラグイ

WordPressを使用していて記事の下に毎回同じ定型文を入れたいと思った場合、毎回記事の最後に作成した定型文をコピペしたり、投稿記事のHTMLを編集する必要があります。 しかし、毎回コピペするのが面倒でも、HTMLを編集する技術がない場合はコピペするしかありません。 でも、WordPressの拡張機能であるプラグインを使えば、記事下に毎回表示して欲しい定型文を自動で入れることができます。 今回は、記事下に定型文を毎回自動で入れることができるプラグインとその設定の仕方を解説します。 記事下に定型文を毎回コピペしていた方は必見です！ 記事下に定型文を入れる目的は？ もし、あなたが記事下に定型文を入れたことがないとしたら、まず記事下に定型文を入れる目的をお伝えします。 ↑　僕のブログ記事の場合だと、こんなかんじで定型文を入れています。 記事下に毎回定型文を入れる目的は、 ブログランキング応援の