نماد سایت بیگ تم

آموزش ساخت فایل single.php در قالب وردپرس

post type

سلام دوستان عزیز وقت شما بخیر
در ادامه سری آموزش های کد نویسی و هک وردپرس در خدمت شما دوستان عزیز هستیم با یکی دیگر از این آموزش های بسیار مهم در این زمینه که برای کابران حرفه ای وردپرس و برنامه نویسان وردپرس اماده شده است.دوستان عزیز برای درک این آموزش باید بر زبان برنامه نویسی PHP مسلط باشید.پس تا انتها با من همراه باشید دوستان عزیز

در این آموزش یکی ار ارکان بسیار مهم در قالب وردپرس را بررسی میکنیم.دوستان عزیز فایل single.php در قالب وردپرس یکی از مهمترین فایل های موجود است و در این آموزش بررسی میکنیم که چگونه میتوان این فایل را در قالب وردپرس از ابتدا تا انتها ساخت.برای این منظور باید به صورت زیر و قدم به قدم پیش بروید

دوستان عزیز در ابتدا باید در مورد این فایل در قالب وردپرس کمی اطلاعات داشته باشیم.دوستان فایل single.php در قالب وردپرس مربوط میشود به صفحه داخلی مطالب سایت وردپرسی. یعنی وقتی روی نوشته ای در وب سایت خود کلیک می کنید و به صفحه ای جداگانه منتقل می شوید در واقع کدهای درون ان صفحه داخلی در وب سایت وردپرسی در فایل single.php نوشته میشود.دوستان عزیز حال اگر روی یکی از مطالبی که در حال قرار دادن آن در وب سایت خود هستیم کلیک کنید میبینیم که هیچ اتفاقی نخواهد افتاد و همچنان آخرین مقالات را خواهیم دید پس حال که اطلاعاتی در مورد این قسمت کسب کردیم به ادامه مطلب میپردازیم.

خب برای شروع ابتدا یک فایل با نام single.php بسازید و پس از ساخت این فایل آن را در حالت ویرایش باز کنید و سپس اول از همه باید header و footer را داخل این فایل فراخوانی کنیم.که به صورت زیر است:

<?php get_header();?>
 
 
<?php get_footer();?>

دوستان عزیز حال با این کار و قرار دادن این کد در فایل گفته شده فقط هدر و فوتر را فراخوانی کرده ایم اما به آن نگفتیم که محتوای کامل نوشته در وب سایت را برای ما به نمایش بگذارد. پس حال می خواهیم کدی بنویسم که با استفاده از آن بتوانیم محتوای نوشته را به نمایش بگذاریم. پس کد زیر را در بین هدر و فوتر گفته شده در مرحله قبل قرار میدهیم:



<div class="main-content">


<div class="container">


<div class="posts col-md-9 col-sm-12 col-xs-12 pull-right">
   <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); // اینجا که حلقه قرار دادیم ?> 


<div class="post-list">


<div class="post-image">
    <?php if (has_post_thumbnail()){ // اینجا هم که تصویر شاخص رو میزاریم نشون بده 		the_post_thumbnail('post-img'); 	} 	?>
    </div>




<div class="post-content">


<h2 class="post-title"><?php the_title();?></h2>


 <!-- اینجا هم که عنوان نوشته رو بر میگردونم -->


<div class="clearfix"></div>




<div class="post-meta">
    <span><i class="fa fa-user"></i> <?php the_author();?></span> <!-- اینجا هم نام نویسنده -->
    <span><i class="fa fa-calculator"></i><?php the_time('M j, Y');?> </span> <!-- اینجا هم تاریخ ارسال نوشته -->
    <span><i class="fa fa-comments"></i> <?php comments_number( 'بدون دیدگاه', 'دیدگاه', '% دیدگاه' ); ?></span> <!-- اینجا هم تعداد دیدگاه های نوشته -->
    </div>




 <?php the_content();?> 

 <!-- این تابع تمامی محتوای نوشته رو بر می گردونه -->
    


<div class="tags">
     <?php the_tags('','');?> <!-- این تابع هم در واقع کلمات کلیدی در نوشته رو بر میگردونه -->
    
    </div>


   </div>


   </div>


   <?php endwhile; else : ?>


<?php _e( 'چیزی پیدا نشد' ); ?>

<?php endif; ?>
  </div>


  
  
  <?php if ( is_active_sidebar( 'sidebar-widgets' ) ) : // بررسی می کند که آیا ابزارکی وجود دارد یا خیر ?>


<div class="sidebar col-md-3 col-sm-12 col-xs-12 pull-left">
		<?php dynamic_sidebar( 'sidebar-widgets' ); // فراخوانی ابزارک ?>
	</div>


<?php endif; ?>
 
  </div>


 </div>


</div>


حال دوستان عزیز در صورتی که توجه کرده باشید ساختار کد فوق دقیقا مثل index.php است با این تفاوت که ۲ تابع جدید در آن تعریف شده است که در ادامه به توضیح دقیق آن میپردازیم.که به صورت زیر است:

the_content() = با استفاده از این تابع تمامی محتوای هر نوشته را میتوان نمایش داد

the_tags() = با استفاده از این تابع هم میتوان کلمات کلیدی هر  نوشته در وب سایت وردپرسی را برگرداند

حال در ادامه هر کد نویسی باید یک فایل استایل نیز برای ان ساخت که این کد ها به صورت زیر است البته کد های پیشنهادی من:

.tags {
    padding: 20px 0;
}
 
.tags a {
    background-color: #E74C3C;
    color: #fff;
    padding: 5px;
    border-radius: 10px;
    font-size: 11px;
	margin:0 3px;
}

خب این هم از آموزش امروز که در مورد آن به صورت کامل صحبت کردیم.دوستان عزیز این فایل همانطور که پیشتر گفتیم در قالب وردپرس یکی از مهمترین فایل ها است و شما باید در صورتی که میخواهید یک قالب وردپرس را ویرایش کرده و یا بنویسید میتوانید از این اموزش استفاده کرده و آن را به صورت کامل بسازید و یا بر حسب نیاز های خود ان را ویرایش کنید

ممنونم از همراهی شما دوستان عزیز

موفق و پیروز و سربلند باشید

منیع: بیگ تم ارائه دهنده قالب وردپرس شرکتی و قالب وردپرس شخصی

خروج از نسخه موبایل