cojipin【ストーク版】ワードプレスのホーム画面をサイト型にする方法ツイートシェアはてブLINEPocketワードプレスでブログを更新すると、ホーム画面がごちゃごちゃになりませんか。特化型のブログなら良いかもしれませんが、僕のように雑記型だと、記事の内容がバラバラに見えてしまう事が多々ありますね。何のブログかイマイチわかんない・・・そう思ったわけです。そこで、トップページを編集してメニュー別に分けてみたいと考えていました。イメージとしては、以下のように。1.最新情報2.カテゴリー分け3.プロフィール・問い合わせこの3つを表示させていく予定です。今のホーム画面は以下のようです。トップ画面を見た時に、メニュー分けしてあれば、見たいものをすぐに見れますからね。この場合、やり方が二つあるとのこと。プラグインを導入する方法と固定ページでショートコードを使う方法。今回は、ショートコードを利用してカスタムしていきます。他のテーマでは、試したことが無いので、『仮称ストーク版』です。・最後に・固定ページでカスタムしていくホーム画面のもととなるページは、固定ページで作っていきます。固定ページ→新規作成で新しい固定ページを追加します。・最新情報を追加する最新情報を追加する場合、ウィジットを使うと簡単に作れました。外観→ウィジット→[画像付き]最新の投稿の順にクリックします。最新の投稿をホーム画面のトップに表示したいので、PCトップページ上部とSPトップページ上部に追加します。すると、以下のようになります。これで、1.最新情報が追加されました。・カテゴリー分けする次にカテゴリー分けをしますが、ここでは、ショートコードというモノを使用します。ストークの場合、販売元のOPENCAGEでも詳しく説明しているので、参考になるかもです。ストークショートコードショートコードを使って、以下のようにカテゴリーを2カラムにしたいと考えています。[/colwrap]こういった構成になっています。この場合、ビジュアルでは無くてテキストに書き込みます。詳しく知りたい方は、OPENCAGEか、https://affirepo.com/stork-customize-toppage/が分かりやすいです。僕の場合、おしゃれボックスを利用したりして好きなようにカスタムしてみました。おしゃれボックスはサルカワにたくさんあります。・プロフ・問い合わせ最後に、プロフと問い合わせですが、カテゴリー分けと同様にショートコードをテキストに貼り付けるだけです。[/colwrap]すると、以下のようになります。画像では、ボックスに囲まれていたり、ボタンが付いています。これは、カスタムしているのでそうなってます。先ほどお伝えしたショートコードだけではこうはなりません。何か質問あれば、お問合せまでよろしくです。(^▽^)/・トップページを固定ページにする固定ページの編集は以上になりますが、デフォルトのままだと、サイト型には出来ません。次に行うのが、固定ページをホーム画面に切り替えます。ダッシュボード→設定→表示設定から、最新の投稿となっている部分を固定ページにします。固定ページにチェックを入れます。ホームページの選択を先ほど編集したページに設定して完了です(*・ω・)/ハーイスポンサーリンク・最後にこの設定をするまでに、とても苦労しました。パソコンは初心者なので。(;^ω^)しかし、うまくいったときの達成感といったら!素晴らしいものがありますね。わかりにくい部分もあったかもしれませんが、これからわかりやすいように編集していきたいなと思っていますので、よろしくです。マグロレストランは普通でしたRECOMMENDこちらの記事も人気です。