دیجی اسکریپت

آموزش ساخت باکس دانلود در وردپرس با افزونه Simple Download Monitor
[ad_1]

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

 

 

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

 

آموزش ساخت باکس دانلود در وردپرس

افزونه ای که در این آموزش برای ایجاد جعبه های دانلود معرفی می کنم، با عنوان Simple Download Monitor در مخزن وردپرس به ثبت رسیده است. این افزونه تا کنون با بیش از ۲۰٫۰۰۰ نصب فعال توانسته است امتیاز ۴٫۴ را از کاربران خود به دست بیاورد.

 

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

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

برای ساخت باکس دانلود در وردپرس در این صفحه روی دکمه Add New کلیک کنید.

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

• در بخش Downloadable File، فایلی که می خواهید کاربران پس از ساخت باکس دانلود در وردپرس بتوانند دانلود کنند، انتخاب نمایید و یا آدرس آن را وارد کنید.
• در این صفحه با فعال سازی گزینه PHP Dispatch or Redirect، آدرس محل قرارگیری فایل دانلودی شما مخفی خواهد شد.
• در بخش Miscellaneous Download Item Properties می توانید ویژگی هایی مانند باز شدن لینک دانلود در صفحه جدید و … را فعال یا غیرفعال کنید.
• برای ساخت باکس دانلود در وردپرس در بخش File Thumbnail، یک تصویر بندانگشتی مناسب انتخاب کنید.
• در بخش Statistics نیز می توانید تعداد دانلود فایل را برای نمایش در باکس دانلود وارد کرده و سایر جزئیات از قبیل اندازه فایل، تاریخ انتشار، ورژن، متن دکمه دانلود و … را نیز در بخش Other Details وارد کنید.
• در نهایت پس از ذخیره تغییرات می توانید از شورت کدهای نمایش داده شده در بخش Shortcodes برای نمایش باکس دانلود ساخته شده استفاده کنید.
• همچنین برای ساخت باکس دانلود در وردپرس می توانید برای باکس های خود دسته بندی در زیرمنوی Categories و برچسب در زیرمنوی Tags انتخاب کنید.

پس از ساخت باکس دانلود در وردپرس با کلیک روی دکمه انتشار می توانید از آن در برگه های خود استفاده کنید. برای این منظور به صفحه ایجاد برگه در وردپرس رفته و چنانچه از ویرایشگر گوتنبرگ استفاده می کنید، بلوک SDM Download را اضافه نمایید.

همانطور که در تصویر زیر مشاهده می کنید، پس از افزودن بلوک می توانید از بین آیتم های دانلودی که پیش از این ساخته اید یکی را انتخاب کرده، قالب مورد نظر، رنگ دکمه دانلود و متن آن را به دلخواه تغییر دهید.

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

علاوه بر تمام بخش های توضیح داده شده، افزونه Simple Download Monitor دارای دو زیرمنوی دیگر با عنوان های Setting و Add-ons نیز می باشد.

در بخش تنظیمات افزونه می توانید برای ساخت باکس دانلود در وردپرس تنظیماتی از قبیل دانلود فقط برای کاربران ثبت نام شده، مخفی کردن تعداد دانلود ها، رنگ، فعال سازی کپچای گوگل، فعال سازی نقشه گوگل، تبلیغات و … را مدیریت کنید.

در بخش Add-ons نیز می توانید اضافات افزونه را مشاهده و در صورت تمایل دانلود و نصب نمایید.

با ساخت باکس دانلود در وردپرس می توانید دانلود فایل های خود را حرفه ای تر کرده و وب سایت های دانلودی مانند freepik را با وردپرس راه اندازی کنید.

نوشته آموزش ساخت باکس دانلود در وردپرس با افزونه Simple Download Monitor اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

آموزش ساخت جعبه دانلود حرفه ای در وردپرس به وسیله Advanced Custom Field
[ad_1]

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

 

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

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

 

 

این افزونه با نام زمینه های دلخواه وردپرس Advanced Custom Field در مخزن وردپرس با بیش از یک میلیون نصب فعال یکی از محبوب ترین افزونه های حال حاضر میباشد که با استفاده از این افزونه میتوانید هر نوع فیلدی را در نوشته های خود ایجاد کرده و به راحتی استفاده کنید .

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

 

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

 

نکته : برای اضافه کردن باکس دانلود در قالب بصورت پیشفرض فایل single.php میباشد .

 

بعد از مشخص کردن جایگاه مناسب باکس دانلود افزونه Advanced Custom Fields رو نصب و فعال نمائید .

بعد از نصب و فعال سازی افزونه گزینه ای به نام زمینه های دلخواه در پیشخوان وردپرس اضافه میشود .

بعد از کلیک بر روی این گزینه به تنظیمات این افزونه هدایت میشوید .

 

ساخت گروه زمینه دلخواه

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

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

خوب در ادامه تمام بخش های ایجاد زمینه دلخواه رو خدمت شما توضیح میدهیم .

• ۱ – یک عنوان مناسب برای گروه خود انتخاب کنید .
• ۲ – یک عنوان مناسب برای برچسب خود انتخاب کنید .
• ۳ – نام یا همان متا دیتای خود را وارد کنید . مثال : url_downlaod , size , format و …
• ۴ – نوع زمینه را انتخاب کنید زمینه شما میتواند بارگزاری پرونده باشه , متن باشه , دکمه رادیویی و یا هر فیلد مناسب کار شما .
• ۵ – در اینجا میتوانید توضیحات لازم جهت درج مقدار این زمینه وارد کنید تا هنگام مقدار دهی نویسنده شما به این بخش توجه به نکات گفته شده کند .
• ۶ – از نامش مشخص است یک مقدار اولیه وارد کنید چنان چه مقداری به زمینه داده نشد این مقدار اولیه به نمایش در بی آید .
• ۷ – نگهدارنده متن در واقع همان placeholder میباشد که دستورالعمل کوتاه داخل فیلد به نمایش در می آید .
• ۸ – مقداری که قبل از هر زمینه به نمایش در می آید .
• ۹ – مقداری که بعد از هر زمینه به نمایش در می آید .
• ۱۰ – نوع قالب بندی در واقع شیوه نمایش مقدار زمینه در قالب را مشخص میکند .
• ۱۱ – در این بخش میتوانید برای درج مقدار محدودیت قرار دهید .
• ۱۲ – ایا این فیلد الزامی میباشد یا خیر .
• ۱۳ – این زمینه ها در چه پست تایپی به نمایش در بیاید (page یا post) و یا دیگر پست تایپ ها .
• ۱۴ – موقعیت باکس زمینه های دلخواه کجا باشید .
• ۱۵ – شیوه نمیاش که بهتر است بر روی استاندارد دارای باکس قرار گیرد .

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

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

 

نمونه فید های ایجاد شده باکس دانلود

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

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

طبق تصویر زیر :

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

قبل از هر چیزی باید کد های فراخونی شده فیلد ها و زمینه های دلخواه را در قالب قرار دهیم .

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

<div class="box-download">

<h4> مشخصات دانلود </h4>
	<ul>
	
		<li>
			<?php if(get_post_meta($post->ID, "namefile", true)) {?>
			<b> نام فایل : </b>
			<a href="<?php echo get_post_meta($post->ID, 'dlfile', true); ?>">
			<?php echo get_post_meta($post->ID, 'namefile', true); ?>
			</a>

			<?php } else {?>
<!-- اگر زمینه دلخواه رو خالی گذاشتیم این رو نشون بده  -->				
			<?php }?>
		</li>
		<li>
			<?php if(get_post_meta($post->ID, "sizefile", true)) {?>
			<b> حجم فایل : </b>
			<?php echo get_post_meta($post->ID, 'sizefile', true); ?>

			<?php } else {?>
<!-- اگر زمینه دلخواه رو خالی گذاشتیم این رو نشون بده  -->				
			<?php }?>
		</li>
		<li>
			<p> بیست اسکریپت / www.20script.ir </p>
		</li>

	</ul>
</div>

کد بالا بخشی از کد های php و html جهت نمایش زمینه دلخواه ایجاد شده در نوشته های وردپرسی شما میباشد .

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

 

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

برای اینکه بخواهیم استایل مناسب طبق تصویر بالا به کد هایمان دهیم کافیست کد css زیر را در استایل خود کپی کرده و ذخیر کنید و تغییرات رو با استفاده از کلید ترکیبی ctrl+f5 مشاهده نمائید .

.box-download{
  background: #e4f3f2;
  border-radius: 5px;
  padding: 5px;
  float: right;
  width: 100%;
}
.box-download h4{
  width: 100%;
  float: right;
  text-align: right;
}
.box-download ul{
  padding: 0px !important;
  margin: 0px !important;
  list-style: none;
}
.box-download ul li{
  float: right;
  width: 100%;
  margin: 5px 0px;
}
.box-download ul li b{
  font-weight: bold;
}
.box-download ul li p{
  margin: 0px;
  padding: 0px !important;
}

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

موفق و پیروز باشید

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

[ad_2]

لینک منبع مطلب

کد جعبه دانلود ساده
[ad_1]

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

 

دریافت کد:

<link rel="stylesheet" type="text/css" href="http://dl.20script.ir/tools/box-dl-classic/CSS.css">
<div id="bistscript" style="font-family: 'B Yekan'; font-size: 13px;">
 <div id="bist-script-ir" style="direction: rtl;border-top-right-radius: 20px; height: auto; background-color: rgba(0, 0, 0, 0.027451);">
   <div class="bist-script" style="border-top-left-radius: 20px; width: 56px; border-top-right-radius: 20px; padding-right: 20px; color: rgb(0, 0, 0); padding-left: 20px; background-color: rgba(0, 0, 0, 0.0980392);"> جعبه دانلود </div>
  
<div class="dl-bistscript" style="background-image: url(http://dl.20script.ir/tools/box-dl-classic/3.png);">
 
  <a href="http://www.20script.ir">برای دانلود اینجا کلیک کنید</a> 
</div>
<div class="dl-bistscript" style="background-image: url(http://dl.20script.ir/tools/box-dl-classic/4.png);">
 
  <a herf="adredd">سازنده و منبع کد : بیست اسکریپت</a> 
</div>
<div class="dl-bistscript" style="background-image: url(http://dl.20script.ir/tools/box-dl-classic/2.png);">
 
  <a herf="adredd">رمز : www.20script.ir</a> 
</div>
<div class="dl-bistscript" style="background-image: url(http://dl.20script.ir/tools/box-dl-classic/1.png);">
  <a herf="adredd">کپی برداری حتی با ذکر منبع غیرمجار می باشد</a> 
</div></div>

موفق باشید

نوشته کد جعبه دانلود ساده اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب