1

Wordpress は、投稿およびテンプレート固有のファイルの html マークアップを修正します。私はテンプレートに取り組んでおり、達成しようとしているのは div を<a href"#"></a>タグでラップすることです。

foreach ループが配置される前に、さらにいくつかの php および html マークアップを配置し、foreach ループが終了する直前に終了タグを貼り付けます。ワードプレスが自動的にhref文字列タグの直後に終了タグを追加し、正しく配置された終了タグを削除してリンクを空にします。

彼は私がタイプしたものです:

    <li <?php if (get_option('square_portfolio_filter') != "true") { ?> data-id="id-<?php echo $count; ?>" data-type="<?php foreach ($terms as $term) { echo strtolower(preg_replace('/\s+/', '-', $term->name)). ' '; } ?>" <?php ; } ?>>
<a href="#">
    <div class="thumbs-animate">
        <?php
        if ( has_post_thumbnail() ) {
        the_post_thumbnail(array(255,191), array('title' => ''.get_the_title().''));
        }
        ?>  
        <div class="details">
            <h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
            <p><?php content('15'); ?></p>
            <a href="<?php the_permalink(); ?>">
            <?php 
            if(get_option('square_view_project_link')!="") {
            echo get_option('square_view_project_link');
            }else {
            _e( 'View Project', 'square_lang' ); 
            }                                       
            ?>

        </div>
    </div>
</a>
</li>

そして、Wordpressが最終的に保存するものは次のとおりです。

    <li <?php if (get_option('square_portfolio_filter') != "true") { ?> data-id="id-<?php echo $count; ?>" data-type="<?php foreach ($terms as $term) { echo strtolower(preg_replace('/\s+/', '-', $term->name)). ' '; } ?>" <?php ; } ?>>
<a href="#"></a>
    <div class="thumbs-animate">
        <?php
        if ( has_post_thumbnail() ) {
        the_post_thumbnail(array(255,191), array('title' => ''.get_the_title().''));
        }
        ?>  
        <div class="details">
            <h5><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h5>
            <p><?php content('15'); ?></p>
            <a href="<?php the_permalink(); ?>">
            <?php 
            if(get_option('square_view_project_link')!="") {
            echo get_option('square_view_project_link');
            }else {
            _e( 'View Project', 'square_lang' ); 
            }                                       
            ?>

        </div>
    </div>
</li>

いくつかのjavascriptコードを使用して一時的に問題を修正しましたが、それは良い習慣でもなければ、私が望んでいるものでもありません:

onclick="location.href='<?php the_permalink();?>';" style="cursor:pointer;"
4

2 に答える 2

4

HTML 5 では、ブロック レベル要素をインライン要素内にラップすることはまったく問題ないとコメントしたかっただけです。

<a href="#"><div>...</div></a>有効な html 5 です。

于 2012-10-03T00:16:23.483 に答える
1

<a href="#"><div>...</div></a>は無効な HTML です。divインライン要素 ( ) 内にブロック レベル要素 ( ) を含めることは想定されていませんa。WordPressはおそらくそれからあなたを守ろうとしています.

#as yourhrefが実際のコードの一部なのか、単純化のために行ったものなのかはわかりませんが、それが実際のコードであり、またはonclick何かをaに添付している場合は、代わりにそれをdivおよび それに添付することができます同様に機能します。

于 2012-10-02T05:03:40.853 に答える