0

これは、ベーカリーで行っている HTML から Wordpress への最初の変換です。wordpress codex とフォーラムでトラブルシューティングを試みましたが、応答がありませんでした。

次のシナリオは、全幅ページの場合です。私はそれが単純なものだと確信しています(私は間違っているかもしれません)が、私はそれを見ていません。

シナリオ 1: テキストを単独で入力すると、配置は問題なく機能しますが、段落間のリターン キーで段落が適切に区切られません。

シナリオ 2: 画像を右に配置すると、画像の横に 1 行だけ移動し、残りはその下に移動します。

シナリオ 3: 画像またはテーブルを挿入すると、指定されたコンテナー (div) からすべてが移動し、それに設定されたスタイルが失われます。

http://www.treunorth.com/pennycakes/about/

「page-full.php」に追加する必要があるコード行はありますか、またはこれを機能させるために css を調整する必要がありますか?

ページフル.php:

<?php /* Template Name: Page - Full Width */ ?>

<?php get_header(); ?>

<!-- Page Article -->

<div class="clear"></div> 

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<section id="story" class="container_16 clearfix">
    <div class="story-top grid_16"></div>

    <div class="story grid_16">
        <h1 class="meander"><?php the_title(); ?></h1>
        <p class="m500">
            <?php if (have_posts()) : while (have_posts()) : the_post();?>
            <?php the_content(); ?>
            <?php wp_link_pages(); ?>
            <?php edit_post_link( __( 'Edit', 'pennycakes' ), '<span class="edit-link">', '</span>' ); ?>
            <?php endwhile; endif; ?>
        </p><!-- .entry-content -->
    </div>
    <div class="story-bottom grid_16"></div>

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

<div class="clear"></div> 

<!-- //Page Article -->

<?php get_footer(); ?>

スタイルシート:

.container_16 .grid_16 {
    width: 972px;
    }

/*--------------------------------
 9) STORY
--------------------------------*/
#story { margin-top: 30px; }
.story-top { background: url('../css/images/bg-full-top.png') no-repeat center top; height: 30px; }
.story { background: url('../css/images/bg-full.png') repeat-y center top;}
.story h1 { font-size: 64px; color: #BF4A72; text-align: center; padding: 15px 0;}
.story p { font-size: 13px; color: #73656e; line-height: 19px; padding: 0 42px 0 42px; }
.story p.signature { background-position: 0 -949px; font-size: 26px; line-height: 51px; margin-bottom: 20px; margin-left: 42px; margin-top: 24px;}
.story-bottom { background: url('../css/images/bg-full-bottom.png') no-repeat center top; height: 31px;}
4

2 に答える 2

0

テーブルには幅がなく、セルもありません。だからスタイリングは簡単ではありません...

段落タグにもいくつかのスタイルがあります。19px fx以上の行の高さのように。

また、ほとんどのスタイルは div からそこにあるテーブルに継承されません。テーブルにもいくつかのスタイルを追加する必要があります。

于 2012-10-11T06:32:51.657 に答える
0

いくつかの段落タグを見逃しています。これらのテキストを about ページの段落タグに入れます

<p>I am a trained chef. I went to school at the California Culinary Academy in San Francisco. There I took courses in baking. Through my journey of gaining experience in the field I spent a year of that working in a bakery specializing in cake decorating. Post bakery my cake journey has gained me experience state side and 2 years in Finland baking cakes in restaurants and for family and friends.</p>

<p>I am a trained chef. I went to school at the California Culinary Academy in San Francisco. There I took courses in baking. Through my journey of gaining experience in the field I spent a year of that working in a bakery specializing in cake decorating. Post bakery my cake journey has gained me experience state side and 2 years in Finland baking cakes in restaurants and for family and friends.
</p>
于 2012-10-11T06:29:29.613 に答える