تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

جعبه دانلود برای وردپرس

آموزش ها , مقالات,آموزش,ترفند , وردپرس

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

جعبه دانلود برای وردپرس

جعبه دانلود یا زمینه دلخواه (custom field) چیست ؟

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

قالب جعبه دانلود شماره ۱

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

شما باید فایل شیوه نامه خود را باز کنید و کدهای زیر را به انتهای آن اضافه کنید.

#download-links {

width: 475px;

height: auto;

background-repeat: repeat;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-moz-transition: all 0.5s ease-out 0s;

margin-top: 0px;

margin-bottom: 0px;

margin-right: auto;

margin-left: auto;

font-size: 14px;

text-decoration: none;

background-image: url(http://picor.persiangig.com/image/background.png);

paddin-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

g-right: 10px;

padding: 15px;

border: 1px solid #999;

}

#download-links:hover {

-moz-transition: all 0.5s ease-out 0s;

border-radius: 3px 3px 3px 3px;

text-shadow: 1px 1px #FFFFFF;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

}

#download-links ul {

text-decoration: none;

padding: 0px;

color: #AFAFAF;

font-family: B Yekan,Tahoma, Arial, Helvetica, sans-serif;

font-size: 14px;

text-shadow: 1px 1px #FFFFFF;

background-image: url(http://picor.persiangig.com/image/download-icon.png);

background-position: 30px center;

background-repeat: no-repeat;

list-style-type: none;

height: 120px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 10px;

margin-left: 0px;

}

#download-links ul li {

text-decoration: none;

margin: 0px;

list-style-type: none;

background-image: url(http://picor.persiangig.com/image/li.png);

background-repeat: no-repeat;

background-position: right;

padding-top: 0px;

padding-right: 12px;

padding-bottom: 0px;

padding-left: 0px;

}

#download-links ul li a {

color: #AFAFAF;

font-family: B Yekan,Tahoma, Arial, Helvetica, sans-serif;

font-size: 14px;

text-shadow: 1px 1px #FFFFFF;

}

#download-links ul li a:hover {

text-decoration: none;

color: #CC3333;

-moz-transition: all 0.5s ease-out 0s;

}

 

قالب جعبه دانلود سایت پی سی دانلود

این دومین قالب جعبه دانلود ، فقط دقت کنید باید فقط یکی از این کدهای مربوط به قالب رو به فایل شیوه نامه اضافه کنید.

#download-links, .mobile-download-links { width: 500px; background: #E6FFB2; padding: 10px 15px; border-bottom: 2px solid #B8EB59; position: relative; color: #5CA000; }
#download-links a, .download-links a:link { color: #09700B; padding: 3px 4px 4px; }
#download-links a:hover { color: #09700B; text-shadow: 0 1px 1px #fff; padding: 3px 4px 4px; background-color: #F9FFEB; -moz-border-radius: 3px 3px 3px 3px; /* FF1+ */ -webkit-border-radius: 3px 3px 3px 3px; /* Saf3-4, iOS 1+, Android 1.5+ */ border-radius: 3px 3px 3px 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ }
#download-links h3 { color: #8CCD18; }
#download-links-style { white-space: nowrap; overflow: auto; width: 540px; font-size: 0.95em; }

 

تعریف زمینه دلخواه ، لینک ها و توضیحات در قالب

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

<div id="download-links">
<h3>قسمت دانلود</h3>
<ul>

<?php $mid_var = get_post_meta($post->ID, 'download',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
 <li class="download"><a href="<?php echo get_post_meta($post->ID, 'download',true); ?>">دانلود با لینک مستقیم</a></li> <?php endif; ?>

 <?php $mid_var = get_post_meta($post->ID, 'download2',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
 <li class="download"><a href="<?php echo get_post_meta($post->ID, 'download2',true); ?>">دانلود - لینک کمکی</a></li> <?php endif; ?>

 <?php $mid_var = get_post_meta($post->ID, 'password',true);
if(isset($mid_var) && !empty($mid_var)) : ?>
 <li class="download">رمز فایل : <?php echo get_post_meta($post->ID, 'password',true); ?></li> <?php endif; ?>

</ul>
</div>

 

این کدها فقط یک مثاله ، مثلا من ۳ تا قسمت یکی لینک اصلی ، یکی لینک کمکی ، و یکی برای رمز فایل گذاشتم.دقت کنید برای اولی در دوجا اسم download رو  و مثلا برای سومی در دوجا اسم password رو انتخاب کردم.شما با یکم تغییر دادن این کدها و اسامی جعبه دانلود مورد نظر خودتونو ویرایش کنید.

اضافه کردن زمینه های دلخواه در وردپرس

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

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

جعبه دانلود برای وردپرس

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

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

جعبه دانلود برای وردپرس

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

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 20 آموزش ها , مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=2346
کلمات کلیدی پست :
مطالب مرتبط
12,172اسکریپت مدیریت پروژه و مشتری QuickManager تاریخ : 2017/04/24
4,556پیدا کردن کلمات کلیدی مناسب با استفاده از Google Search Console تاریخ : 2020/02/15
7,700افزایش امنیت و بهینه سازی وردپرس با Cloudflare تاریخ : 2018/09/30
3,768اسکریپت بررسی مشخصات دامنه WhoisBooks تاریخ : 2021/09/15
11,024اسکریپت مدیریت پیشرفته وام و پس انداز Advance Loan Management تاریخ : 2018/05/8
10,993آموزش ایجاد فرم ورود Ajax در وردپرس تاریخ : 2017/09/4
3,848راهکار‌هایی برای حل مشکل نصب نشدن قالب وردپرس تاریخ : 2019/09/26
9,476اسکریپت بازی تاس به صورت آنلاین Dice Game تاریخ : 2019/07/19
22,928اسکریپت فارسی فرم تماس با ما پیشرفته تاریخ : 2017/08/21
14,675دانلود قالب چندمنظوره KALLYAS برای وردپرس تاریخ : 2015/09/14
8,626ریست وردپرس با افزونه WordPress Reset تاریخ : 2017/04/17
5,080نمایش مطالب محبوب در وردپرس افزونه Top 10 تاریخ : 2018/11/13
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
سئو سایت
تبلیغات