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

[Javacl]

سلام!

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

بگذریم...

خب من علاقه دارم یک زمینه دلخواه برای سایتم درست کنم که دارای امکانات زیر باشه:

لینک دانلود فایل
رمز فایل
حجم فایل
منبع ( لینک سایت )

برای این کار ابتدا کد زیر رو یه جایی از فایل single.php ـتون بذارین،اگه نمیدونید کجا بذارید اول فایل،این فقط یک تعریف ساده س و چیزی داخل قالب شما نشون داده نمیشه.

<?php $link = get_post_meta($post->ID, 'link', true); ?>
<?php $ramz = get_post_meta($post->ID, 'ramz', true); ?>
<?php $src = get_post_meta($post->ID, 'src', true); ?>
<?php $size = get_post_meta($post->ID, 'size', true); ?>

همون طوری که میبینید برای لینک دانلود به صورت link تعریف شده،برای منبع به صورت src و برای رمز فایل وحجم فایل به صورت ramz و size ،توصیه میشه اینا رو انگلیسی تعریف کنید.

بعد از اینکه این ها رو تعریف کردید،از طریق سی پنل هاست ( ماله بعضیا ممکنه دایرکت ادمین باشه،فرقی نداره)،برید به آدرس پوشه ی قالبتون،یعنی مسیر زیر

Root > wp-content > themes>your theme > images

خب شما باید برای اون چهار گزینه ای که بالا گفتم چهار آیکون پیدا کنید،یا میتونید از آیکون های سایت های دیگه استفاده کنید،معمولا برای دانلود یه فِلِش به سمت پایین و برای رمز فایل یک کلید و برای حجم فایل از یک آیکون فایل زیپ استفاده میکنن!:دی

بعد از پیدا کردن آیکونها اونا رو تو مسیر بالا آپلود کنید!

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

دستور ها رو من از سایت خودم میذارم براتون،با استایل و رنگی که خودم بهش دادم،شما خودتون سلیقه به خرج بدین و طبق سایت خودتون اون رو عوض کنید!

<?php if ($link!="") : ?>
<p style="text-align: right;">

<strong><img alt="download" src="<?php bloginfo('template_url'); ?>/images/download.png" /></strong><strong><a href="<?php echo $link; ?>">دانلود عکس ها با لینک مستقیم</a></strong><br/><br/>

<?php endif;
if ($size!="") : ?><p style="text-align: right;"><img alt="Size" src="<?php bloginfo('template_url'); ?>/images/size.png" /> حجم فایل: <?php echo $size; ?></p><br/>

<?php endif;
if ($ramz!="") : ?><p style="text-align: right;"><img alt="Password" src="<?php bloginfo('template_url'); ?>/images/password.png" /> رمز فایل: <strong><span style="color:#ff0000;"><?php echo $ramz; ?></span></strong></p><br/>

<?php endif;
if ($src!="") : ?><p style="text-align: right;"><img alt="Source" src="<?php bloginfo('template_url'); ?>/images/src.png" />منبع: <strong><a href="http://www.zibapix.com/" target="_blank"><span style="color:#a9a9a9;"><?php echo $src; ?></span></a></strong></p><br/>

<?php endif; ?>

تو این دستور من نوشتم دانلود عکسها با لینک مستقیم ،شما اون رو طبق سایتتون تغییر بدین،مثلا دانلود کتاب،دانلود فیلم و ...

در مورد حجم فایل و رمز فایل توضیح خاصی نداره،فقط من قسمت منبع رو به رنگ طوسی زدم،شما میتونید هر رنگ دیگه ای بذارین،قسمت رنگش رو Bold کردم!

خب شاید شما نخواهید زیر فایلتون منبع بزنید،میتونید کدش رو هم از اول فایل حذف کنید هم از اونجایی که قرار لود بشه تو سایت،یا اینک شما بخواهید ی زمینه دلخواده دیگه طبق کارتون ایجاد کنید،مثلا قیمت محصول،یا موجود بودن محصول در انبار،یا هر گزینه ی دیگه،تربیت تعریف این زمینه های دلخواه رو بالا توضیح دادم،ابتدا یه کد مثل کد زیر رو به هر صفحه ی از سایتتون که میخواهید زمینه دلخواه توش نمایش بدین اضافه میکنید!

<?php $example = get_post_meta($post->ID, 'example', true); ?>
​

قسمت example نام دلخواه شما قرار میگیرد،مثلا قیمت محصول،لینک خرید محصول و ....

بعد یه کدی مثل کد زیر رو میذارین هر جایی از قالب که میخوایید لود بشه.

<?php endif;
if ($example!="") : ?><p style="text-align: right;"><img alt="example" src="<?php bloginfo('template_url'); ?>/images/example.png" /> مثال: <strong><?php echo $example; ?></strong></p><br/>
​

خب حالا میرسیم به اصل قضیه که موقع پست دادن شما باید رعایت کنید این مطلب رو،ابتدا گزینه ی زمینه دلخواه رو از پنل وردپرس به محیط پست دادن اضافه کنید!
اگه بلد نیستید اضافه کنید پیشنهاد میدم کار کردن با سایت وردپرسی رو بذارید کنار و یه وبلاگ بزنید. :دی (شوخی کردم،بپرسید تو همین تاپیک میگم کجاست)

شما موقع ارسال مطلب باید زمینه ی دلخواهی که میخواهید بزنید برای مطلبتون رو بهش مقدار بدین و اون مقدار لود میشه جلوی همین کُد هایی که دادم بالا بهتون،ابتدا از قسمتی که نوشته گزینش،زیرش نوشته افزودن،یک بار براش همیشه زمینه دلخواهتون رو ادد کنید،سپس برای هر پستی که میخواهید بزنید برید رو زمینه دلخواه مورد نظرتون از منوی ـه کشویی سپس بهش یک مقدار ،مثلا لینک دانلود،رمز فایل،قیمت محصول و هر چیزه دیگه ای،اضافه کنید و سپس افزودن رو بزنید،همین !!! مطلب رو ارسال کنید و میبینید که چیزی که میخواستین بهش رسیدین!

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

پ.ن : من تو توضیحات معمولا غلط املایی و تایپی زیاده،اگه دیدین شرمنده و اگه جایی متوجه نشدین بگین توضیح میدم.

پ.ن 2 : اون قسمت هایی که تو کد ها Bold کردم چون تو تگ HTML هست Bold نشده،اگه متوجه نشدین کجا رو میگم بپرسید.

 

[hnikdel]

خوب بود. تست میکنم ببینم چطور میشه.
ممنون

 

[GraphX]

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

<?php $link = get_post_meta($post->ID, 'link', true); ?>
<?php $ramz = get_post_meta($post->ID, 'ramz', true); ?>
<?php $src = get_post_meta($post->ID, 'src', true); ?>
<?php $size = get_post_meta($post->ID, 'size', true); ?>

 

[hnikdel]

آموزشتون خوبه
ولی لطفاً بفرمایید این کدها رو باید تو چه فایلی و بعد از چه کدی قرار بدیم
آیا تو فایل single.php قرار بدیم؟
ممنونم میشم

 

[Javacl]

آموزشتون خوبه
ولی لطفاً بفرمایید این کدها رو باید تو چه فایلی و بعد از چه کدی قرار بدیم
آیا تو فایل single.php قرار بدیم؟
ممنونم میشم

کد های اولی رو بذارین بالای هر پیجی که میخواین توش لود بشه،اگر مثلا لینک دانلود رو تو ادامه مطلب میذارین بذارین تو Single ! بعد کد دوم رو هر جای اون قالب که میخواید اون زمینه لود بده یا همون نمایش داده بشه بذارید.

 

[farhad+98]

ممنون داش جواد آموزش عالی بود

هر دوتا کدی که دادی رو باید توی Single.php گذاشت درسته؟



اگه من بخوام یه زمینه مثل عکس زیر به اینا بدم باید چیکار کنم؟
مشاهده پیوست 120323

 

[GraphX]

ممنون داش جواد آموزش عالی بود

هر دوتا کدی که دادی رو باید توی Single.php گذاشت درسته؟



اگه من بخوام یه زمینه مثل عکس زیر به اینا بدم باید چیکار کنم؟
مشاهده پیوست 120323

منظورتو متوجه نشدم
دقیقتر بگو

 

[farhad+98]

الان من اگه کدهایی که اقا جواد زاشتن رو بزارم توی سایتم یه همچین چیزی نشون داده میشه یعنی پشتش سفیده و ساده

مشاهده پیوست 120326


اما در اصل میخوام که پشتش مثل همون بالایی باشه یعنی یه رنگی بشه برای پشتش انتخاب کرد





ممنون

 

[Javacl]

الان من اگه کدهایی که اقا جواد زاشتن رو بزارم توی سایتم یه همچین چیزی نشون داده میشه یعنی پشتش سفیده و ساده

مشاهده پیوست 120326


اما در اصل میخوام که پشتش مثل همون بالایی باشه یعنی یه رنگی بشه برای پشتش انتخاب کرد





ممنون

فرهاد باید بهش استایل بدی،باید بذاری تو یه استایل ( یعنی باید CSS بلد باشی )

مثلا کد زیر یه استایل ساده،میتونی دستکاری کنیش،اگه بلد نیستی بگو بیشتر توضیح بدم!

.field-box {
padding : 3px 5px 3px 5px;
background : #f5c99f;
border : 1px solid #d81900;
margin-bottom : 10px;
outline : #ddd 0 solid;
list-style-type : none;
color : #000000;
-moz-border-radius: 8px;
-moz-outline-radius: 8px;
}
.field-box H3 {
font-size : 11px;
}

.field-box h2 {
font-size : 10px;
}

 

[farhad+98]

والله داش جواد زیاد اهل کد نویسی و اینا نیستم
اگه بتونی CSS که این کارو بکنه (بکگراندشو زرد کنه) بهم بدی رو ممنون میشم

 

[Javacl]

فرهاد همین کدی که دادم رو بذار آخره فایله Style.css ـِت :

.field-box { padding : 3px 5px 3px 5px; background : #range-zamine; border : 1px solid #range-kadre-doresh; margin-bottom : 10px; outline : #ddd 0 solid; list-style-type : none; color : #000000; -moz-border-radius: 8px; -moz-outline-radius: 8px; }

دوتا رنگ،هر رنگی که دوست داری میری تو فتوشاپ(یا هر نرم افزار گرافیکی) انتخاب میکنی،کد رنگش رو میذاری اونجاهایی که مشخص کردم،یعنی اونجایی که نوشته range-zamine رو پاک کن،جاش کد رنگ رو بذار،دقت کن دوبار # رو نزنی،یه بار زده شده،دیگه لازم نیست!
یه قسمت هم هست نوشته range-kadre-doresh این هم یه کادر دورشه،برای زیبایی،دوست داشتی بهش یه رنگ بده از بقیه اجزای صفحه متمایز میشه،اگه نمیخوای رنگش رو سفید کن همرنگ قالب!

بعد از این میری تو قالبت اونجایی که زمینه دلخواه رو داری نمایش میدی،کد زیر رو قبل و بعد از زمینه دلخواه اضافه میکنی،( در واقع زمینه دلخواه رو میذاری بین این استایل)

<div class="field-box"> 

محل قرار گیری کدهای نمایش زمینه دلخواه

</div>

امیدوارم کارت راه بیوفته!

 

[farhad+98]

ممنون جواد جان کارم راه افتاد :wub:



میشه برای قسمت پسوورد، یه چیزی ثابت گذاشت که لازم نشه هر بار توی زمینه های دلخواه اونو بهش داد؟
یعنی مثلا بعد از هر پست اون قسمت زمینه های دلخواه (رمز) خودش بزنه www.xxx.com

 

[MihanV]

ممنون جواد جان کارم راه افتاد :wub:



میشه برای قسمت پسوورد، یه چیزی ثابت گذاشت که لازم نشه هر بار توی زمینه های دلخواه اونو بهش داد؟
یعنی مثلا بعد از هر پست اون قسمت زمینه های دلخواه (رمز) خودش بزنه www.xxx.com

تو قسمت رمز بجای :

<?php $password = get_post_meta($post->ID, 'password', true); ?>

بزن www.xxx.com

 

[farhad+98]

تو قسمت رمز بجای :

<?php $password = get_post_meta($post->ID, 'password', true); ?>

بزن www.xxx.com

ممنون
به جای کل این کد

<?php $password = get_post_meta($post->ID, 'password', true); ?>

پسوورد رو بزنم یا فقط به جایی اون قسمتی که قرمز کردید؟
چون من هر دو حالت رو تست کردم هردو جواب نداد


یه سوال دیگه هم داشتم:اگه توی این عکس :
http://www.up.vatandownload.com/images/4mfjo8k6y24yce455oo7.jpg

بیبیند، ایکون های کنار زمینه های دلخواه از خود متن کمی بالاتر هستن، چطور میشه این ایکون ها رو دقیقا بیارم کنار متن؟(البته از نظر این که توی یه خط قرار بگیرن منظورمه)

 

[MihanV]

به جای کل کد بزن دیگه
برای ایکن ها هم باید margin-top بدی

margin-top:10px;

 

[GraphX]

ممنون جواد جان کارم راه افتاد :wub:



میشه برای قسمت پسوورد، یه چیزی ثابت گذاشت که لازم نشه هر بار توی زمینه های دلخواه اونو بهش داد؟
یعنی مثلا بعد از هر پست اون قسمت زمینه های دلخواه (رمز) خودش بزنه www.xxx.com

میشه اما تکست بنویس واسه پسورد
دیگه نیازی به زمینه دلخواه واسه این قسمتش نیست

 

[farhad+98]

میشه اما تکست بنویس واسه پسورد
دیگه نیازی به زمینه دلخواه واسه این قسمتش نیست

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


مشاهده پیوست 120580

به جای کل کد بزن دیگه
برای ایکن ها هم باید margin-top بدی

کد HTML:

margin-top:10px;

میزنم اما فقط یه نوشته ساده مثل www.xxx.com میره گوشه بالایی کادر زمینه های دلخواه

این کد margin-top رو باید کجای اون کدی که جواد برای فایل Style.css بهم داد بزارم؟

ممنون فرجاد جان

 

[GraphX]

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


مشاهده پیوست 120580








میزنم اما فقط یه نوشته ساده مثل www.xxx.com میره گوشه بالایی کادر زمینه های دلخواه

این کد margin-top رو باید کجای اون کدی که جواد برای فایل Style.css بهم داد بزارم؟

ممنون فرجاد جان

باید با کد سی اس اس این موردو رفع کنی

 

[farhad+98]

ممنون از دوستان عزیز(جواد، فرجاد، امیر) مشکلم حل شد کامل
یه مشکل کوچیک دیگه مونده که توی یه تاپیک دیگه دارم پی گیری میکنم

 

[farhad+98]

ادیت.....