• こんにちはこちらのファイルはcategory.phpです。
    今の状況だと1列に投稿が表示されます。これを2列にしたいです。
    何かいい方法はありますでしょうか?よろしくお願いします。

    <?php get_header(); ?>

    <div class=”motopress-wrapper content-holder clearfix”>
    <div class=”container”>
    <div class=”row”>
    <div class=”<?php echo cherry_get_layout_class( ‘full_width_content’ ); ?>” data-motopress-wrapper-file=”category.php” data-motopress-wrapper-type=”content”>
    <div class=”row”>
    <div class=”<?php echo cherry_get_layout_class( ‘full_width_content’ ); ?>” data-motopress-type=”static” data-motopress-static-file=”static/static-title.php”>

    <?php if(is_category(’42’)): ?>
    <img src=”<?php echo get_template_directory_uri(); ?>/images/indonesia_cat.png” />
    <?php elseif(is_category(’38’)): ?>
        <img src=”<?php echo get_template_directory_uri(); ?>/images/cambojia_cat.png” />
    <?php endif; ?>
    </div>
    </div>
    <div class=”row”>
    <div class=”<?php echo cherry_get_layout_class( ‘content’ ); ?> <?php echo of_get_option(‘blog_sidebar_pos’); ?>” id=”content” data-motopress-type=”loop” data-motopress-loop-file=”loop/loop-blog.php”>
    <?php get_template_part(“loop/loop-blog”); ?>
    </div>
    <div class=”<?php echo cherry_get_layout_class( ‘sidebar’ ); ?> sidebar” id=”sidebar” data-motopress-type=”static-sidebar” data-motopress-sidebar-file=”sidebar.php”>
    <?php get_sidebar(); ?>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

    <?php get_footer(); ?>

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • モデレーター gatespace

    (@gatespace)

    ループの記述がどこにもないため、どこで投稿が表示されているか全く分かりませんが、
    htmlとして1列で投稿が表示されているのであれば、cssで調整できると思います。

    トピック投稿者 hironori1009

    (@hironori1009)

    htmlのファイルはないです。
    loop-blog.phpのファイルですが、こちらではないですよね?

    <?php /* Loop Name: Blog */ ?>
    <!– displays the tag’s description from the WordPress admin –>
    <?php
    if (is_tag())
    echo tag_description();

    if (have_posts()) : while (have_posts()) : the_post();
    // The following determines what the post format is and shows the correct file accordingly
    echo ‘<div class=”post_wrapper”>’;
    $format = get_post_format();
    get_template_part( ‘includes/post-formats/’.$format );

    if ($format == ”)
    get_template_part( ‘includes/post-formats/standard’ );
    echo ‘</div>’;
    endwhile; else: ?>

    <div class=”no-results”>
    <?php echo ‘<p>‘ .theme_locals(“there_has”). ‘</p>’; ?>
    <p><?php echo theme_locals(“we_apologize”); ?> /” title=”<?php bloginfo(‘description’); ?>”><?php echo theme_locals(“return_to”); ?> <?php echo theme_locals(“search_form”); ?></p>
    <?php get_search_form(); /* outputs the default WordPress search form */ ?>
    </div><!–no-results–>
    <?php endif; ?>

    こちらはポストのCSSでstyle.cssにあるコードです。
    .post__holder {
    border: 4px double;
    margin-bottom: 35px;
    overflow: hidden;

    こちらはstandard.phpです。
    <article id=”post-<?php the_ID(); ?>” <?php post_class(‘post__holder’); ?>>
    <?php if(!is_singular()) : ?>
    <header class=”post-header”>
    <?php if(is_sticky()) : ?>
    <h5 class=”post-label”><?php echo theme_locals(“featured”);?></h5>
    <?php endif; ?>
    <h2 class=”post-title”>” title=”<?php the_title(); ?>”><?php the_title(); ?></h2>
    </header>
    <?php endif; ?>
    <?php get_template_part(‘includes/post-formats/post-thumb’); ?>

    <?php if(!is_singular()) : ?>
    <!– Post Content –>
    <div class=”post_content”>
    <?php
    if (of_get_option(‘post_excerpt’)==”true” || of_get_option(‘post_excerpt’)==”) { ?>
    <div class=”excerpt”>
    <?php

    if (has_excerpt()) {
    the_excerpt();
    } else {
    if (!is_search()) {
    $content = get_the_content();
    echo my_string_limit_words($content,55);
    } else {
    $excerpt = get_the_excerpt();
    echo my_string_limit_words($excerpt,55);
    }
    } ?>
    </div>
    <?php }
    $button_text = of_get_option(‘blog_button_text’) ? of_get_option(‘blog_button_text’) : theme_locals(“read_more”) ;
    ?>
    ” class=”btn btn-primary”><?php echo $button_text; ?>
    <div class=”clear”></div>
    </div>

    <?php else :?>
    <!– Post Content –>
    <div class=”post_content”>
    <?php the_content(”); ?>
    <div class=”clear”></div>
    </div>
    <!– //Post Content –>
    <?php endif; ?>

    <?php get_template_part(‘includes/post-formats/post-meta’); ?>
    </article>

    いろいろコードを載せてしまいお手数ですが、よろしくお願いします。

    モデレーター gatespace

    (@gatespace)

    htmlのファイルはないです。

    そういう意味では無く、ブラウザで見たときに1列であってもHTMLソースとして表示したい要素(タイトルとか)が表示されているのであれば、あとはcssで調整しましょう、と言う話です。(そして、cssに関してはWordPressの範囲外です)

    あと、ソースを投稿されるときはその部分を「code」ボタンで囲ってください。

    トピック投稿者 hironori1009

    (@hironori1009)

    すいません。もうちょっと具体的に言っていただかないとわからないです。
    いつもFirebugでcssの編集場所をサーチして編集しています。
    cssファイルの編集する箇所を言っていただけると幸いです。
    よろしくお願いします。

    トピック投稿者 hironori1009

    (@hironori1009)

    わすれてました。こちらがURLです。
    http://trywork.info
    よろしくお願いします。

    トピック投稿者 hironori1009

    (@hironori1009)

    main-style.cssファイルの以下のコード(太字)を加えたら
    3列になりましたが,2列にするためにはどうしたらいいでしょう?
    ちなみにflexをblockにしても変化がありません。

    #content {
    display: inline-flex;
    padding-top: 26px;
    }

    よろしくお願いします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「カテゴリーページの投稿を2列にする」には新たに返信することはできません。