質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.09%

ブログ一覧のアイキャッチから固定ページにリンクを飛ばしたい

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 309

sima69

score 12

前提・実現したいこと

WordPlessのテンプレ―トtcd51を使ってサイト構築しております。
ここのブログ一覧のアイキャッチから固定ページにリンクを飛ばしたいのですが、
イメージ説明
色々試してみたのですが(PHPは初心者で)うまく出来ません。
どのようなコードをセットすれば良いか、ご教授ください。

該当のソースコード

<article class="p-content03__blog-list-item p-article04 slick-slide" tabindex="-1" role="option" aria-describedby="slick-slide01" style="width: 264px;" data-slick-index="1" aria-hidden="true">
<a class="p-article04__thumbnail p-hover-effect--type1" href="http://tcdwp.info/tcd051/2017/09/18/splash/" tabindex="-1">
<img width="480" height="320" src="http://tcdwp.info/tcd051/wp-content/uploads/2017/09/1-1-480x320.jpg" class="attachment-size1 size-size1 wp-post-image" alt=""></a>
<h3 class="p-article04__title"><a href="http://tcdwp.info/tcd051/2017/09/18/splash/" tabindex="-1">ブランドロゴの認知拡大に貢献するスプラッシュページ...</a></h3>
<p class="p-article04__excerpt">スプラッシュページとは、ブラウザのフル画面いっぱいにアニメーションを表示させるこ...</p>
<p class="p-article04__meta"><time class="p-article04__date" datetime="2017-09-18">2017.09.18</time><span class="p-article04__category"><a href="http://tcdwp.info/tcd051/category/interior/" rel="category tag" tabindex="-1">インテリア</a>, <a href="http://tcdwp.info/tcd051/category/exterior/" rel="category tag" tabindex="-1">エクステリア</a>, <a href="http://tcdwp.info/tcd051/category/lifestyle/" rel="category tag" tabindex="-1">ライフスタイル</a>, <a href="http://tcdwp.info/tcd051/category/housing/" rel="category tag" tabindex="-1">家づくり</a></span></p>
                                                    </article></div>

試したこと

この記述のブログリンクのところを固定ページにリンクをはりかえました。

php

<div id="cb_<?php echo esc_attr( $key ); ?>" class="p-content03<?php if ( $value['cb_blog_and_news_layout'] ) { echo ' p-content03--rev'; } ?>">
<section class="p-content03__blog u-clearfix">
<div class="p-content03__blog-header">
<h2 class="p-content03__blog-catch" style="font-size: <?php echo esc_attr( $value['cb_blog_and_news_blog_catch_font_size'] ); ?>px;"><?php echo esc_html( $value['cb_blog_and_news_blog_catch'] ); ?></h2>
<a class="p-content03__blog-archive-link" href="<?php echo esc_url( get_post_type_archive_link( 'post' ) ); ?>"><?php echo esc_html( $value['cb_blog_and_news_blog_link_text'] ); ?></a></div>
<?php if ( $blog_query->have_posts() ) : ?>
<div class="p-content03__blog-list">
<div class="p-content03__blog-list-inner">
<?php while ( $blog_query->have_posts() ) : $blog_query->the_post();?>
<article class="p-content03__blog-list-item p-article04">
<a class="p-article04__thumbnail p-hover-effect--<?php echo esc_attr( $options['hover_type'] ); ?>" href="<?php the_permalink(); ?>">
<?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'size1' );} else {echo '<img src="' . get_template_directory_uri() . '/assets/images/no-image-480x320.gif" alt="">';}?></a>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正の依頼

  • perpouh

    2019/07/24 14:17

    ああ、そうですね。ブログの一覧ではなく固定ページの一覧にするのが手法として正しいと思います。
    https://interest-speaker.com/page-list-with-explanation-is-outputted-by-wordpress/
    上記リンク、カスタムフィールドとかややこしかったら無視していいです。以下はHTMLを整形しているだけなので気合で読めると思います。
    ```
    <table>
    <?php
    $pages = get_pages();
    foreach ( $pages as $page ) {
    $option = '<tr><td><a href="' . get_page_link( $page->ID ) . '">';
    $option .= $page->post_title;
    $option .= '</a></td><td>';
    $option .= ページの説明文;
    $option .= '</td><tr>';
    echo $option;
    }
    ?>
    </table>
    ```

    キャンセル

  • momosiri

    2019/07/24 23:33

    何か質問内容をじーっと見てると、ここに「投稿」の一覧じゃなく、「固定ページ」の一覧を表示したい・・・という風に感じるのですがいかがでしょう??

    キャンセル

  • yukikp

    2019/07/25 06:11

    あ、「このスライドしているところをブログ一覧ではなく、固定ページにできればいい」とありましたね。
    perpouhさんが回答を書いていらっしゃいますね。

    キャンセル

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.09%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる