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

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

ただいまの
回答率

91.37%

  • WordPress

    4760questions

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

wordpressアーカイブについて

受付中

回答 0

投稿 2017/11/20 17:12 ・編集 2017/11/20 17:17

  • 評価
  • クリップ 1
  • VIEW 32

azousan

score 0

前提・実現したいこと

初心者です。
よくある不動産屋のホームページにあるような新着物件の一覧のようなアーカイブを作りたい。
 

発生している問題・エラーメッセージ

画像のフレームのようにアーカイブ表示し、横にスクロールしていきたいのですが、色々調べてみても縦のスクロールの場合しか見当たりませんでした。
そこで、コードの記述場所とソースが知りたいです。
現状のarchiveファイルのソースは以下。
<?php get_header(); ?>
<section id="contents">
<header class="page-header">
<?php the_category_image(); ?>

<h1 class="page-title">
<?php
if (is_author()) : 
echo esc_html(get_the_author_meta('display_name', get_query_var('author')));
else :
single_cat_title();
endif;
?>
</h1>
</header>
<div class="posts">
<?php
if (have_posts()) :
while (have_posts()) :
the_post();
get_template_part('content-archive');
endwhile;
if (function_exists('page_navi')) :
page_navi('elm_class=page-nav&edge_type=span');
endif;
endif;
?>
</div>
<?php get_template_part('back_to_top'); ?>
</section><!-- #contents end -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

どなた様かご回答お願い致します。

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

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

  • kei344

    2017/11/27 17:14

    質問文のコードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

    キャンセル

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

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

ただいまの回答率

91.37%

関連した質問

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

  • WordPress

    4760questions

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