WordPressで制作したWebサイトのページ数が増えてきたら、訪問したユーザーのことを考えて、サイト内に「検索フォーム」があると便利です。 閲覧したサイトで使ったことがある人も、多いのではないでしょうか。 検索フォームを導入すると、サイトの使い勝手がアップするので、ユーザーの回遊性（サイトの様々なページをみてもらうこと）が向上します。   WordPressで検索フォームを設置するのに、特殊なコードを書いたりする必要はありません。 もちろん、細かいデザインや機能を設定したいひとは1から作成することができますが、初心者でも簡単に取り入れられるよう、デフォルトで機能が準備されています。 今回は、初心者でも簡単に検索フォームを導入する方法をお知らせします。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター！！WordPressの記事数が増えてきてしまって、検索機能をつけたいんですけど、どうすればいいんですか？ 田島悠介 ウィジェットを追加すればできるよ。やり方を教えてあげるね。 大石ゆかり はい、お願いします！！   ウィジェット編集画面を開く 「検索フォーム」は、WordPressに標準装備されているウィジェット機能で導入することができます。 ダッシュボード＞外観＞ウィジェットをクリックしましょう。 ウィジェットの管理画面が開きます。     検索フォームウィジェットを追加 ウィジェット管理画面は、左に追加可能なウィジェットの一覧、右に使用中のウィジェット一覧という表示構成になっています。   この中から、「検索フォーム」というウィジェットを探しましょう。 TwentyTwelveのテーマでは、下の方に表示されていました。   ウィジェットを追加するときは、ウィジェットの一覧エリア（左）から、使いたいウィジェットを使用中エリア（右）にドラック＆ドロップで移動させるだけです。 今回は、サイドバーに表示させたいので、「メインサイドバーエリア」部分にドラック＆ドロップで移動させてみましょう。   検索フォームにタイトルを付けたい場合は、ここで編集して「保存」をクリックします。   設定が終わったらサイト上で確認すると、検索フォームが表示されていることがわかります。 今回の記事は以上です。ぜひ自分でも実装してみてください。 さらにWordPressを使いこなしたい場合は、WordPressで固定ページにテンプレートを適用する方法も合わせてご覧ください。   大石ゆかり これで検索してもらえるようになりました♪ 田島悠介 検索があると、サイト回遊率が上がってよりみてもらえる機会が増えるから良いね♪ 大石ゆかり はい、そうですね♪   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

WordPressのプラグインの使い方を初心者向けに紹介する記事です。 今回は、ブログの人気記事を表示できるプラグインの1つである、WordPress Popular Postsの使い方を紹介します。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター！！よくサイドバーにそのサイトの人気記事が表示されているのってあるじゃないですか〜？ 田島悠介 うん、あるね。サイト回遊率を上げるために設置するんだよ。 大石ゆかり それって、WordPressでも設置できないんですか？ 田島悠介 あぁ、できるよ。いくつかプラグインがあるけど、「WordPress Popular Post」なんてどづかな？   WordPress Popular Postとは ページビューの多い記事を表示できるプラグインです。 ある程度ブログの記事が増えてくると、人気記事を目立たせたいと思うことはないでしょうか。 特にシステムの知識がなくても簡単に表示できるので、初心者でも手軽に導入することができます。     プラグインをインストールする このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。 インストール方法がわからない場合は、WordPressのプラグインをインストールする方法をご覧ください。   有効化すると、ダッシュボード＞設定＞WordPress Popular Postsというリンクが増えているはずです。     [PR] WordPressで挫折しない学習方法を動画で公開中管理画面でできること ダッシュボード＞設定＞WordPress Popular Postsをクリックしてみましょう。 ここでは、指定期間の閲覧数のランキングや、表示方法を確認することができます。 設定したばかりではまだ集計できていませんが、時間が経つとここに集計結果が反映されます。   ツールタブでは、デフォルトのサムネイルや、閲覧数を集計する母体（訪問者だけ、ログインユーザも含めるか、など）を設定できます。     記事一覧を表示する 人気記事一覧を表示させるには、ウィジェットエリアから追加をします。 ダッシュボード＞外観＞ウィジェットから、ウィジェットの編集画面を開くと、WordPress Popular Postsというウィジェットが追加されています。これを、追加したいエリアにドラック&ドロップしましょう。   記事の表示エリアの名称や、表示数、カウント方法などを設定することができます。   また、閲覧数や、コメント数、投稿日時の表示/非表示も選択することができます。 設定したら、保存ボタンを押すと反映されます。   設定してすぐの状態では、まだ統計情報が集まっていないので下記のようにサイト上で表示されます。 そのため、先にプラグインを有効化して、ある程度閲覧データが溜まってきたのがプラグインの管理画面で確認できてから、ウィジェットの編集をして表示させるの良いかもしれません。 今回の記事は以上です。   WordPressの他のプラグインを使ってみたい場合は、Ultimate TinyMCEの使い方も合わせてご覧ください。   大石ゆかり インストールしてウィジェットで追加するだけで勝手に集計してくれるんですね♪ 田島悠介 そうだね。表示する項目や集計方法とかも選択できるのも良いね♪ 大石ゆかり そうですね♪   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

WordPressでサイトを作成したら、どれくらいの人が見てくれているのか気になりますよね。以前にアクセス解析ができるプラグインを紹介しましたが、もう少しライトな計測、アクセス数を表示したいということもあると思います。 そこで今回は、アクセスカウンターを追加できる無料プラグインを紹介します。WordPressのウィジェットを使ってサイトにアクセスカウンターを表示することもできるので、自分に合ったプラグインを見つけてみてください。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   1：count per day インストールすると、ウィジェットで好きな場所にカウンターを追加することができるプラグインです。 幅広い内容を網羅しており、下記の数字を計測可能です。 現在の記事/総閲覧数/今日の閲覧数/昨日の閲覧数/先週の閲覧数/月別の閲覧数/総訪問者数 今日の訪問者数/昨日の訪問者数/先週の訪問者数/1日あたりの訪問者数/現在オンライン中の人数 カウント開始日 count per dayの使い方     2：WP Hit Counter サイドバーにウィジェットで追加できる、シンプルなアクセスカウンターです。 デザインも豊富で自分のサイトに合ったものを選んで、さり気なく表示することができます。 WP Hit Counter     [PR] WordPressで挫折しない学習方法を動画で公開中3：忍者アナライズ ブログなどのサービスでお馴染みの、忍者ツールが配布しているアクセスカウンターです。サイト作成や、ブログなどでお馴染みの人も多いのではないでしょうか。 ドラッグ&ドロップで簡単にアクセスカウンターを設置することができます。 忍者アナライズ     4：Bliss Hit Counter 2.2 ウィジェットではなく、プラグイン管理画面で表示箇所を「サイドバー」「フッター」から選択するだけで設置できるプラグインです。 豊富なデザインの中から、サイトのイメージに合うものを選択できるのも嬉しいですね。 Bliss Hit Counter 2.2     5：StatPress 高機能なアクセス解析プラグインです。その機能の1つとして、ウィジェットからアクセスカウンターを追加することができ、訪問数だけでなく様々な指標を追加することができます。 値を指定してウィジェットを追加する必要がありますが、ほしい情報のみ確認できるので非常に便利です。 StatPress   いかがでしたか？ さらに細かい分析をしたい場合は、WordPressのアクセス解析に便利なプラグインも合わせてご覧ください。 ぜひ、WordPressの使い方を覚えましょう！ [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

WordPressで検索機能の作り方を解説している記事になります。検索機能を自分の力で開発しようとすると大変なので、今回はプラグインを使って行います。 WordPressのウィジェットには標準でシンプルなキーワード検索フォームが備わっていますが、「WP Custom Fields Search」というプラグインを使用することでカテゴリーやタグによる絞り込みが可能な検索フォームを作成することができます。 プラグインを使えば簡単に設置できるので、ぜひ試してみましょう。 なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター！！WordPressの記事数が多くなって、検索機能をつけたいって要望がきたんですけど・・・。 田島悠介 WordPressのウィジェットにもあるけど、詳細な検索をつけたいのならプラグインを使うと良いよ。良いプラグインを教えてあげるね。 大石ゆかり はい、お願いします！！！   プラグインを使って検索機能を作ってみる このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。 インストールがわからない場合はWordPressのプラグインをインストールする方法をご覧ください。   WP Custom Fields Searchはウィジェットの管理画面内でフォームの設置や編集をすべて行うことが出来ます。 「外観」→「ウィジェット」を選択します。 「利用できるウィジェット」内から「Custom Fields Search」を右の欄の表示させたい場所にドラッグ＆ドロップで移動させます。今回はサイドバー内に配置しています。 サイドバー内の表示させたい位置に上下に移動させます。ここでは一番上にしています。 右の▼をクリックし設定画面を開きます。 有効化してすぐの状態では「キーワードによる検索」と「カテゴリーによる検索」が配置されています。 今回はここに「タグによる検索」の項目を追加してみます。 「Add Field」をクリックします。 新しい項目が追加されました。 「Show/Hide Config」をクリックすると項目の設定画面表示のオン・オフを切り替えることができます。 「Show/Hide Config」から設定画面を開いたところです。 「Label」の部分には検索に分かりやすい名前を付けます。今回は「Tag」としています。(※日本語入力も可能です) 「Data Type」では検索を行う対象を「Post Field」(投稿記事)や「Category」(カテゴリー)などの項目から選択します。今回は「Tag」を選択します。 「Widget」の項目では検索フォームの形式を設定します。ここではテキスト入力の他にドロップダウンやラジオボタン・チェックボックスなどを選択することができます。 また、各検索項目の表示される順番はドラッグで並び替えることができます。 設定が完了したら「保存」をクリックします。 サイドバーに検索フォームが追加されました。 各項目の名前・対象や表示形式などの設定項目はフォームを設置した後でもウィジェットの管理画面から変更が可能です。 これで検索機能を作ることができました。 たったこれだけで、自分のサイト内をキーワード検索できるようになるので、活用しない手はないですね。 ぜひ、WordPressの使い方を覚えましょう！   大石ゆかり キーワードだけでなく、カテゴリーやタグで絞って検索できるのっていいですね♪ 田島悠介 そうだね。これで記事数の多いサイトも使いやすくなるね。 大石ゆかり はい♪   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

WordPressをインストールしたときにサイトのタイトル（サイト名）を決めますが、後になって最初に決めたタイトルから変更したいと思うことも少なくないと思います。 今回はWordPress初心者の方向けにサイトのタイトルを変更する方法をご紹介します。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター！！WordPressを構築した時に適当にサイト名を決めてしまったんですけど、あとで変更ってできないんですか〜？ 田島悠介 管理画面からできるよ。 大石ゆかり 教えてください！   一般設定画面を開く まずは、WordPressの管理画面左にあるメニュー一番下の「設定」をクリックします。   すると「一般設定」画面が表示されます。 項目の一番上の「サイトのタイトル」の欄に現在のサイトのタイトルが表示されていると思います。     サイトのタイトルを変更する サイトタイトルを変更するには、今表示されている現在のサイトのタイトルを変更し、新しいサイトのタイトルを入力するだけです。   入力が終わったら、画面一番下にある「変更を保存」ボタンをクリックしましょう。   「設定を保存しました。」というメッセージが表示され、左上のサイトのタイトルが変更されたのがわかると思います。   サイトのタイトルを変更する方法は以上です。 サイトのタイトルによって、Googleなどの検索サイトからの流入数が大きく変わることもあるので、良いタイトルを考えてみてください。   WordPressをカスタマイズしたい場合は、WordPressでウィジェットを編集する方法も合わせてご覧ください。   大石ゆかり あとで変更できてよかったです〜♪ 田島悠介 WordPressは大抵のことは設定画面からあとで変更できるから、一通りみておくといいかもね 大石ゆかり はい、わかりました！   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

  メディアやブログなどネット上で記事を読む媒体が非常に多くなってきています。 そのためRSSを使う読者の方も多くなっているでしょう。 また、RSSを利用すれば登録している読者全員に新着記事を通知することができます。 そういった便利なツールRSSをWordPressで設置する方法を、直接入れる方法とプラグインを使う方法2通りに分けて解説します。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター！！WordPressの案件でRSSを使いたいという要望があるんですけど、どうやったらいいんですか？ 田島悠介 WordPressにRSSを設置する方法は、「ウィジェットのテキストを利用する方法」と「プラグインを使う方法」があるんだ。どちらでもできるから、一応両方とも教えてあげるね。 大石ゆかり はい、お願いします♪   ウィジェットのテキストを使用する方法 まず、RSSボタンに使用するアイコンを用意します。今回はデザイン素材.comからフリーのアイコンを入手しました。 素材サイトの指示に従って画像をダウンロードし、それをWordPressのメディアライブラリにアップロードしておきます。 次に、WordPress管理画面の左メニューから「外観」→「ウィジェット」を選択します。 左の「利用できるウィジェット」一覧から「テキスト」を右の「サイドバー」の欄へドラッグで移動させます。 ここで各項目をドラッグすることで順番を入れ替えることができます。今回は一番下に移動させました。 「テキスト」の右にある▼をクリックすると下のような画面になるので、各項目を入力します。 タイトル：サイト内で表示される項目の名前です。ここでは”RSS”とします。 内容：RSSアイコン用の画像にサイトのRSSフィードへのリンクを貼ります。形としては以下のようになります。 <a href=”サイトのフィードURL”><img src=”RSSアイコン画像へのリンク” border=”0″ /></a> サイトのフィードURLを調べる方法 自分のサイトのRSSを調べるのにはRSSリスティングのフィード検出を使用すると便利です。 http://berss.com/feed/Find.aspx 「ブログやサイトのURLを入力して自動検出スタートをクリック」の欄にサイトのURLを入力し、「自動検出スタート」をクリックします。 「フィードの自動検出に成功しました」というメッセージの下に表示されたものがそのサイトのRSSフィードです。 RSSアイコン画像へのリンクを調べる方法 メディアライブラリにアップロードされているRSSボタン用アイコンへのリンクを確認します。 WordPress管理画面のメニュー「メディア」→「ライブラリ」から最初にアップロードしておいたアイコンをクリックします。 画像の詳細情報にある「URL」の部分がRSSアイコン画像へのリンクです。(URLの部分をクリックして選択した後Ctrl＋Aで全選択→Ctrl＋Cでコピーすることができます) 各項目を入力し「保存」をクリックするとサイドバーにRSSボタンが設置されます。   「Simple Social Icons」プラグインを使用する方法 続いて、プラグインを使用してRSSボタンを設置する方法です。 この場合プラグインにアイコンを生成する機能があるため、フリーの画像アイコンを用意する必要はありません。 Simple Social Icons プラグインをインストールした後WordPress管理画面の左メニューから「外観」→「ウィジェット」を選択し、「利用できるウィジェット」から「Simple Social Icons」の項目を「サイドバー」へドラッグして移動させます。 Simple Social Iconsの右の▼をクリックし、設定画面を表示させます。 「Title」の部分にはサイトに表示させる項目の名前を入力することができます。ここでは”RSS”としています。 メニューの下の方へ移動し、「RSS URI」の欄にRSSフィードを入力します。 一番下の「保存」をクリックするとサイドバーにアイコンが追加されます。 この自動生成されるアイコンは大きさや色を変えることができます。 「Icon Size」を50pxにし、「Background Color」と「Background Hover Color(マウスカーソルを合わせた時の色)」を変更してみました。 「保存」を押すと設定が反映されます。   今回の記事は以上です。 ぜひ、WordPressの使い方を覚えましょう！   大石ゆかり どちらの方法も簡単ですね〜♪ 田島悠介 そうだね、WordPressはやりたいことが手軽にできるからいいよね！ 大石ゆかり はい♪   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。