آپ تم مرجع ارائه قالب وردپرس فروشگاهی | شرکتی | تجاری | خبری و... , افزونه وردپرس , آموزش وردپرس

کاربران گرامی ، جهت دسترسی سریع و آسان تر به محصول و مطلب مورد نظر از جستجوی سایت استفاده نمایید

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

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

اطلاعات

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

دسته بندی: آموزش های وردپرس, آموزش وردپرس, هک وردپرس

برچسب ها:

ساخت فایل single.php در قالب وردپرسReviewed by سعید حبیبی on Nov 25Rating: 5.0

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

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


<?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;
}

به پایان این آموزش رسیدیم که می توانید از آن استفاده کنید تا این فایل index.php مهم قالب ودپرسی را بسازید.

 

 

منبع: آپ تم  مرجع: آموزش وردپرس

 

باکس دانلود

  • کاربران گرامی از ارسال دیدگاه جهت پشتیبانی محصولات ویژه ( خریداری شده) خود داری کنید برای این امر از قسمت پشتیبانی اقدام کنید.

هنوز هیچ دیدگاهی وجود ندارد