อยากทราบการเขียน CSS แยกระหว่าง Writer กับ Photographer หน่อยครับ

ส่วนนี้คือสามารถพ่นแยกระหว่าง Writer กับ Photographer ได้หรือยังครับ ถ้าได้แล้วอาจต้อง inspect ดูว่ามีคลาสที่แยกระหว่างสองจุดนี้ไหม 

ถ้าไม่มีต้องการวิธีทำมีให้ได้ถึงจะแยก css ของแต่ละตัวได้นะครับ

แต่ถ้ายังไม่สามารถพ่นแยกได้เลย ที่เคยทำ คือ ของเว็บ readthecloud นะครับ ซึ่งใช้วิธีการเขียนโค้ดร่วมกับ plugin ที่ชื่อว่า ACF นะครับ

คือการทำ repeater แล้วให้ลิงก์กับ user ในระบบ แนวทางทั้ง 2 ตัวตามลิงก์นี้นะครับ

• https://www.advancedcustomfields.com/resources/how-to-get-values-from-a-user/
• https://www.advancedcustomfields.com/resources/repeater/

ตัวอย่างโค้ดที่ทำ

if (have_rows('writers_photographers')) {
                 echo '<div class="single-authors"><h2 class="sec-title">Writer &amp; Photographer</h2>';
                 while (have_rows('writers_photographers')) {
                     the_row();
                     $user = get_sub_field('writer_photographer');
                     if ($user['display_name']) {
                         echo '<div class="author"><div class="pic"><a href="/author/'.$user['user_nicename'].'">'. $user['user_avatar'] . '</a></div>';
                         echo '<div class="info"><h3><a href="/author/' .$user['user_nicename'].'">'.$user['display_name'] . '</a></h3><p>' .$user['user_description'] . '</p>' . seed_author_social_icons($user['ID']) . '</div></div>';
                     }
                 }
                 echo '</div>';
             } elseif(have_rows('directors')) {
                 $txt_title = ($post_format == 'podcast')? 'Host' : 'Director';
                 echo '<div class="single-authors"><h2 class="sec-title">' . $txt_title . '</h2>';
                 while (have_rows('directors')) {
                     the_row();
                     $user = get_sub_field('director');
                     if ($user['display_name']) {
                         echo '<div class="author"><div class="pic"><a href="/author/'.$user['user_nicename'].'">'. $user['user_avatar'] . '</a></div>';
                         echo '<div class="info"><h3><a href="/author/' .$user['user_nicename'].'">'.$user['display_name'] . '</a></h3><p>' .$user['user_description'] . '</p>' . seed_author_social_icons($user['ID']) . '</div></div>';
                     }
                 }
                 echo '</div>';
             } 

ปล. วิธีการนี้อาจต้องมีความชำนาญด้านการเขียนโค้ดพอสมครนะครับ

แต่ผมลองไปค้น plugin ดูตัวนี้ก็ดูน่าสนใจดีนะครับ อาจจะพอตอบโจทย์ได้ ถ้าไม่อยากเขียนโค้ดเองนะครับผม

https://wordpress.org/plugins/publishpress-authors/

ตอนนี้ผมลองทำใน ACF แล้วครับ แต่ยังงงๆ อยู่ว่าต้องวางโค้ดไว้ที่หน้าไหนครับ

รบกวนนิดนึงครับ ขอบคุณครับผม