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

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

ただいまの
回答率

91.24%

  • PHP

    15720questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • WordPress

    5026questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

wordpressの記事一覧ページに〈カテゴリ名〉を表示させたいです。

受付中

回答 1

投稿

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

matsuzakaq

score 160

トップページに記事一覧が並んでいます。

その記事の上に〈カテゴリ名〉を表示させたいです。

このようなイメージです。

イメージ説明

ところが、ループの中に1つだけ表示させる方法がわかりません。

現状は次のように書かれています。
■index.php

<div id="container" class="<?php echo verbosa_get_layout_class(); ?>">
    <?php verbosa_header_section() ?>
    <main id="main" role="main" class="main">
        <?php cryout_before_content_hook(); ?>

        <?php if ( have_posts() ) : ?>

            <div id="content-masonry" class="content-masonry" <?php cryout_schema_microdata( 'blog' ); ?>>
                <?php /* Start the Loop */
                while ( have_posts() ) : the_post();
                    get_template_part( 'content/content', get_post_format() );
                endwhile;
                ?>
            </div> <!-- content-masonry -->
            <?php verbosa_pagination(); ?>

        <?php else :
            get_template_part( 'content/content', 'notfound' );
        endif; ?>

        <?php cryout_after_content_hook(); ?>
    </main><!-- #main -->

</div><!-- #container -->

■content.php

<?php
/**
 * The default template for displaying content
 *
 * @package Verbosa
 */

$verbosas = cryout_get_option( array('verbosa_excerptarchive', 'verbosa_excerptsticky', 'verbosa_excerpthome') );

?><?php cryout_before_article_hook(); ?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); cryout_schema_microdata('blogpost'); ?>>
    <?php cryout_featured_hook(); ?>

    <header class="entry-header">
        <?php cryout_post_title_hook(); ?>
        <?php cryout_meta_format_hook(); ?>
        <?php if ( is_sticky() ) { ?> <span class="entry-format"><i class="icon-sticky"></i></span> <?php } ?>
        <?php the_title( sprintf( '<h2 class="entry-title"' . cryout_schema_microdata( 'entry-title', 0 )  . '>
                                            <a href="%s" ' . cryout_schema_microdata( 'mainEntityOfPage', 0 ) . ' rel="bookmark">',
                                            esc_url( get_permalink() ) ),
                                            '</a></h2>' );
        ?>

        <div class="entry-meta">
            <?php cryout_post_meta_hook(); ?>
        </div><!-- .entry-meta -->

    </header><!-- .entry-header -->

    <?php cryout_before_inner_hook();
    $mode = 'excerpt'; // default
    if ( $verbosas['verbosa_excerptarchive'] == "full" ) { $mode = 'content'; }
    if ( is_sticky() && $verbosas['verbosa_excerptsticky'] == "full" ) { $mode = 'content'; }
    if ( $verbosas['verbosa_excerpthome'] == "full" && ! is_archive() && ! is_search() ) { $mode = 'content'; }
    if ( false != get_post_format() ) { $mode = 'content'; }

    switch ( $mode ) {
        case 'content': ?>

            <div class="entry-content" <?php cryout_schema_microdata( 'entry-content' ); ?>>
                <?php the_content(); ?>
                <?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'verbosa' ), 'after' => '</div>' ) ); ?>
            </div><!-- .entry-content -->

        <?php break;

        case 'excerpt':
        default: ?>

            <div class="entry-summary" <?php cryout_schema_microdata( 'entry-summary' ); ?>>
                <?php the_excerpt(); ?>
            </div><!-- .entry-summary -->
            <footer class="post-continue-container">
                <?php cryout_post_excerpt_hook(); ?>
            </footer>

        <?php break;
    }; ?>

<?php cryout_after_inner_hook();  ?>
</article><!-- #post-<?php the_ID(); ?> -->

<?php cryout_after_article_hook(); ?>

このどこに何を書けば、上図のようなイメージにできるか、教えて頂けませんでしょうか?

  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

質問への追記・修正、ベストアンサー選択の依頼

  • miz

    2018/01/07 18:06

    こちらの質問で解決したのであれば、解決方法を回答として投稿して、質問を解決済みにしていただけますか。 https://teratail.com/questions/105913

    キャンセル

回答 1

0

このサイトがとても参考になるかもしれないです。
http://www.radia.jp/wordpress-category-listing/

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

ただいまの回答率

91.24%

関連した質問

同じタグがついた質問を見る

  • PHP

    15720questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • WordPress

    5026questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。