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

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

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

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

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

دوستان با برچسپ ها هم حتما آشنا هستید که در پایین مطالب آنهایی رو که انتخاب نموده اید دیده میشه , حالا اگه این برچسپ ها در پایین پست قابل مشاهده است به قسمت single.ph برید و کد زیر رو پیدا کنید

<?php the_tags(); ?>

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

کد رو قراردهید

<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.wptem.ir ( حتما با حروف کوچک تایپ شود )</b> می باشد. تمامی حروف را میبایستی به صورت کوچک تایپ کنید و در هنگام تایپ به وضعیت EN/FA کیبورد خود توجه داشته باشید همچنین بهتر است کلمه رمز را تایپ کنید و از Copy-Paste آن بپرهیزید.</li><li>چنانچه در هنگام خارج سازی فایل از حالت فشرده با پیغام <b>CRC</b> مواجه شدید، در صورتی که کلمه رمز را درست وارد کرده باشید. فایل به صورت خراب دانلود شده است و می بایستی مجدداً آن را دانلود کنید.</li></ul></div>

<!--   /download -->

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

خب می خواهیم بریم سراغ استایل و درهمین جا به شما بگم که ID , class های جعبه دانلود با ID , class های قالب متفاوت می باشد تا مشکلی پیش نیاد و به هم نریزه

کد زیر رو در فایل style.css قرار دهید

/************** wptem.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;
}

/**********  wptem 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>

رو پیدا نمایید

بعد از پیدا کردن کد قبل از اون کد زیر رو قرار دهید که wprp.js نام فایل بوده است که در js قراردادید

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

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

نام : نام فایل دانلود

رمز : رمز فایل

لینک مستقیم : فایلتون با لینک به صورت مسقیم

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

لینک کمکی : ادرس فالیتون از لینک کمکی

توضیحات : توضیحات در مورد فایل دانلود

حجم : حجم فایل دانلود

منبع : منبع یا نام ادرس

فرمت : فرمت فایل دانلود

امیدوارم مفید بوده باسه

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

پاسخ دهید

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