« หน้าที่แล้ว ต่อไป »
หน้า: [1]   ลงล่าง

ผู้เขียน หัวข้อ: ทำ TAG CLOUD เองใน WORDPRESS  (อ่าน 845 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
ทำ TAG CLOUD เองใน WORDPRESS
« เมื่อ: 23 สิงหาคม 2016, 23:12:36 »
Tag cloudคือบล็อกที่แสดง tag ทั้งหมดในเว็บไซต์ออกมาแสดง เพื่อให้รู้ว่าส่วนใหญ่ข้อมูลบนเว็บไซต์เรามีข้อมูลหลักๆ อะไรบ้าง โดยใน wordpress เราจะใช้ฟังชั่นwp_tag_cloud มาเรียกใช้งานครับ

รูปด้านบนคือตัวอย่างการแสดงผลของ tag cloud ถ้าตัวไหนมีการใช้งานมากตัวอักษรก็จะใหญ่ ตัวไหนมีการใช้งานน้อยตัวอักษรก็จะเล็กลงไปเรื่อยๆ ทำให้ดูมีมิติในการแสดงผล

<div id="tagCloud">
    <ul>
        <?php
            $arr = wp_tag_cloud(array(
                'smallest'             => 8,                      // font size for the least used tag
                'largest'                => 40,                    // font size for the most used tag
                'unit'                      => 'px',                 // font sizing choice (pt, em, px, etc)
                'number'              => 200,                 // maximum number of tags to show
                'format'                => 'array',            // flat, list, or array. flat = spaces between; list = in li tags; array = does not echo results, returns array
                'separator'          => '',                      //
                'orderby'              => 'name',           // name = alphabetical by name; count = by popularity
                'order'                   => 'RAND',          // starting from A, or starting from highest count
                'exclude'              => '',                      // ID's of tags to exclude, displays all except these
                'include'               => '',                      // ID's of tags to include, displays none except these
                'link'                       => 'view',             // view = links to tag view; edit = link to edit tag
                'taxonomy'         => 'post_tag',    // post_tag, link_category, category - create tag clouds of any of these things
                'echo'                    => true                 // set to false to return an array, not echo it
            ));
            foreach ($arr as $value) {
                $ptr1 = strpos($value,'font-size:');
                $ptr2 = strpos($value,'px');
                $px = round(substr($value,$ptr1+10,$ptr2-$ptr1-10));
                $value = substr($value, 0, $ptr1+10) . $px . substr($value, $ptr2);
                $ptr1 = strpos($value, "class=");
                $value = substr($value, 0, $ptr1+7) . 'color-' . $px . ' ' . substr($value, $ptr1+7);
                echo '<li>' . $value . '</li> ';
            }
        ?>
    </ul>
</div>

นำโค็ดดังกล่าวไปใส่ไว้ส่วนไหนก็ได้ใน theme ของเราครับ จากนั้นก็แต่ง CSS ตามสะดวกเลย


Thank: css-tricks.com/snippets/wordpress/display-a-tag-cloud

http://blog.twinsynergy.co.th/how/wordpress/%E0%B8%97%E0%B8%B3-tag-cloud-%E0%B9%80%E0%B8%AD%E0%B8%87%E0%B9%83%E0%B8%99-wordpress
« แก้ไขครั้งสุดท้าย: 23 สิงหาคม 2016, 23:16:04 โดย smf »
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
« หน้าที่แล้ว ต่อไป »