Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > สอบถามเรื่องการเปลี่ยน Layout ของหน้าหมวดหมู่ WordPress ครับ


สอบถามเรื่องการเปลี่ยน Layout ของหน้าหมวดหมู่ WordPress ครับ

 
Topic : 130899



โพสกระทู้ ( 139 )
บทความ ( 0 )



สถานะออฟไลน์



สอบถามเรื่องการเปลี่ยน Layout ของหน้าหมวดหมู่ WordPress ครับ

จากแสดงเป็น List แบบนี้
1

ผมต้องการให้เป็นแบบนี้ครับ
2

ผมต้องแก้ไขอะไรดีครับหรือใช้ปลั๊กอินอะไรดีครับ
นี้เป็น code ของหน้า แสดงหมวดหมู่ครับ
Code (PHP)
<div class="block-main-container">
                            <div class="row">
                                <div class="col-md-12 col-xs-12">
                                    <?php
                                    	if ( have_posts() ) :
	                                    	/* Start the Loop */
											while ( have_posts() ) : the_post();

												/*
												 * Include the Post-Format-specific template for the content.
												 * If you want to override this in a child theme, then include a file
												 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
												 */
												get_template_part( 'template-parts/content', 'archive' );

											endwhile;

											the_posts_pagination( 
												array(
													'mid_size' 	=> 2,
													'prev_text' => esc_html__( '&laquo;', 'magazine-o' ),
													'next_text' => esc_html__( '&raquo;', 'magazine-o' ),
												) 
											);

										else :

											get_template_part( 'template-parts/content', 'none' );

                                        endif;
                                    ?>
                                </div>
                            </div>
                        </div>




Tag : PHP
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-04-23 19:07:56 By : Jumyut View : 705 Reply : 3
 

 

No. 1



โพสกระทู้ ( 4,772 )
บทความ ( 8 )



สถานะออฟไลน์


template ที่โพสต์มาดูเหมือนเป็นแค่ layout ของหน้า ไม่ใช่ของส่วนที่แสดงเป็น list แล้วจะแสดงเป็น 2 คอลัมน์นี่ครับ.
ส่วนที่แสดงเป็น list น่าจะอยู่ใน template-parts/content-archive.php
ถ้าอ้างอิงตาม Code (PHP)
get_template_part( 'template-parts/content', 'archive' );



ประวัติการแก้ไข
2018-04-23 19:29:04
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-04-23 19:28:37 By : mr.v
 

 

No. 2



โพสกระทู้ ( 139 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.v เมื่อวันที่ 2018-04-23 19:28:37
รายละเอียดของการตอบ ::
Code (PHP)
อันนี้เหรอครับ
$default_image = array( '1' => '1.jpg', '2' => '2.jpg', '3' => '3.jpg', '4' => '4.jpg' );
?>
	<article class="post-grid post-wrap">
		<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
		<div class="post-header">
			<?php
			    if( has_post_thumbnail() ) :
			?>
					<div class="thumbnail post-thumb">
					    <a class="image-link" href="<?php the_permalink(); ?>">
					        <?php
					         	the_post_thumbnail( 'magazine-o-thumbnail-4', array( 'class' => 'img-responsive' ) );
					        ?>
					    </a>
					</div>
			<?php else:
			?>	
			<div class="thumbnail post-thumb">
					    <a class="image-link" href="<?php the_permalink(); ?>">
					    	<?php $i = rand ( 1 ,4 );
					    		$image = get_template_directory_uri() . '/ocean-themes/assets/img/' . $default_image[$i]; ?>
					        <img src="<?php echo esc_url($image); ?>"  class='img-responsive'/>
					    </a>
					</div>	
			<?php
				endif;
			?>
			<a href="<?php the_permalink(); ?>">
			    <h2><?php the_title(); ?></h2>
			</a>
			<div class="post-meta post-meta-a">
			    <span class="meta-item post-author">
					<a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" alt="">
						<?php echo esc_html( get_the_author() ); ?>
					</a>
				</span>
				<span class="meta-item post-date"><?php echo get_the_date(); ?></span>
			</div>
			</div>
			<div class="post-content">
			    <?php
			     	the_excerpt();
			    ?>
			</div>
		</div>
    </article>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-04-23 19:31:21 By : Jumyut
 

 

No. 3



โพสกระทู้ ( 139 )
บทความ ( 0 )



สถานะออฟไลน์


ได้ละครับ ขอบคุณครับ
3
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-04-23 19:58:50 By : Jumyut
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : สอบถามเรื่องการเปลี่ยน Layout ของหน้าหมวดหมู่ WordPress ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่