خانه / وردپرس / آموزش وردپرس / افزودن زمینه دلخواه در وردپرس
افزودن زمینه دلخواه در وردپرس
افزودن زمینه دلخواه در وردپرس

افزودن زمینه دلخواه در وردپرس

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

افزودن زمینه دلخواه در وردپرس

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

ما در اینجا با مثال  بهتون خواهیم گفت که چگونه این کار رو انجان دهید , برای مثال می خواهید سه دکمه داشته باشید به نام های دانلود افزونه , صفحه افزونه ( سازنده ) , پیش نمایشی از امکانات

کد زیر رو در single.php قراردهید

<div class="custom-post">
<?php $mid_var = get_post_meta($post->ID, 'فایل',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<a href="<?php echo get_post_meta($post->ID, 'فایل',true); ?>" class="download-post"> </a>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'لینک',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<a href="<?php echo get_post_meta($post->ID, 'لینک',true); ?>" class="plugin-post"> </a>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'نمایش',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<a href="<?php echo get_post_meta($post->ID, 'نمایش',true); ?>" class="preview-post"> </a>
<?php endif; ?>
</div>

همانطور که در بالا مشاهده می شود دارای سه گزینه بوده است که می توانید برای بیشتر شدن به همین ترتیب عمل نماید حالا برای سه زمینه ان , لینک و پیش نمایش استایل تعریف کردیم که باید در فایل style.css اضافه نمایید

<pre class="lang:default decode:true">.custom-post {
width:620px;
height:60px;
float:right;
background:url(images/single_sprite.png) no-repeat 0 0;

bottom:-30px;
right:20px;
}

.custom-post a {
transition:opacity 1s;
-webkit-transition:opacity 1s;
-moz-transition:opacity 1s;
-o-transition:opacity 1s;
}

.plugin-post {
width:140px;
height:35px;
float:right;
background:url(images/links.png) 0 0;
margin:12px 9px 0 0;
}
.download-post {
width:140px;
height:35px;
float:right;
background:url(images/links.png) 0 -70px;
margin:12px 8px 0 0;
}
.preview-post {
width:140px;
height:35px;
float:right;
background:url(images/links.png) 0 -35px;
margin:12px 9px 0 0;
}

.mores-post{
width:140px;
height:34px;
float:right;
background:url(images/more.png) no-repeat;
margin:12px 10px 0 0;
position:absolute;
bottom:-15px;
left:100px;
transition:opacity 1s;
-webkit-transition:opacity 1s;
-moz-transition:opacity 1s;
-o-transition:opacity 1s;

}

حالا در آخرین مرحله ما یک تصویر رو برای دانلود قراردادیم که میتونید دریافت نمانید که باید ان رو در قسمت قالب وردپرس خود در پوشه images  قرار دهید و شاید تم شما این پوشه رو نداشته باشد که باید در جای دیگر قراردهید و در بین کدها استایل  ادرس تصویر رو تغیر بدید

نحوه راه اندازی

حالا به قسمت ویرایشگر وردپرس خود ( جایی که محتوا رو می نویسید ) برید تا یک زمینه دلخواه رو اضافه نماییم که در آخر ویرایشکر متن می تویند مشاه نمایید و اگر نه در با تنظیمات صفحه رو باز نمایید
زمینه دلخواه در وردپرس

و تیک زمینه های دلخواه ر بزنید و به پایین برید و سه حالتی که گفتیم ( لینک , صفحه , پیش نمایش) رو اضافه نمایید تا به شکل تصور زیر نتیجه رو ببینید

زمینه دلخواه

امیدوارم این آموزش وردپرس مفید بوده باشه

منبع : قالب وردپرس

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *