بیگ تم, متفاوت & حرفه ای
مرجع ارائه آموزش وردپرس , قالب وردپرس , افزونه وردپرس بی نظیر


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


آموزش افزودن زمینه ی دلخواه و نحوه ی استفاده از آن

آموزش افزودن زمینه ی دلخواه و نحوه ی استفاده از آن

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

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

خوب بعد از این که مشخص کردین که می خواین کد رو کجا قرار بدید دست به کار شید.

در اینجا ما می خواهیم سه دکمه دانلود فایل , پیش نمایش فایل و آدرس یه صفحه رو قرار بدیم. به فرض مثال ما یه افزونه ای رو واسه دانلود قرار دادیم و می خوایم با استفاده از زمینه ی دلخواهمون یه دکمه ی دانلود افزونه رو قرار بدیم , یه دکمه برای صفحه ی افزونه ( مثلا صفحه ی سازنده ی افزونه در wordpress.org ) و یه دکمه برای پیش نمایشی از امکانات و … افزونه.

خوب ابتدا کد زیر رو به قسمتی که در فایل 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">&nbsp;</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">&nbsp;</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">&nbsp;</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 قالبتون اضافه کنید. ( توجه کنید که دقیقا باید داخل پوشه ی images باشد اگه این پوشه رو ندارید می تونید داخل پوشه ای دیگه ای قرار بدید فقط باید در بین کدهایی که تو فایل استایل کپی کردید آدرس تصویر رو عوض کنید )
خسته نباشید کار تمومه. حالا باید بریم به قسمت افزودن نوشته تا یه زمینه ی دلخواه رو به یه پستی اضافه کنیم.

آموزش افزودن زمینه ی دلخواه و نحوه ی استفاده از آن

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

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

نتیجه ی نهایی هم شبیه تصویر زیر خواهد شد.

آموزش افزودن زمینه ی دلخواه و نحوه ی استفاده از آن

انشاا… در یه آموزش دیگه آموزش ساخت یه جعبه ی دانلود دیگه با استفاده از زمینه های دلخواه رو براتون آماده می کنم.

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

لینک تصویر : http://bigtheme.ir/wp-content/uploads/links.png

آرزومند بهترین ها برای شما …

منبع: بیگ تم

لینک کوتاه: http://bigtheme.ir/?p=971

باکس دانلود

دانلود فایل

77 دیدگاه

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

  2. سلام
    مشکل اینجاست که اصلا قسمت افزونه های دلخواه در پایین صفحه در زمان افزودن محصول جدید در داخل افزونه edd نیست.
    حتی در تنظیمات صفحه هم گزینه زمینه های دلخواه نیست
    میشه اضافش کرد؟

  3. سلام وقت بخیر
    اینم از عکس
    سوالم در رابطه با نحوه تعریف کردن زمینه های دلخواه برای افزونه edd بود.
    با سپاس از ادمبن.
    s5.picofile.com/file/8130081034/1.png

  4. بله اینارو میدونم
    منظور منم از اول این بود که میشه با توابع وردپرس این قسمت رو براش تعریف کرد

  5. سلام
    ممنون خیلی عالی بود آموزشتون
    آیا امکان داره داخل فیلد مقدار بجای متن، متغیر تعریف کنیم.مثلا با کد [imdb:id(tt0110912)] که مربوط به پلاگینی هست نام فیلم رو نمایش بده؟

  6. ممنون میشم اینو راهنمایی کنید که چطوری میشه پست های این پلاگین رو تو همون صفحه سایت کنار بقیه مطالب نمایش داد.

  7. سلام
    در قسمت افزودن زمینه دلخواه اون 3 متن پیش نمایش و دانلود و صفحه افزونه وجود نداره که بخوام کاری کنم

    کد اولی در سینگل ..کد دومی در استایل و اون عکس در images چون با notepad ادیت کردم اون فاصله معروف رو هم قبل php میاد برداشتم …

  8. سلام چطور میشه لیست زمینه های دلخواه رو توی وردپرس اضافه یا کم کرد . من از زمینه های دلخواه زیادی استفاده میکنم ولی توی لیست همه رو نشون نمیده و باید دستی برای هر مطلب خاص اونارو اضافه کنم و توی لیست فقط 30 تا نشون میده میخوام این مقدار رو به 50 تا افزایش بدم. راهی داره؟
    ممنون …

  9. باسلام
    من همه کارهارو انجام دادم اما هیچ تغییری توی پست انجام نمیشه؟دلیلش چی میتونه باشه؟توی پست اول هم همین کار رو کردم البته من یه جعبه دانلود با افزونه Advanced Custom Fields اضافه کردم الان میخوام سه تا دکمه پایینش اضافه بشه که بتونم زیرنویس های با 3کیفیت مختلف رو قرار بدم ممنون میشم راهنماییم کنید

  10. دروود بر شما
    ممنون از مطلب خوبتون
    فقط یک مسئله برای پست های قبلی که از این زمینه پیروی نکردند هم میشه کاری کرد که از متن خونده بشه اون زمینه ؟ ؟ ؟

  11. سلام چطوری می تونم جعبه دانلود و پخش آنلاین رو با زمینه دلخواه داشته باشم مثل سایت های زیر:
    blog.fotros.ir/archives/2732
    lohouf.com/?p=9931
    maheharam.ir/5204

    ممنون میشم جواب بدید.

  12. مثل همیشه عالی و پر محتوا . دمت گرم لایک داری

  13. سلام
    از مطلب خوبتون ممنون
    من از زمینه دلخواه acf استفاده کردم ولی ساده نمایش داده میشه

    میخوام یک صفحه داشته باشم که چند چک باکس بالای صفحه هست وبا کلیک بر روی انها پایین صفحه محصولات نمایش داده بشه . با زدن چک باکس های مختلف تغییر کند.
    شکل نمایش محصولات پایین میخوام مثل بخش portflio پیش فرض قالب rt theme 18 باشه .
    دوستان لطفا راهنمایی فرمایید
    با تشکر

  14. سلام. من یه فیلد ساختم برای نمایش پست های easy digital downloads در صفحه کتگوری مطالب اصلی. حالا چجوری باید اینارو به نمایش بزارم؟ باید برگه category template رو ویرایش کنم؟ اونجا باید چه کدی رو بزارم؟ من زیاد وارد نیستم ممنون میشم اگر کد لازم رو برام بزارید یا به ایمیلم بفرستید. ممنون

  15. سلام
    من یک قالب اختصاصی برای دسته ام ساختم که شبیه فروشگاه فروش فایل است و یک سینگل اختصاصی برای ان دسته هم طراحی کردم.
    کد ID, ‘fee’, true); ?>
    در بالای سینگل و دسته ساخته شده گذاشتم و کد را برای نمایش قیمت در دایو هایی در سینگل و در قالب اختصاصی آن دسته ساخته شده.

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

    چه کدی برای فراخوانی زمینه دلخواه هر محصولم بزارم که قیمت خودش را نشون بده؟

پاسخ دهید

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

دنبال کردن