1

私の目標は、リスト アイテムのタグ付けまたは分類方法に対応するアクション アイコンをリストに表示することです。

たとえば、ウェビナーのリスト アイテムの横にウェビナー アイコンが表示されている場合、リスト内の次のアイテムはホワイト ペーパーであり、その横にホワイト ペーパー アイコンが表示されている必要があります。アイコンの数は、リスト アイテムのタグ付けまたは分類方法によって制御する必要があります。

どこから始めればよいかわかりません。任意の提案をいただければ幸いです。ありがとう！

編集：

変更したいリストを表示すると役立つかもしれないと思いました - 技術的には、変更したい項目はspan class=meta"セクションにありますが、どのような方法でも構いません:

    <ul class="sub_nav">
    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active last">
        <a href="#resource_center" title="Resources II">
            Featured Resources
        </a>
    </li>
   </ul>

    <div id="resource_center">
    <?php
    $resources = get_posts("post_type=resource&posts_per_page=2&cat=31&tag=featured");
    ?>
    <?php foreach ($resources as $key => $resource): setup_postdata($resource); ?>
        <?php if ($key === 0): ?>

        <?php endif ?>

        <p><span class="meta"><?php echo apply_filters('get_the_date',mysql2date('m.d.Y', $resource->post_date), 'm.d.Y') ?></span> 
        <a href="<?php echo get_permalink($resource->ID) ?>"><?php echo $resource->post_title ?></a> &ndash; <?php echo strip_tags(get_the_excerpt()) ?></p>

    <?php endforeach; ?>

    <span class="more"><a href="/resources/">Read More</a></span>

</div>
4

3 に答える 3

2

対応するタグにちなんですべてのアイコンに名前を付け、サーバー上の同じフォルダーに配置するだけです (たとえば、http://www.yoursite.com/tagicons ) 。

あなたのループでは、イメージタグ内のメタタグを繰り返すだけです

<img src="http://www.yoursite.com/tagicons/{$tag}.png" />

さらにヘルプが必要な場合は、リスト項目を繰り返すために使用しているコードを貼り付けます。

乾杯 -D

編集：

ワードプレスを使っているようです。

探しているタグを取得する方法については、http://codex.wordpress.org/Function_Reference/wp_get_post_tagsを参照してください。

于 2012-05-07T21:26:33.507 に答える
1

WordPress ループ内でリストを生成している場合は、カテゴリをクラスとしてリスト要素に追加できます。例えば：

...loop started
$categories = get_the_category();
$ids = '';
foreach ($categories as $category) {
    $ids .= ' ' . $category->slug;
}
echo '<li class="' .  $ids '">This item</li>';
...more loop

次に、CSS を使用してリスト ブロックのスタイルを設定します。

于 2012-05-07T21:31:19.727 に答える
0

これらのソリューションは両方ともうまくいくと思いますが、ユース ケースを満たすためのオプションを調査したときに見つけた 3 番目のソリューションを使用することにしました。既存のコード構造にシームレスに適合させることができ、アイキャッチ画像を追加する必要があるリソースの数が比較的少ないため、これは理想的でした。

以下のコードを追加しました。これは基本的に、投稿のアイキャッチ画像を左揃えのサムネイルとして使用します。

     <?php if ( has_post_thumbnail()): ?>

        <?php
        $thumb_id = get_post_thumbnail_id($resource->id);
        $args = array(
        'p' => $thumb_id,
        'post_type' => 'attachment'
        );
        $thumb_image = get_posts($args);
        $thumb_caption = $thumb_image->post_excerpt;
        ?>
        <?php if (!empty($thumb_caption)): ?>
    <div class="caption"><?php echo $thumb_caption ?></div>
        <?php endif ?>

        <?php the_post_thumbnail('sidebar-thumb'); ?>

<?php endif; ?>

画像を取得してリスト項目に配置するために切り取られたこのコードが続きます。

<?php echo get_the_post_thumbnail($id, 'thumbnail', array()); ?>

コードを追加した後のテスト サイト リスト セクションのスクリーン ショットを次に示します。まさに私が探していたものです。

ここに画像の説明を入力

提案と助けをありがとう、それは私を正しい方向に動かしました!

于 2012-05-08T20:09:00.333 に答える