アルバトロスのフロント固定ページにスライダー付き記事一覧(スライドショー)を表示させる方法☆

どうも、ゴトーです。

 

アルバトロスでフロント固定ページを設定したはいいけど、

なんかスライドショーも無くてアルバトロス感ゼロじゃね？

とか思っている方はいませんか！

 

ということで、本日は当サイトでも使用している

ワードプレステンプレート『アルバトロス』の

フロント固定ページにスライダー記事一覧を表示する方法です。

＊もし不具合が起きてしまってもすべて自己責任でお願いします。編集するphpのコピーを取っておくことをおすすめします。

追記：12月12日、この方法で行うと他の固定ページがうまく表示されない不具合を確認しました。新しい方法を探っていますので、少々お待ちください。

再追記：スライドショーを表示させる方法がわかりました！以下の項目に記載しています。

 

12月12日更新最新版！アルバトロス×スライドショー

ワードプレスの更新なのか、アルバトロスの更新の影響なのかわかりませんが、フロント固定ページにスライドショーが上手く表示されなくなっていたので、色々調べてみました。

スライドショーを表示するために入力するべきコードは、

<?php get_template_part( 'parts_slide' ); ?>

この1行です。

この1行のHTMLソースをテーマ編集の個別投稿ページに入力します。目次：「個別投稿ページ」も「テーマ編集」に入力する場所は詳しく書いています。

もしかしたら、更新されたことで個別投稿ページに

<?php get_template_part( 'parts_slide' ); ?>
<?php get_template_part( 'parts_add_top' ); ?>

がすでに入力されている場合があるかもしれません。その場合は、フロント固定ページの設定をするだけでスライドショーが表示されるはずなので、先ほどの1行をコピーして貼る必要はありません。

とりあえず僕はこれでまた表示できるようになりました★

 

アルバトロスのフロント固定ページにスライドショーを！

アルバトロスのフロント固定ページにスライドショーを設置することは可能なのか？

ということでチャレンジしてみました。

 

結果から述べると、可能です。

 

オープンケージ様の公式サイトにある

「ハミングバードのPICKUPスライダーを「フロント固定ページ」でも表示する方法」

という記事を参考に今回は作業しました。

 

スライダー記事一覧を表示させよう！

まずは管理画面から⇒「外観」⇒「テーマ編集」

と進んでいきます。

「テーマ編集」画面を開いたら次に、

投稿ページ(home.php)を開きます。

するとこんな感じで表示されます。

 

この投稿ページから「スライダー記事一覧」に該当するHTMLをコピーして

フロント固定ページの部分に張り付けます。

じゃあ一体そのHTMLはどの部分なのかと。

 

スライダーのHTML部分はココ！

スライダーのHTML部分は、

スクロールを一番上にして

<?php if～ から一番下までスクロールしてからの

<?php endif; ?>まで。

スライダーのHTMLはかなり長いです。

このコピーしたHTMLを次は

「個別投稿ページ」に貼り付けます。

 

「個別投稿ページ」も「テーマ編集」から

右側のphp一覧のやや下段あたりにあります。

 

「個別投稿ページ」(page.php)を開き、

 

貼り付け位置を間違えないように注意しましょう。

赤い線の位置に「貼り付け」をします。

これでフロント固定ページにスライドショーが

表示されるようになります。

 

フロント固定ページの設定を忘れずに！

フロント固定ページの設定は

ワードプレス管理画面の「設定」→「表示設定」へ

さくさくっと進んじゃいましょう。

 

表示設定を開くと「フロントページの表示」という欄が一番上にあり

通常は「最新の投稿」にチェックが入ってます。

そのチェックを下の「固定ページ」に変えます。

 

あとは作成した固定ページを

下のボックスから選びましょう！

これでめでたく、

フロント固定ページ＋スライドショー

の組み合わせが完成します！

 

フロント固定ページ＋スライドショーの完成はこんな感じ☆

当サイトでもこの記事のために

一時的にフロント固定ページ＋スライドショーを

設置してみました。

固定ページの文章は3行しかありませんが、

スライドショーはしっかり表示されています。(笑

 

フロント固定ページにしたのはいいけど、

最新の投稿はどうやって見せればいいの？

と思う方もいるでしょう！

実はこれはとても簡単です！

 

最新の投稿の作り方！

最新の投稿を見せるためには、まず「固定ページ」を作ります。

 

「固定ページ」→「新規追加」で

「最新の投稿」とタイトルを付けましょう！

文章は何も打たなくてOKです。

ここでやるのは「タイトル付け」のみ。

タイトルを付けたら公開します。

 

次に管理画面の「設定」→「表示設定」へ進み

先ほどの「フロントページの表示」欄の

一番下にある「投稿ページ」のボックスから

「最新の投稿」を選び、更新します。

 

そしてサイトのURLの末尾に

「/最新の投稿」と打ち込むと

通常のトップページが表示されます。

 

フロント固定ページの文章中のどこかに「最新の記事はコチラ！」みたいな感じで

「トップページURL/最新の投稿」をリンクで挿入すると完成？です。

 

これでフロント固定ページも見せれるし

最新の投稿も見せれるしで一石二鳥(？)ですね！

 

本日のまとめ

スタイルシートの編集は大変ですが

慣れればなんとかできる作業です。

コピーする場所と貼り付け位置は

しっかり確認しておきましょう！

今回の作業で起こった不具合については

すべて自己責任でお願いします。

 

ありがとうございました！

本日は「アルバトロスのフロント固定ページにスライダー付き記事一覧(スライドショー)を表示させる方法☆」の

記事を読んでいただき、ありがとうございました！

SNSやその他ツールで今回の記事をシェアしていただけたらめちゃくちゃ嬉しいです☆

よろしくお願いします♪