ネットで稼ぐ方法！自由な時間とお金を手に入れたヒロユキのブログ » WordPress

WordPressのカテゴリーをツリー表示にして整理するプラグイン

ヒロユキ — Mon, 12 May 2014 08:20:21 +0000

WordPressを長い間運営していると、だんだんとカテゴリーが増えてきて雑然とした見た目になってしまったりしますよね。

でもWordPressの標準機能ではカテゴリーをキレイに見せるようなことは出来ません…

そんな時に便利なプラグインがEnhanced Categoriesです。

導入は非常に簡単で、見た目もスッキリするのでおすすめです。

■Enhanced Categoriesの導入方法

まずはプラグインをダウンロードしてきてください。

Enhanced Categoriesのダウンロードはこちらからどうぞ！

ダウンロード後は通常のプラグインと同様に、新規追加からアップロード後有効化でOKです。

ただ、これだけではプラグインは機能しません。

ダッシュボードの外観→ウィジェットからEnhanced Categoriesをサイドバーにドロップしてください。

これでプラグインが機能し、ブログにカテゴリーが表示されるようになります。

元々サイドバーにカテゴリーを表示していた人は、そのウィジェットをサイドバーから削除しておいてください。

カテゴリーが二重に表示されるようになってしまいますからね。

後はカテゴリーの整理を行います。

ダッシュボードの投稿→カテゴリーから操作を行います。

ツリー表示にしたい場合はまず親カテゴリーを作成する必要があります。

新規カテゴリーを追加のところから、カテゴリーを新たに作ります。

名前とスラッグを入力して、新規カテゴリーを追加をクリックすれば完了です。

次に、その画面右側にあるカテゴリーの一覧から、子カテゴリーにしたいものを選択し、編集をクリックします。

次に表示された画面で、先ほど作成した親カテゴリーを指定して更新をクリックすれば完了です。

整理したいカテゴリーの分だけこれらの作業を繰り返せばOKという訳ですね。

こんな感じのツリー表示になります。

赤丸部分の＋マークをクリックすると親カテゴリーの中に入っている子カテゴリーが展開して表示されるようになりますね。

■カテゴリーの並べ替えをしたい！

親カテゴリーを作ってツリー表示にして整理出来たはいいけど、自分好みの順番に並び替えをしたいと思いますよね。

これもWordPressのデフォルトの機能では出来ないんです。

こういう時はやはりプラグインを使用しましょう。

便利で使いやすいプラグインがあります。

それはCategory Orderというプラグインです。

まずはこちらからCategory Orderをダウンロードしてください。

ダウンロード出来たら、ダッシュボードからプラグインを新規追加、アップロード後有効化してください。

そうすると、ダッシュボードの投稿メニューのところにCategory Orderというメニューが出てきます。

ここで、各メニューをドラッグ＆ドロップして順番を自由に変更することが出来ます。

好みの順番に変更出来たらブログをチェックしてみてください。

順番変わってますよね！

非常に簡単で見た目もスッキリするカテゴリーに関するプラグインの紹介でした。

WordPressのゴミを一掃！不要なデータを削除するWP-Optimize

ヒロユキ — Fri, 02 May 2014 09:14:27 +0000

WordPressを長い間運営していると、見た目には見えないゴミのようなものが溜まっていきます。

そのままにしておくとWordPressのパフォーマンスを最大化出来ずに、ブログが重たくなったりしていきます。

ここではそんなWordPress内の不要なデータを一発で削除してくれる便利なプラグインWP-Optimizeを紹介していきます。

■WP-Optimizeのインストール

まずはこちらのリンクからプラグインをダウンロードしてきてください。

https://wordpress.org/plugins/wp-optimize/

そうしたら、通常のプラグインと同様にダッシュボードのプラグインから新規追加→アップロードと進んでいって、プラグインをアップロード後、有効化してください。

完了するとダッシュボードの左サイドバーにWP-Optimizeというメニューが現れます。

操作はこのメニューをクリックした画面で行います。

■WP-Optimizeの使い方

とても簡単でしかも日本語に対応しているのでだいたいわかると思いますが、基本的な使い方は必要事項にチェックを入れて実行をクリックするだけです。

まずやってもらいたいのが一番左上のすべての投稿リビジョンを削除ですね。

リビジョンと言うのは、記事を投稿する際に生成される一時データのようなものです。

WordPressは記事を書いている時に内容が自動的に保存されていき、変更があった場合は履歴が残るようになっています。

なので長い時間かけて書いた記事はリビジョンが多く残ってしまいます。

便利な機能なのですが、あまりリビジョンが多く残っているとWordPressの動作に影響を及ぼしてしまいます。

なので、まずはこのリビジョンを削除していきましょう。

また、便利な機能としてはデータベーステーブルを最適化ですね。

これもWordPressを使い続けていると不要なゴミのようなものが溜まっていきます。

これが多くなってくると、ブログの動作が遅くなったりしてしまいます。

定期的にクリーニングするようにしていきましょう。

せっかく大事に育てている自分のブログですからね。

パソコンなどのツールと同様にたまには掃除をしてあげましょう！

Broken Link Checkerでリンク切れしてないのにメール通知が来る！

ヒロユキ — Fri, 11 Apr 2014 10:51:07 +0000

Broken Link Checkerは記事内に張ったリンクがリンク切れを起こして表示されない場合に、自分に通知をしてくれる便利なプラグインです。

WordPressでリンク切れを通知してくれるプラグインBroken Link Checker

リンク切れを起こしている状態でリンクを張ったまま放置していることはSEOの観点からもよろしくありません。

なので早急にリンクを削除する必要があります。

■リンク切れしてないのにエラー通知が来た！

先日、このプラグインからリンク切れの通知がメールで来ました。

こんな内容で通知がきたので、いつも通りリンク切れの確認をしました。

まずはリンクのURLと表示されている箇所のURLをクリックします。

リンク切れを起こしている場合はこの部分のURLをクリックしてもページが表示されません。

しかし…

クリックしたところ、正常に表示されているんですよね。

リンク先はある動画サイトだったのですが、もしかしたらそのサイトそのものがBroken Link Checkerと相性が悪いのかもしれません。

正常にリンクされているのでこのままでも別に問題はないのですが、ブログ記事そのものを見てみると、青文字のアンカーテキストの真ん中に明らかにリンクされてませんよというような形の線が入っていました。

イメージとしてはこんな感じですね。

この状態でクリックしても正常にリンク先へは飛んで表示もされるのですが、ユーザービリティを考えるとこのままにしておくのはあまり良くありませんよね…

なので小リンク切れしてないものをエラーにしてしまう問題を正常に戻す対処法を考えました。

■その対処法とは？

最初はダメ元で、リンク先のURLをそのまま記述するのではなく、短縮URLを使ってみました。

リンク先のURLとして単純に短縮URLを使ってみたのですが、翌日見事にエラーメッセージが通知されてきました。

そのリンクをクリックしてみても通常通りリンク先に飛びます。

どうしたもんかなぁと思っていたのですが、対処法は非常に簡単なものでした。

エラー通知が来た時の本文中に一番下に
すべてのリンクエラーを見ることができます
とありますが、このURLをクリックするとWordPressの管理画面に飛びます。

そこでリンクエラーを起こしたURLに関して処理を行えます。

ここでリンクエラーでないを選択してあげれば例の線は消えてくれる事がわかりました。

これでリンク先にも正常に飛びますし、変な青い線が入ることもありません。

非常に簡単な解決方法でした。

でも管理画面に選択肢としてリンクエラーでないというものがあるということは、リンク先のサイトによってはこのプラグインがこういったエラーを起こしてしまうということがいくつかあるということかもしれませんね。

WordPressのダッシュボード上でアクセス解析を見る便利なプラグイン

ヒロユキ — Tue, 08 Apr 2014 07:13:36 +0000

WordPressでのブログ運営でアクセス解析の設置は必須ですね。

出来れば定期的にアクセス解析をチェックするのが望ましいのですが、いちいちアクセス解析のサイトに見に行くのがめんどくさい…

そう感じているのであれば是非入れておきたいプラグインがGoogle Analyticatorです。

このプラグインはわざわざGoogle Analyticsに行かなくてもWordPressのダッシュボード上でGoogle Analyticsと同様の解析データを確認することが出来る便利なプラグインです。

■まずはGoogle Analyticsのアカウントを作成

このプラグインはGoogle Analyticsの解析データをダッシュボードに表示させるというものですので、まずはGoogle Analyticsのアカウントを持っていない人はアカウントの作成をしましょう。

Googleのアカウントを持っていれば簡単に取得することが出来ますよ！

無料で高機能なアクセス解析【Google Analytics】導入と設置の方法

■Google Analyticatorのダウンロードとインストール

Google Analyticsのアカウント作成が出来たら、早速Google Analyticatorの導入をしていきましょう。

まずはプラグインファイルのダウンロードですが、下記リンクから取得してみてください。

Google Analyticatorのダウンロードはこちら！

ダウンロード出来たらWordPressにインストールします。

他のプラグインと同様、ダッシュボードのプラグイン→新規追加→アップロードで表示されるファイルを選択の部分にダンロードしてきたzipファイルをドロップすればOKです。

そうしたら今すぐインストール→プラグインを有効化ですね。

■Google Analyticatorの設定方法

プラグインを有効化したら、次に設定をしていきましょう。

この作業はあなたのGoogle AnalyticsのアカウントとWordPressを紐付けるための作業です。

設定からGoogle Analyticsをクリックします。

こんな画面になりますのでClick Hereをクリックします。

すでにGmailなどのGoogleサービスを開いている場合はそのアカウントと認証しようとしますので、右上のアカウントがWordPressと紐付けたいアカウントかどうかを確認してください。

もしOKであれば右下の承認するをクリックします。

文字列が出てきたらそれをコピーします。

ダッシュボードに戻り、先ほどの画面の空欄に文字列をコピーします。

そうしたらSave&Continueをクリックします。

するとこんな画面になると思います。

Google Analytics integration is curently DISABLED

と表示されていますね。

このままではアクセス解析のデータを取得出来ません。

すぐ下にあるGoogle Analytics logging isがデフォルトではDisabledになっていますので、プルダウンでEnabledに変更して一番下のSave&changesをクリックしてください。

これで基本的な設定は完了です。

画面左上のダッシュボードをクリックするとGoogle Analyticsの簡易的なサマリーを見ることが出来ます。

Google Analyticsを導入して間もない場合はすぐに表示されませんので数日待ってみましょう。

WordPressの導入方法(エックスサーバー使用編)

ヒロユキ — Fri, 28 Mar 2014 00:47:35 +0000

トレンドブログにしろ稼ぐ系のブログにしろ、末永くネットビジネスで稼いでいきたいと思うのであればWordPressでのブログ運営は必須と言えます。

無料ブログでも稼ぐことは出来ますが、全て自分でカスタマイズできるWordPressは魅力的です。

また無料ブログでは運営側にブログを削除されてしまっても何の文句も言えませんがWordPressであればそんな事態は起こりえません。

最初は難しいイメージがあると思いますが、WordPressの導入は非常に簡単です。

ここではエックスサーバーでサーバーをレンタルしていることと、独自ドメインを取得していることを前提にWordPressの導入方法について説明していきます。

■WordPressの導入は簡単！！

まずはエックスサーバーのサーバーパネルにログインしてください。

そうしましたら、①のプルダウンメニューからWordPressでブログを運営したいドメインを選択して②の「対象ドメインの変更」をクリックしてください。

それが完了しましたら③の「自動インストール」をクリックですね。

次の画面では最初は何も表示されていないと思いますので、右上の「プログラムのインストール」をクリックしてください。

そうすると下の方にプログラムが出てきますので、その中の「WordPress日本語」の「インストール設定」をクリックしましょう。

次の画面では必要箇所にそれぞれ入力が必要です。

順番に説明していきますね。

まずインストールURLですが、http://の後に一番最初に選択したドメインが表示されていると思います。

これはそのままにしておいて、一番右の入力欄は空白にしておいてください。

次にブログ名ですが、ここはあなたの考えたブログ名を入力してください。

後で変更も出来るのでとりあえずの名前でも大丈夫です。

ユーザー名とパスワードはWordPressにログインする際に使用するものです。

自分の好きなものを設定してください。

メモしておきましょう。

最後にメールアドレスを入力して完了です。

インストール(確認)をクリックしましょう。

確認画面が出るのでそのままインストールをしてください。

そうするとこんな画面になりました。

無事にインストールが完了しましたのでWordPressにログインしてみましょう。

表示されているURLをクリックして、先ほど設定したユーザー名とパスワードを入力しましょう。

■ログインできない時は？

WordPressのインストールをしたにも関わらず、管理画面にログイン出来ない時はPHPのバージョンをチェックしてみましょう。

サーバーパネルの管理画面からPHP Ver.切替をクリックしてください。

プルダウンメニューからPHP5.3.3(推奨)をクリックしてバージョンを切り替えるをクリックしてみてください。

これで先ほどのWordPressの管理画面が出るはずです。

ちなみにWordPressの管理画面のログインURLは
http://あなたが取得したドメイン/wp-login.php
です。

これでWordPressの導入の説明は終わりです。

簡単ですね。

WordPressにGoogleMapsを挿入して簡単に表示させる方法

ヒロユキ — Thu, 27 Feb 2014 12:15:41 +0000

WordPressを使っていて、特定の場所の地図を記事内に挿入して表示したい場合ってありますよね。

そんな時はプラグインなどを使用しなくても簡単に表示させる事ができるんですよ！

簡単なので是非やってみてください。

■Google MapsからリンクURLをコピーして貼り付けるだけ！

まずGoogle Mapsにアクセスをして、検索欄に指定したい住所を入力してください。

今回は例として東京タワーを指定してみました。

そうしたら、次は左上にあるチェーンのマークをクリックしてください。

これはリンク用のソースを表示してくれるボタンです。

するとこんな感じに2つのURLが表示されます。

今回は下の方の「ウェブサイトへの地図埋め込み用HTMLコード」の下のソースコードを全てコピペしましょう。

そしたらWordPressの記事本文に貼り付けるだけです。

WordPressの投稿スタイルはビジュアルではなく、テキスト形式にしておいてくださいね。

実際に地図を貼り付けてみるとこんな感じです。

大きな地図で見る

うまく表示されていますね。

ブログ内で地図の拡大や縮小、ドラッグで移動なども出来るので非常に便利です。

埋め込み用HTMLコードの下にある「埋め込み地図のカスタマイズとレビュー」をクリックすればより詳細なサイズなどの設定が出来ます。

余分なプラグインなどを使用しなくてもここまで出来るのですから便利ですよね。

WordPressでメディアを追加出来ない時の対処法！

ヒロユキ — Thu, 27 Feb 2014 07:48:58 +0000

WordPressでは投稿画面にある「メディアから追加」をクリックすれば非常に簡単に画像をアップロードすることが出来ますね。

しかしこのアップロード方法の時に、時々画面がフリーズしてしまって困っていました。

解決方法を探していたらとても簡単にフリーズを解消出来る方法がありましたので紹介します。

■FFFTPを起動して属性変更するだけ！

まずはFFFTPを起動して任意のドメインを選択します。

エックスサーバーの場合、
任意のドメイン→public_html→wp-contentと進んでいきます。

すると以下のような画面になりますね。

そうしたら次にuploadsのフォルダにマウスカーソルを合わせて右クリックをしてメニューを表示させてください。

属性変更という項目があると思いますのでそちらをクリックしてください。

現在の属性と表示してある部分に755という数字が入っていると思います。

これを757に変更をしてOKをクリックすれば完了です。

この設定だけで画像のアップロード画面でフリーズすることはなくなりました。

非常に簡単な設定ですので同じような症状で困っている方は参考にしてみてくださいね。

■他の画像アップロード方法を使う

WordPressの標準搭載機能の「メディアを追加」を使用しないで画像をアップロードして記事に表示させるというのも一つの手段ですね。

対象のドメインにimgなどのフォルダを作成して、そのフォルダに画像を入れます。

フォルダの作成や画像のアップロードにはFFFTPを使用します。

そうすると、

http://任意のドメイン/img/画像.jpeg

の形のURLが出来上がりますよね。

このURLはブラウザに入力すれば指定した画像が表示されるはずです。

それを

などの画像挿入タグを使用して本文に記述すればブログ記事に画像を表示させることが出来ます。

こちらの方が基本的な画像のアップロード方法かもしれませんが、WordPressの「メディアを追加」はFFFTPなどのツールを使わずにアップロードできて便利なので使っている方も多いですね。

タグを使用した場合は細かなサイズ指定などもできることが利点です。

時と場合によって使い分けをしてもいいと思います。

今回の設定をしておけば画面フリーズの心配もなくなりますので、無事に両方の方法でアップロード出来ますね。

WordPressのおすすめのパーマリンク設定

ヒロユキ — Fri, 14 Feb 2014 10:44:30 +0000

パーマリンク設定とは、記事ごとのURLを決定するのに影響される設定部分です。

WordPressでブログを運営していくのに理解が必要なものなのですが、まずドメインがありますよね。

図の赤枠で示した部分がドメインになります。

ここは独自ドメインで運用していることを前提にして話をすると、自分が取得したドメインになります。

そしてドメインに続く青枠部分を含めて各記事のURLになります。

青枠部分の表示の仕方をパーマリンク設定で変えることができるということですね。

■おすすめのパーマリンク設定は？

基本的にはWordPressの場合、特別パーマリンク設定をいじらなくてもデフォルトのままでいいと言われたりしています。

デフォルトの場合は
●●●.com/?p=155
のような表記になります。

これでも良いと言えばいいのですが、トレンドブログなどを運用していくのであればもう少し簡潔に表示されたURLの方が望ましいです。

SEOの観点から日本語表記がいいのではないかという意見もありますが、パーマリンク設定を日本語にしてしまうとURLをコピペした際に意味の分からない膨大な文字列になってしまうのであまりおすすめは出来ません。

おすすめは投稿IDのみすっきりと表示させる設定です。

■パーマリンク設定の手順は？

WordPressの管理画面から「設定」→「カスタム構造」とクリックしていってください。

右側に出てきた画面の中で一箇所だけ入力箇所があります。

カスタム構造を選択して赤枠の部分に下記のコードをコピペして下さい。

/%post_id%.html

これでパーマリンクの設定は完了です。

表示は
●●●.com/123.html
のように非常に簡素なものになります。

投稿した記事が多ければこの数字の部分は大きくなっていきます。

あまり複雑なURLはTwitterやFacebookなどのSNSでも拡散されづらいのが現状です。

短縮URLなどを使えば短いURLなどにすることも可能ですが、最初から完結なURLであれば短縮させる手間もかかりません。

このパーマリンク設定はブログ構築の最初の頃にやっておかないと後々面倒になりますので、是非やっておきましょうね。

WordPressにGoogleAnalyticsを簡単に導入する方法

ヒロユキ — Thu, 13 Feb 2014 11:51:44 +0000

WordPressを運営していく上ではアクセス解析の設置は必須です。

まずGoogleAnalyticsのアカウント開設からトラッキングIDの取得までは次の記事を参考にしてやってみてください。

無料で高機能なアクセス解析【Google Analytics】導入と設置の方法

■便利なプラグインで一発設定！

トラッキングIDを取得した後は、そのトラッキングIDを自分のサイトのHTMLコードに貼り付ける必要があります。

FFFTPなどのソフトを使用する必要があるため、若干複雑な作業に感じる方もいるかと思います。

そこでそんな複雑っぽい作業をしなくてもいい便利なプラグインがああるんです。

そのプラグインはUltimate Google Analyticsというものです。

Ultimate Google Analyticsのファイルはこちらからダウンロードしてください。

通常のプラグインと同様、ダッシュボード上でプラグインをインストール、有効化してください。

有効化すると、一番左のメニューの設定にUltimate GAというものが出てきます。

赤枠で示してあるUltimate GAをクリックしてください。

するとこんな画面になりますね。

UAから始まるAccount IDを入力する必要がありますが、Googleアナリティクスのトラッキングコード取得画面に表示されていますので、コピペしてください。

トラッキングIDと書いてある数字ですね。

そうしたらUpdate optionsをクリックして完了です。

これだけでブログの全てのページにGoogleAnalyticsのトラッキングコードが埋め込まれます。

全て手作業でやるのとでは段違いに効率的ですね。

ちなみに始めてGoogleAnalyticsを使用する場合はトラッキングコードの貼り付けをしてもすぐにGoogleAnalytics側に認識されません。

なので数時間～1日くらい様子を見てからGoogleAnalyticsのステータスを確認してみましょう。

■GoogleAnalyticsは定期的にチェックしよう！

アクセス解析というものは導入したからと言ってそれで終わりというツールではありません。

あくまでもアクセス数や直帰率、どんな検索ワードでアクセスしてきているか、滞在時間などを自分で把握して検証していくために設置するものです。

なので定期的にログインして管理画面をよくチェックする癖を付けましょう。

アクセス解析を普段から見る癖が無ければアクセスが激増した時、または逆に激減した時にその変化に気づくことが出来ません。

普段から見ていればそんな変化にも気づくことが出来ますし、激減した時にも理由を探して対処することが出来ます。

アクセスの激減などの対処方法としてはGoogleウェブマスターツールへの登録をしておくと非常に便利です。

ウェブマスターツールに関しての記事はこちらをどうぞ

Analyticsとウェブマスターツール、この2つの無料ツールを使用して自分のブログを深く知るために検証していきましょう。

WPtouch Mbile PluginのAdsense広告コードの設置方法

ヒロユキ — Wed, 12 Feb 2014 12:14:08 +0000

WPtouchは最近大幅リニューアルされてWPtouch Mbile Pluginというものになりました。

WPtouchでのAdsense広告の設置方法は色々なブログやサイトで紹介されていました。

私自身、WPtouchを使用していたのですが新しいブログを立ち上げて色々と必要なプラグインをインストールしていたところ、WPtouchがない…

仕方がないので新しいバージョンであるWPtouch Mbile Pluginをインストールしたのですが、Adsense広告の設置方法がわかりませんでした。

色々と調べながらやっていたら見事に表示させることに成功したので、健忘録代わりにこちらのブログに手順を書いておきます。

WPtouch Mbile Pluginをこれから導入される方は是非参考にしてみてください。

■WPtouch Mbile Pluginの導入方法は？

WPtouch Mbile Pluginはまずこちらのリンクからファイルをダウンロードしてください。

ダッシュボードからインストール後、有効化すれば基本的にはOKです。

このプラグインの本来の目的はWordPressで構築したブログをスマートフォンでアクセスした場合に最適化されるようにするものです。

スマホ用の見た目になるということですね。

WPtouchの頃よりもスタイリッシュな見た目になったので他のサイトとの差別化を図る意味でも導入しておきたいプラグインの一つです。

■スマホ用に表示されたブログにもAdsense広告を貼る方法

まずFFFTPを使用してsingle.phpというファイルを取り出す必要があります。

そのファイルのある場所なのですが
●●●/public_html/wp-content/plugins/wptouch/themes/bauhaus/default
の階層にあります。

●●●はあなたのブログのURLです。

この階層にあるsingle.phpをデスクトップ等にドラッグ＆ドロップをしてファイルを取り出してください。

このようなファイルが生成されていればOKです。

このファイルをTERAPADで開いてください。

TERAPADに関してはこちらの記事を参考にしてくださいね。

31行目くらいにある

という文字列を探してください。

記事上部にAdsense広告を貼る場合は上記赤文字のすぐ下にAdsenseコードを配置してください。

基本的には記事の上と下にそれぞれAdsense広告を張るのですが、今後クリック数などを詳細に解析するために別のコードを取得しましょう。

Adsense管理画面の「広告の設定」⇒「新しい広告ユニット」からコードを取得してください。

こんなカンジで300×250レクタングルで「テキストとイメージ」のコードを取得してください。

今回は「スマホ記事上」と「スマホ記事下」というものをそれぞれ作ってコードを取得してくださいね。

それぞれのコードの上に