~~と出来なくて困ってたけど。報告とお知らせ飲食店のためのWeb活用術お役立ちWebサービスWordPress1WordPressの基礎知識2WordPressの基本設定3サイトのアウトライン設定ヘッダーの設定フッターの設定4WordPressプラグインプラグインの設定サイト運営プラグイン記事作成プラグインセキュリティプラグインSEOプラグインアクセス解析プラグイン作業効率化プラグインサイトデザインプラグイン記事作成プラグイン5wordpressの運営6コンテンツ作成6-1固定ページ6-2投稿ページ7wordpress用語集WebマーケティングSEOライティングコピーライティングセールスレターメルマガノウハウソーシャルメディアアクセス解析Googleサイトデザイン素材1フォント素材2写真、画像Webに関するQ&Aとある飲食店のメニュー一例ブログ教室のご案内WordPressを使ったブログ教室WordPress(ワードプレス)のインストールパックホーム報告とお知らせず~~と出来なくて困ってたけど。報告とお知らせ管理人のイウラですず~~と出来なくて困ってたけど。できた!wordPress専用ブログのTOPページを変更しました!ツイートシェアGoogle+はてブPocketスポンサーリンクこんにちは!!当ブログ管理人イウラ(@allezcchi)です。今日はずっと僕がやりたかった事!!ブログのTOPページを変更しました!というお話です。ところで、ブログって読みたい記事を探しにくくないですか?僕はブログを運営して180記事くらい書いてきました。180記事もあると、自分でもどこにどの記事があるかなんて全然分かんなくなっていました。これまで表示されていたトップページはこんな感じ↓これだと過去記事が埋もれていくんですよね。そこで変更したのがこちらです。↓これだと目的に合った記事が探しやすくなります。この仕様に変えたかったんです。※実際のトップページはこちらからどうぞ↓トップページへ補足説明このブログは主に飲食店向けに作っているコンテンツです。検索から来た人はちょっと混乱してしまうかもしれませんがTOPページを変えたいと思う人向けの記事なので読んでみるといいかも!これまでのTOPページって結局、ユーザー目線第一っていうGoogleのポリシーからするとやっぱり違うんですよね。ブログのトップページを大幅にリニューアルしました。やりたい事が残っていますが、第一弾の基礎はできたと思います。トップページを変えたのかというと。これらを改善するためにやりたかった事。見てわかりやすいブログにするには。全ては読者さんの為に。今後の課題なぜトップページを変えたのかというと。目的のページが探しにくい!これまで書いてきたことがこれまた探しにくいこと、探しにくいこと。自分でもそう思ったので読者さんはきっと「イライラ」してもうこんなサイトもうええわ!!ってことになるんじゃないかと思います。このブログを始めた時はそこまでサイトの設計を考えていなかったからね。後から変更すればいいいや!と思っていた過去の自分を少し恨みました。変えるの思ったより大変でしたし。!!記事が増えたからユーザーにとって見やすいブログにしたかったんです。パソコンを整理できない人のフォルダってどうなっているか知ってますか?どれがどのフォルダで、どれが大切なフォルダでどれがいらないフォルダなのか。探すの大変ですよね!?ブログも同じで、どんどん新し記事が上の方にたまっていって、過去記事はどんどん埋もれていきます。いざ取り出したい情報があってもすぐに取りだせない。「ちくしょう!!」ってことになりますよね。仕事がなかなか進んでいかない。「えへへ」となりますよね。笑ブログだって、読者目線に立って自分の記事を見つめ直した時に、「うわぁ・・・。これいつか整理しなくちゃ。なんだか面倒でやりたくないですよね。ところがどっこいパソコンのフォルダとブログは違います。フォルダは自分都合で何とでもなります。ブログは世界中に発信できる媒体ですからね。改善しようかと思ったんですよね。ブログをリニューアルする目的そこで、今回のブログリニューアルの目的です。1)ユーザー目線に立ってに「目的のページ、読みたいページ」を探しやすくする。2)見やすいサイトにして、回遊率を上げて1人当たりのページビュー数を上げる。3)自分の勉強のため4)サイトデザインに手を加えたかったこうやって今読んでもらっているあなたに喜んでもらう事が一番だと思いますその次に、回遊率が上がれば自分もPV数が上がるし、今年の目標の10万PVにちょっとは近づけるんじゃないかという目論見もあります。運営都合でもあります。!!でもね、色んな記事を読んでもらえるってことは、なんども僕の文章を読んでくれる事になります。信頼してもらえるんじゃないかと。なればファンとまでは言わずとも、リピート読者さんも増えるんじゃないのかな?っていうこれまた運営側の都合。笑あとこれまでブログ運営は独学でやってきたため、自分の勉強になるのとサイトデザインも変えたかったという意図もあります。そんなこんなでトップページを変えるに至ったわけです。通常ブログ形式のページではどうやって記事を探しますか?ブログで記事を探す方法としては4つしかないのかなと思ってます。1サイト内を検索してもらうサイト内で記事を検索してもらう方法です。記事のタイトルが分からないと検索できないですよね。2カテゴリーから探してもらうサイト内検索から見つからなかった時には、カテゴリーからページを見つける方法です。これっぽいな、というカテゴリーを選んで、さらに記事を探していかないといけません。管理人がちゃんとカテゴリー分けしてくれるんならいいですが、そうではない場合だと目的の記事を探すのは大変ですよね。3サイトマップから探してもらうサイトマップから目的に合った記事を探す方法です。記事がたくさんあると探すのが大変です(^^;)100記事くらいならいいかもしれませんが300記事、500記事、それ以上になってくるとどうやって探すんでしょう?探すのイヤになりません??探す前に「もうええわ!!」ってなりますよね!?4記事一覧から探してもらうトップページの最新記事一覧からさかのぼってもらわなければいけない方法です。これは相当、面倒くさい。沢山の記事もあって、ページをめくってまで探しますか?途中で「めんどくさっ!!!」ってなりますよね普通。読者離脱しちゃいます。これが一般的なブログ形式の表示のされ方だと思います。これらを改善するためにやりたかった事。1)ユーザー目線に立ってに「目的のページ、読みたいページ」を探しやすくする。2)見やすいサイトにして、回遊率を上げて1人当たりのページビュー数を上げる。3)自分の勉強のため4)サイトデザインに手を加えたかったでした。ここでサイトの構造を考えなければいけませんでした。すれば読者にとって見やすい構造にしていくのか?見てわかりやすいブログにするには。最短クリック数で目的のページへたどり着ける構造これが一番いいのではないかと思ったんですね。トップページから最短2クリックで、目的の記事ページへたどり着くことができるのが理想だと常々思ってたんですがなかなか実践できていなかったという。こんな感じにすれば来訪者も簡単に記事が探せるようになるわけです。「よしっ!やったろ!!」そう思って重い腰を上げました。すればいいのかわからない状態が2か月くらい続くこんな感じで最短で見たい情報を見れるようにするのが目的だったんですが、どうすればいいのかわからずに彷徨うこと2か月です。その時に沢山の情報を集めました。それを見て勉強しました。具体的な方法は見つかりません。正確に言うとあったんですがphpとかいじらなくてはいけないみたいなので、後から面倒なことになるのもイヤだったので、どうしようかと思いました。ヘタにphpをいじるとサイトがうまくと表示されなくなる等、色々と不具合が起きる可能性がありますプログラムを書けない人や仕組みが分からない人は安易にコードの書き換えはするのはやめましょう。肝心の作り方が書いてある記事を探すのが一苦労でした。いろんな人のブログを見ていくうちに固定ページを作りトップページに変更するというやり方がありました。これまでwordpress(ワードプレス))を使っていての投稿ページだけを使い記事を書いていけばよかったんですが、トップページを変えるには固定ページ新たに作っていかなくてはなりませんでした。前に進めることができるようになりました。打開策!!発見!!そこでどんなデザインにしていくのか考えるトップページはいわばサイトの顔になっていくわけですから読者にとてみやすいデザインを考えなければなりません。ど素人の僕にそんなデザイン力があるとは思いません。そこでいろんなブログやホームページを参考にしていきました。「ボディページ(メイン)」には新着記事一覧、カテゴリー一覧、そして「フッター」こんな感じの流れでサイトが構成されているという事がわかってきました。画像で見るとこんな感じです。↓そしてカテゴリーには3カラム(列という意味)で表示されるものが多くてこれを採用しようと思いました。自分でも参考サイトを見ていると「見やすい!こんなサイトを作ってみたい!」ということで作成するために何が必要か考えます。見やすいサイトを作る為に必要な材料を考えるまず見やすいサイトを作る為には何が必要なのか考えました。新着記事を表示させるウジェット人気記事を表示させるウィジェットトップページに表示させる固定ページ表示させるカテゴリーの内容を決めるカテゴリータイトル下の画像カテゴリーの説明文おすすめ記事のピックアップ一覧ボタンこれらが材料として必要になっていきました。そこで沢山情報を集めました。調べていくとやり方は見つかるもんですね。見やすいサイトをつくるために材料についてちょっとお話をしていきたいと思います。新着記事を表示させるウジェット人気記事を表示させるウィジェット新着記事を表示させるウジェットはこのWordPress(ワードプレス)テーマに標準装備されていました。人気記事を表示させるウィジェットこれはWordPress(ワードプレス)のプラグインを使えば難なくクリアできました。後からサイトのトップページ変更に伴うために使った材料全て紹介しますね。有料テーマを使っていると公式サイトにもそのやり方が書いてあるのでそれを見れば解決します。WordPress(ワードプレス)には解説してくれているサイトがいくつもあるからそれを見ていけば解決できます。このブログで使っているWordPress(ワードプレス)テーマは「ハミングバード」というテーマです。詳しくはこちらから⇒「WordPress(ワードプレス)テーマハミングバード」トップページに表示させる固定ページこれは固定ページから作ることができます。「固定ページ」⇒「新規追加」で固定ページを作ることができます。↓web上で表示される実際の画像このように実際の画像と管理画面で表示されるのは違うんですね。綺麗に表示させるには微調整が必要になります。笑パソコンで見たら綺麗に表示されるけどスマホやタブレットだと文字ずれを起こしてしまうのでこれから改善が必要だなと思ってます。※今回は、ほとんどPCビューにこだわりました。表示させるカテゴリーはあらかじめ決めておきました。読者さんが見やすいようにね!これを3カラムずつ表示させました。飲食店使えるマニュアル業界の問題を取り上げた記事webサービスこんな感じでそれぞれ3カラムに表示させてわかりやすくしたいなと思っていたので簡単にできました。それを3行にしてカテゴリー全部で9つ表示させました。見出し付きの囲い枠これはタイトルを枠で囲みたいと思っていたので作りました。通常ブログ形式では段落のタブで見出しを作るのですが、これでは3カラム表示させることができないと思っていたので作りました。この「見出し付きの囲い枠(タイトル枠)」を作る為のプラグインも後から紹介しますね。段落のタブで見出しを作ると”h2”と認識され3カラムになりません。カテゴリータイトル下の画像これはフリーで使える写真サイトがあるのでそれから写真を加工して作りました。※このサイトも後から紹介しますね。飲食店は求人募集してもなかなか人はやってきません。やり方によっては求人は成功します。求人成功事例を書いた記事とその考え方を書いた記事一覧です。読者さんにとってどんなことが書いてあるのかを説明してあげることで見やすくなりますし、クリックされやすくなるというのが狙いです。おすすめ記事のピックアップおすすめ記事は3つあればいいかなと。それ以上だと鬱陶しいですもんね!それぞれ記事にリンクをさせておきます。一覧ボタン一覧ボタンを押すことで関連記事全て見れるようにしました。出来るだけ多くもてもらいたいというのが狙いです。※このボタンをクリックしてもリンク先には飛びません今回トップページ変更に伴い使った材料ではトップページを変更した際に必要だった材料の紹介をしていきたいと思います。これがどんなプラグインかというと人気記事一覧を表示させることができるようになります。これはトップページでも記事内のサイドバーにも表示させることが出来ます。このブログでいうとこんな感じで表示されるようになります。これはWordPressでしか使えないプラグインなので注意が必要です。Posts」3カラム化にするために使ったものカテゴリーには3カラム(列という意味)で表示させました。これは「ショートコード」を使いました。※テーマを販売している会社によるとHTMLやCSSがわからない方でも美しいデザインのまま記事を作成することができます。(このショートコードはオープンケージ製のテーマでのみ利用可能です。他のショートコードプラグインを使用している場合、設定が競合してしまう可能性があるので、十分ご確認ください。)とのことなので、もしも自分の使っているWordPress(ワードプレス)テーマが違っていたら別のショートコードを探してみましょう。このショートコードは「AddQuicktag」に登録しておくと便利です。カテゴリータイトル下の画像これはフリーで使える写真サイトから画像を引っ張り画像を加工して作りました。画像の作り方はこちら⇒「簡単にアイキャッチ画像が作れる方法を紹介します」ほかにもネット上にはいろんなサービスがあるので、自分で探してみるのもいいかもしれませんよね。一覧ボタンこのボタンはこちらのショートコードで作りました。こちらのショートコードも「オープンケージ製のテーマ」でのみ利用可能です。他のショートコードプラグインを使用している場合、設定が競合してしまう可能性があるので、十分ご確認ください。WordPress(ワードプレス)テーマによっては使えない場合もあるので確認し各自で行ってください。これまで紹介したショートコードは「ハミングバード」を提供している「オープンケージ」のみ対応でしたが、自分でショートコードを作成することもできます。それは「見出し付きの囲い枠」を作った時です。Ultimate」というプラグインを使えば作れます。↑この赤い枠の作り方をざっくり簡単に説明しますね。Ultimate」をWordPress(ワードプレス)の管理画面からインストールします。画像の場所をクリックします。※クリックすると画像がよく見れます。次に「ノート」をクリックします。するとこんなウィンドウが開きますここで好きな色の設定ができますよ。設定できるのは「背景の色」「文字の色」です下にスクロールして「コンテンツ」に好きな文字を入れプレビューをクリックすると。こんなふうに表示されます。「見出し付きの囲い枠」がこれでいいと思ったら「ショートコード挿入」をクリックします。※クリックするとよく見れます実際にどんな表示されるのか確認するには「プレビュー」をクリックします。↓こんな感じで「見出し付きの囲い枠」を作成しました。全ては読者さんの為に。こんな感じでTOPページを変更しました。全ては読者さんが見やすいようにしました。やってブログで発信していると責任も出てきますしこのブログは検索上位に表示される「キーワード」が多いからです。ここまである程度ですが自分でサイト変更を行うことができました。第二弾の工事としてやりたい事があります。今後の課題TOPページをスマホでも最適に見れるように改善サイトスピードを上げる記事のリライトカテゴリーの整理こんな感じで少しずつですが読者さん為に頑張って優良サイトを目指していきたいと思います。ノシッ!!そして目指せ!10万PV!!今回はこんな感じです。全記事一覧はこちらからこのブログのトップページへスポンサーリンク報告とお知らせ活動したことこの記事が気に入ったらいいねしよう!最新記事をお届けします。ツイートシェアはてブGoogle+Pocketfeedly1【人材確保に困ったら?】ぜひ読んで欲しいレポートです!僕が行った求人成功事例のレポートです。1人のスタッフを入れるつもりが「ある戦略」を使ったことで3人まとめて入れることができました。ここではいえない豪華特典(特別付録)ついてます!総ページ数150ページ以上4万文字以上という大ボリュームの無料レポートです。あなたの店の求人に役立てください!ダウンロードはこちらダウンロードするとさらに詳しく求人ができる「ある戦略」を無料で学ぶことができます。あわせて読んでみると効果倍増します。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。新しい投稿をメールで受け取る満足度200%です!!ビジネス用プロフィール写真の撮影を広島の売れっ子女性カメラマンに撮って頂いたのでその報告とレヴューですWebページの知っておいたほうがいい集客経路についてRECOMMENDこちらの記事も人気です。2016.1.18感謝します。2017.9.16いきなりですが。ブログタイトル変えます。2018.4.23【取材記事】「ひろしまITサロン」の創業者。2017.5.23姉妹ブログから一部記事をこちらに引越しました。管理人のイウラです1977年3月広島生まれ。「カレー」と「うどん」が好きです。「カレーうどん」はもっと好きです。その昔、スリランカ人と働いて幅広い視野を持てるようになりました。興味のあることは突き詰めてとことんやる傾向にあります。イタリア料理とフランス料理をしてました。2019.8.13問題の本質を特定するロジックツリーの使い方とポイントを解説しました。プロフィールどうもこんにちは!!当サイトの管理人のイウラです。料理人として活動をして20年!これからの業界考えることたくさんあります。そんな考えることに必要な情報を発信しています。飲食店において電話応対がどのように行われるのかによって、その店の印象が左右されます。料理人で知識の個人差はあると思います。イウラ(@allezcchi)です。料理を独学で勉強する為にやることまとめました。やり方を効率的にこなす方法を書いています。今回は私の本職である料理の仕事についての優先順位のお話をしていきます。(1)こちらもどうぞ【図解】評価項目を数値化できるフレームワーク意思決定マトリクスの使い方をどこよりもわかりやすく解説!2019.10.02【図解】緊急度/重要度マトリクスって何?どういうときに使うの?その答え全てはココにあります!2019.08.26問題解決を加速させる【課題設定シートの使い方と書き方】2019.08.19問題の本質を特定するロジックツリーの使い方とポイントを解説しました。(36)翻訳機能です。僕が行った求人成功事例のレポートです。1人のスタッフを入れるつもりが「ある戦略」を使ったことで3人まとめて入れることができました。ここではいえない豪華特典(特別付録)ついてます!総ページ数150ページ以上4万文字以上という大ボリュームの無料レポートです。あなたの店の求人に役立てください!ダウンロードはこちら『ホームページ』を作るならココ料理人の僕がオススメするweb会社『リコネクト』様です。