私はホームページに2つのブロググリッドを持つDiviサイトに取り組んでいます。各ブログセクションのタイトルと日付を一番下(ブログテキストの下)に移動する必要があります。
<div class="et_pb_blog_grid_wrapper">
<div class="et_pb_blog_grid clearfix et_pb_module et_pb_bg_layout_light et_pb_blog_0" data-columns="3">
<div class="column size-1of3">
<article id="post-226" class="et_pb_post et_pb_no_thumb post-226 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized">
<h2><a href="link">Blog Title</a></h2>
<p class="post-meta"> 19 Jun 2015 </p>
blog text here....
</article></div>
<div class="column size-1of3">
<article id="post-216" class="et_pb_post et_pb_no_thumb post-216 post type-post status-publish format-standard hentry category-uncategorized">
<h2><a href="link2">Blog Title 2</a></h2>
<p class="post-meta"> 20 Jun 2015 </p>
blog text here...
</article></div>
<div class="column size-1of3"></div></div>
<!-- .et_pb_posts --></div>
そのため、ヘッダーとポストメタはブログのテキストの後に移動する必要があります。
これがサイトです: http://abundancepracticebuilding.com
PHPをどこかに移動させる必要があることはわかっていますが、どのファイルに入っているのかわかりません。私はsingle.phpの中でものを動かしてみました、しかしそれは全ブログページを変えるだけです。私はindex.phpがヘッダとpost-metaタグを含んでいるので正しいファイルだと思いました、しかし私が変えたものは何も示しませんでした。それで私はそれがfunctions.phpにあると思います、しかし、私はどこで...(私はまだ詳細なPHPを学んでいるということであるかもしれないか)理解することができません。
私はこれらのセクションはそれだと思いました:
<?php
/* Blog Meta */
$et_pb_print_selectors_post_meta = "body.home-posts #left-area .et_pb_post .post-meta, body.archive #left-area .et_pb_post .post-meta, body.search #left-area .et_pb_post .post-meta, body.single #left-area .et_pb_post .post-meta";
et_pb_print_styles_css( array(
array(
'key' => 'post_meta_height',
'type' => 'line-height',
'default' => '1',
'selector' => $et_pb_print_selectors_post_meta,
),
array(
'key' => 'post_meta_spacing',
'type' => 'letter-spacing',
'default' => '0',
'selector' => $et_pb_print_selectors_post_meta,
),
array(
'key' => 'post_meta_style',
'type' => 'font-style',
'default' => '',
'selector' => $et_pb_print_selectors_post_meta,
),
) );
/* Blog Title */
$et_pb_print_selectors_post_header = "body.home-posts #left-area .et_pb_post h2, body.archive #left-area .et_pb_post h2, body.search #left-area .et_pb_post h2, body.single .et_post_meta_wrapper h1";
et_pb_print_styles_css( array(
array(
'key' => 'post_header_height',
'type' => 'line-height',
'default' => '1',
'selector' => $et_pb_print_selectors_post_header,
),
array(
'key' => 'post_header_spacing',
'type' => 'letter-spacing',
'default' => '0',
'selector' => $et_pb_print_selectors_post_header,
),
array(
'key' => 'post_header_style',
'type' => 'font-style',
'default' => '',
'selector' => $et_pb_print_selectors_post_header,
),
) );
?>
しかし、それらを動かしても何も起こりません。誰かが私を正しい方向に向けることができますか?私は私が考えることができるすべてを試みたように感じます。
以下はpage.phpファイルのコードです。
<?php
get_header();
$is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() );
?>
<div id="main-content">
<?php if ( ! $is_page_builder_used ) : ?>
<div class="container">
<div id="content-area" class="clearfix">
<div id="left-area">
<?php endif; ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php if ( ! $is_page_builder_used ) : ?>
<h1 class="main_title"><?php the_title(); ?></h1>
<?php
$thumb = '';
$width = (int) apply_filters( 'et_pb_index_blog_image_width', 1080 );
$height = (int) apply_filters( 'et_pb_index_blog_image_height', 675 );
$classtext = 'et_featured_image';
$titletext = get_the_title();
$thumbnail = get_thumbnail( $width, $height, $classtext, $titletext, $titletext, false, 'Blogimage' );
$thumb = $thumbnail["thumb"];
if ( 'on' === et_get_option( 'divi_page_thumbnails', 'false' ) && '' !== $thumb )
print_thumbnail( $thumb, $thumbnail["use_timthumb"], $titletext, $width, $height );
?>
<?php endif; ?>
<div class="entry-content">
<?php
the_content();
if ( ! $is_page_builder_used )
wp_link_pages( array( 'before' => '<div class="page-links">' . __( 'Pages:', 'Divi' ), 'after' => '</div>' ) );
?>
</div> <!-- .entry-content -->
<?php
if ( ! $is_page_builder_used && comments_open() && 'on' === et_get_option( 'divi_show_pagescomments', 'false' ) ) comments_template( '', true );
?>
</article> <!-- .et_pb_post -->
<?php endwhile; ?>
<?php if ( ! $is_page_builder_used ) : ?>
</div> <!-- #left-area -->
<?php get_sidebar(); ?>
</div> <!-- #content-area -->
</div> <!-- .container -->
<?php endif; ?>
</div> <!-- #main-content -->
<?php get_footer(); ?>
Wordpressのテンプレート階層 を参照して、どのページを変更する必要があるかを判断してください。
この図から、ホームページを変更したい場合は、frong-page.php
を変更する必要があることがわかります。存在しない場合は、カスタムページテンプレートを使用してホームページを表示し、そのページテンプレートを編集するかどうかを確認してください。 front-page.php
が存在せず、ページを使用していない場合は、home.php
を確認してください。 home.php
がない場合、最後の手段はindex.php
です。