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


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

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

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

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

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

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

خوب برای سراغ جعبه دانلود , بخش دانلود همیشه پایان پست قرار میگیره پس باید کد ها زیر رو به فایل 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  488px 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 افزودید توجه کنید متوجه میشید , هنگامی که یک مطلب می خواهید بنویسید و با زمینه ی دلخواه قسمت جعبه دانلود رو براش فعال کنید در قسمت زیر ویرایشگر وردپرس ( جایی که محتوای پست رو می نویسید ) بتکسی وجود داره به نام زمینه ی دلخواه در کدها گفته شده مثلا برای قرار دادن رمز در باکس نام بنویسید رمز و در کادر روبه رو رمز مورد نظر رو بنویسید

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

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

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

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

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

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

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

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

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

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

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

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

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

باکس دانلود

دانلود فایل

232 دیدگاه

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

  2. سلام. چطور یه پوشه به نام js درست کنم؟

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

  4. من از اموزش جدید هم استفاده کردم اما درست نمیشه!
    یعنی اصلا استایل به خودش نمیگیره.
    همینطوری زیر هم نمیشته میشه

  5. با سلام استادعزيز
    بنده ميخوام جعبه دانلود در سايت خود قرار دهم
    خواهشمندم بفرمائيد كدهاي css را در كجاي قالب single.php بايد قرار گيرد
    ضمنا كدهاي css قالب style.css در كجا قرار دهيم
    ضمنا پوسته من صحيفه ميباشد
    خواهشن زودتر منو راهنما ئيم بفرمائيد بي نهايت تشگر مي كنم

  6. با سلام
    من از این آموزش استفاده کردم همه کار هارا انجام دادم و قالبم را آنلاین کردم .
    ولی قسمتی به نام زمینه های دلخواه در زیر ویرایشگر مطلبم وجود نداره ؟
    میشه کمکم کنید
    ممنون خیلی فوریه

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

  8. سلام چطور میشه این زمنه های دلخواه رو شرطی کرد؟ یعنی وقتی مقادیرشو تو نگارش مطلب مشخص کنی نمایش داده بشه وقتی هم خالی بذاری تو فرم نیاد؟

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

    لطفا کمک کنییییییید

پاسخ دهید

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

دنبال کردن