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

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

نحوه ی ساخت جعبه دانلود وردپرس حرفه ای

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

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

۱
<?php the_tags(); ?>

این کد باعث نمایش برچسب هایی که برای مطالب انتخاب می کنید میشه , محل برچسب ها ی شما در ادامه مطلب در کدام قسمت قرار داره این و گفتم تا محل مناسبی برای نمایش جعبه دانلود  انتخاب کنید.

خوب کد زیر رو بعد از اینکه محل مناسبی برای نمایش جعبه دانلود پیدا کردید کپی و اونجا paste  کنید

۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
۱۲
۱۳
۱۴
۱۵
۱۶
۱۷
۱۸
۱۹
۲۰
۲۱
۲۲
۲۳
۲۴
۲۵
۲۶
۲۷
۲۸
۲۹
۳۰
۳۱
۳۲
۳۳
۳۴
۳۵
۳۶
۳۷
۳۸
۳۹
۴۰
۴۱
۴۲
۴۳
۴۴
۴۵
۴۶
۴۷
۴۸
۴۹
۵۰
۵۱
۵۲
۵۳
۵۴
۵۵
۵۶
۵۷
۵۸
۵۹
۶۰
۶۱
۶۲
۶۳
۶۴
۶۵
۶۶
۶۷
۶۸
۶۹
۷۰
۷۱
۷۲
۷۳
۷۴
۷۵
۷۶
۷۷
۷۸
۷۹
۸۰
۸۱
۸۲
۸۳
۸۴
۸۵
<div class="download post">
<a
href="#" onclick="return wprp_toggle('.download-instruction','');"> <span
class="instruction-expander">راهنمای دانلود</span></a>
<h2>لینک‌های دانلود</h2>
<!--زمینه های دلخواه-->
<div id="download-links">
<ul>
<!--
<li id="keyfiyat-image">فعال<font color="#0093C4"> <?php echo get_post_meta($post->ID, 'جعبه دانلود',true); ?></font>&nbsp,</li>
-->
<?php $mid_var = get_post_meta($post->ID, 'نام',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="format-image"><strong>نام :&nbsp </strong></strong><font color="#0093C4"> <?php echo get_post_meta($post->ID, 'نام',true); ?></font>&nbsp </li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'لینک مستقیم',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="zhaner-image"><a href="<?php echo get_post_meta($post->ID, 'لینک مستقیم',true); ?>"><strong> دانلود با لینک مستقیم </strong></a>&nbsp</li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'دانلود قسمت اول',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="zhaner-image"><a href="<?php echo get_post_meta($post->ID, 'دانلود قسمت اول',true); ?>"><strong> دانلود قسمت اول </strong></a>&nbsp</li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'دانلود قسمت دوم',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="zhaner-image"><a href="<?php echo get_post_meta($post->ID, 'دانلود قسمت دوم',true); ?>"><strong> دانلود قسمت دوم </strong></a>&nbsp</li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'دانلود قسمت سوم',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="zhaner-image"><a href="<?php echo get_post_meta($post->ID, 'دانلود قسمت سوم',true); ?>"><strong> دانلود قسمت سوم </strong></a>&nbsp</li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'دانلود قسمت چهارم',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="zhaner-image"><a href="<?php echo get_post_meta($post->ID, 'دانلود قسمت چهارم',true); ?>"><strong> دانلود قسمت چهارم </strong></a>&nbsp</li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'لینک کمکی',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="hajm-image"><a href="<?php echo get_post_meta($post->ID, 'لینک کمکی',true); ?>"><strong> لینک کمکی </strong></a>&nbsp</li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'رمز',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="format-image"><strong> رمز فایل :&nbsp </strong><font color="#0093C4"> <?php echo get_post_meta($post->ID, 'رمز',true); ?></font>&nbsp</li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'حجم',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="format-image"><strong>حجم فایل :&nbsp </strong></strong><font color="#0093C4"> <?php echo get_post_meta($post->ID, 'حجم',true); ?></font>&nbsp </li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'فرمت',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="date-image"><strong> فرمت فایل :&nbsp </strong><font color="#0093C4"> <?php echo get_post_meta($post->ID, 'فرمت',true); ?></font>&nbsp</li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'منبع',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="date-image"><strong> منبع :&nbsp </strong><font color="#0093C4"> <?php echo get_post_meta($post->ID, 'منبع',true); ?></font>&nbsp</li>
<?php endif; ?>
<?php $mid_var = get_post_meta($post->ID, 'توضیحات',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
<li id="format-image"><strong>توضیحات :&nbsp </strong></strong><font color="#0093C4"> <?php echo get_post_meta($post->ID, 'توضیحات',true); ?></font>&nbsp </li>
<?php endif; ?>
</ul>
</div>
<!--/زمینه های دلخواه-->
</div><div
class="download-instruction"><h3>راهنمای دانلود</h3><ul><li>برای دانلود، به روی عبارت "دانلود" کلیک کنید و منتظر بمانید تا پنجره مربوطه ظاهر شود سپس محل ذخیره شدن فایل را انتخاب کنید و منتظر بمانید تا دانلود تمام شود.</li><li>جهت استفاده از فایل های فشرده از نرم افزار WinRar استفاده نموده و به پسورد هر فایل توجه نمایید.</li><li><span
style="color: #ff0000;">در صورت بروز مشکل در دانلود فایل ها تنها کافی است از طریق سیستم گزارش خطا نسبت به بروز مشکل اطلاع دهید تا پیگیری سریع برای حل مشکل اقدام گردد.</span></li><li>فایل های قرار داده شده برای دانلود به منظور کاهش حجم و دریافت سریعتر فشرده شده اند، برای خارج سازی فایل ها از حالت فشرده از نرم افزار<b> Win Rar </b>و یا مشابه آن استفاده کنید.</li><li>کلمه رمز جهت بازگشایی فایل فشرده عبارت <b>www.bigtheme.ir ( حتما با حروف کوچک تایپ شود )</b> می باشد. تمامی حروف را میبایستی به صورت کوچک تایپ کنید و در هنگام تایپ به وضعیت EN/FA کیبورد خود توجه داشته باشید همچنین بهتر است کلمه رمز را تایپ کنید و از Copy-Paste آن بپرهیزید.</li><li>چنانچه در هنگام خارج سازی فایل از حالت فشرده با پیغام <b>CRC</b> مواجه شدید، در صورتی که کلمه رمز را درست وارد کرده باشید. فایل به صورت خراب دانلود شده است و می بایستی مجدداً آن را دانلود کنید.</li></ul></div>
<!--   /download -->

خوب با این کد زمینه های دلخواه برای ساخت جعبه ی دانلود ایجاد شدن , این متن هم که می بینید با اضافه کردن کدهای بعدی غیر فعال میشه و با زدن دکمه ی راهنمای دانلود ظاهر میشه ? که می تونید به دلخواه خودتون تغییرش بدید , این متن به صورت ثابت هستش برای همه ی پست که متن راهنمای دانلود رو نمایش خواهد داد.

خوب حالا نوبت میرسه به استایل های جعبه دانلود , کد زیر رو به فایل style.css اضافه کنید , نکته : توجه داشته باشید کلاس ها و آی دی های تعریف شده برای دیو های جعبه ی دانلود با ( ID , class ) های قالب متفاوت باشه که به هم نریزه.

۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
۱۲
۱۳
۱۴
۱۵
۱۶
۱۷
۱۸
۱۹
۲۰
۲۱
۲۲
۲۳
۲۴
۲۵
۲۶
۲۷
۲۸
۲۹
۳۰
۳۱
۳۲
۳۳
۳۴
۳۵
۳۶
۳۷
۳۸
۳۹
۴۰
۴۱
۴۲
۴۳
۴۴
۴۵
۴۶
۴۷
۴۸
۴۹
۵۰
۵۱
۵۲
۵۳
۵۴
۵۵
۵۶
۵۷
۵۸
۵۹
۶۰
۶۱
۶۲
۶۳
۶۴
۶۵
۶۶
۶۷
۶۸
۶۹
۷۰
۷۱
۷۲
۷۳
۷۴
۷۵
۷۶
۷۷
۷۸
۷۹
۸۰
۸۱
۸۲
۸۳
۸۴
۸۵
۸۶
۸۷
۸۸
۸۹
۹۰
۹۱
۹۲
۹۳
۹۴
۹۵
۹۶
۹۷
۹۸
۹۹
۱۰۰
۱۰۱
۱۰۲
۱۰۳
۱۰۴
۱۰۵
۱۰۶
۱۰۷
۱۰۸
۱۰۹
۱۱۰
۱۱۱
۱۱۲
۱۱۳
۱۱۴
۱۱۵
۱۱۶
۱۱۷
۱۱۸
۱۱۹
۱۲۰
۱۲۱
۱۲۲
۱۲۳
۱۲۴
۱۲۵
۱۲۶
۱۲۷
۱۲۸
۱۲۹
۱۳۰
۱۳۱
۱۳۲
۱۳۳
۱۳۴
۱۳۵
۱۳۶
۱۳۷
۱۳۸
۱۳۹
۱۴۰
۱۴۱
۱۴۲
۱۴۳
۱۴۴
۱۴۵
۱۴۶
۱۴۷
۱۴۸
۱۴۹
۱۵۰
۱۵۱
۱۵۲
۱۵۳
۱۵۴
۱۵۵
۱۵۶
۱۵۷
۱۵۸
۱۵۹
۱۶۰
۱۶۱
۱۶۲
۱۶۳
۱۶۴
۱۶۵
۱۶۶
۱۶۷
۱۶۸
۱۶۹
۱۷۰
۱۷۱
۱۷۲
۱۷۳
۱۷۴
۱۷۵
۱۷۶
۱۷۷
۱۷۸
۱۷۹
۱۸۰
۱۸۱
۱۸۲
۱۸۳
۱۸۴
۱۸۵
۱۸۶
۱۸۷
۱۸۸
/************** bigtheme.ir *************/
.wprp_wrapper {
clear: both;
color: #676D72;
display: block;
margin: -15px 0;
padding: 10px;
text-align: right;
}
.wprp_form {
background: none repeat scroll 0 0 #F0F4F7;
border: 1px solid #D9E4EF;
box-shadow: 0 9px 5px -4px rgba(0, 0, 0, 0.7);
display: none;
margin: 0 auto;
width: 580px;
}
.wprp_form form {
margin: 0;
padding: 0;
}
.wprp_message {
background-color: #FFFFFF;
border: 1px solid #D9E4EF;
display: none;
padding: 5px;
text-align: right;
}
.wprp_clear {
clear: both;
display: block;
}
#report_as {
font-family: Tahoma,Geneva,sans-serif;
font-size: 12px;
float:right;
}
.wprp_form textarea {
font-family: Tahoma,Geneva,sans-serif;
font-size: 12px;
}
.wprp_submit {
background: none repeat scroll 0 0 #89D1FF;
border: 0 none;
color: #000000;
font-family: Tahoma,Geneva,sans-serif;
font-size: 12px;
padding: 5px;
text-shadow: 1px 1px 1px #FFFFFF;
}
.wprp_report_link a {
background: url("images/sup.png") no-repeat scroll 558px center #F2D811;
border-bottom: 1px solid #F0B60A;
border-radius: 8px 8px 8px 8px;
border-top: 4px solid #FFEB6B;
color: #333333;
cursor: pointer;
display: block;
font: 18px/1.4 Bkoodak,Tahoma;
margin: 10px 0 0;
padding: 10px 50px 10px 10px;
text-decoration: none;
text-shadow: 1px 1px 1px #FFFFFF;
width: 540px;
z-index: 999;
}
/**********  bigtheme download   **********/
.entry .downloads {
background: none repeat scroll 0 0 #E6FFB2;
border-bottom: 2px solid #B8EB59;
border-radius: 7px 7px 7px 7px;
color: #5CA000;
font-size: 1em;
margin: 10px 20px;
padding: 5px 15px;
transition: all 0.3s ease-out 0s;
}
.entry .downloads h2 {
color: #8CCD18;
font-size: 22px;
margin: 4px 0;
}
.entry .downloads .info_icon {
display: inline-block;
float: right;
height: 16px;
margin-left: 3px;
margin-top: 0;
width: 15px;
}
.entry .downloads .dd_icon {
display: inline-block;
float: right;
height: 16px;
margin-left: 3px;
margin-top: 0;
width: 16px;
}
.entry .downloads .id_icon {
display: inline-block;
float: right;
height: 16px;
margin-left: 3px;
margin-top: 0;
width: 16px;
}
.instruction-expander {
background: none repeat scroll 0 0 #8EC61A;
border-bottom: 1px solid #6BA217;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
cursor: help;
display: block;
float: left;
font-size: 0.9em;
line-height: 1.3;
margin-top: 10px;
padding: 2px 10px 3px;
}
.download-instruction {
background: none repeat scroll 0 0 #F2FFD7;
border-radius: 7px 7px 7px 7px;
color: #609F31;
display: none;
font-size: 0.9em;
margin: 5px 30px 10px;
padding: 15px;
}
.entry .downloads h2 {
color: #8CCD18;
font-size: 22px;
margin: 4px 0;
font-family:Bkoodak;
}
.download-instruction h3{
font-family:Bkoodak;
}
#download-links{
padding-top:15px;
}
#download-links li{
list-style:none
}
/********* download icon ***********/
#download-links .nam-file-dl {
background: url("images/name.png") no-repeat 488px 0px ;
padding-right: 25px;
}
#download-links .downloads-box-link {
background: url("images/download1.png") no-repeat 488px 0px;
padding-right: 25px;
}
#download-links .downloads-box-link1 {
background: url("images/download1.png") no-repeat 488px 0px ;
padding-right: 25px;
}
#download-links .downloads-box-link-help {
background: url("images/download1.png") no-repeat 488px 0px ;
padding-right: 25px;
}
#download-links .pass-file-dl {
background: url("images/password.png") no-repeat 488px 0px;
padding-right: 25px;
}
#download-links .size-file-dl {
background: url("images/size.gif") no-repeat 488px 0px;
padding-right: 25px;
}
#download-links .format-file-dl {
background: url("images/all-images.png1") no-repeat 488px 0px ;
padding-right: 25px;
}
#download-links .des-file-dl {
background: url("images/tozihat.png") no-repeat  ۴۸۸px 0px ;
padding-right: 25px;
}
#download-links .sourse-file-dl {
background: url("images/all-images.png1") no-repeat 488px 0px ;
padding-right: 25px;
}

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

در قسمت دانلود چن تا عکس و یک فایل جاوا اسکریپت قرار داده شده , فایل رو دانلود کنید آیکون های موجود داخل فایل رو به پوشه ی iamges داخل پوشه ی قالبتون انتقال بدید و فایل جاوا اسکریپت رو به پوشه ای به نام js سپس این فایل جاوا اسکریپت رو که داخل پوشه ی js قرار دادید باید فایل رو به قالب معرفی کنید فایل header.php رو باز کنید و کد

۱
</head>

رو پیدا کنید قبل از این کد کد زیر رو قرار بدید

۱
<script type="text/javascript" src="<?php bloginfo( 'stylesheet_directory' ); ?>/js/wprp.js"></script>

فایل رو ذخیره کنید کار تمومه , wprp.js نام فایلی که داخل پوشه ی js قرار دادید هستش.

توضیحات درباره ی استفاده از جعبه دانلود وردپرس

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

در  بخش زمینه های دلخواه :

نام ( نام فایلی که برای دانلود قرار داده اید )

رمز ( پسوورد فایل )

لینک مستقیم ( آدرس فایل با لینک مستقیم )

دانلود قسمت اول ( اگر فایلی که برای دانلود قرار دادید چن تاست از این زمینه های استفاده کنید ۱ تا ۴ هستش می تونید اضافه کنید )

لینک کمکی ( آدرس فایل از لینک کمکی )

توضیحات ( توضیح مختصر درباره ی فایل و … )

حجم ( حجم فایل )

منبع ( آدرس منبع یا نام )

فرمت ( فرمت فایل )

امیدوارم مفید واقع بشه براتون , ببخشید دیگه کمی طولانی شد ولی کامل.

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