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

[Black_Sky]

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

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

​

لینک ها تنها برای اعضای سایت قابل نمایش است.

نصب باشه.

1- فایل های جاوا اسکریپت زیر رو در پوشه ی

​

js

قالبتون قرار بدید:

در این آدرس:

​

wp-content/themes/your theme/js

اگه این پوشه وجود نداشت اون رو بسازید.

​

دانلود فایل های جاوا اسکریپت:

لینک ها تنها برای اعضای سایت قابل نمایش است.

2- کدهای زیر رو هم در انتهای فایل Style.css قرار بدید:

/* download box css */.tab-container {width: 625px;}.etabs {margin: 0;padding: 0;}.tab {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 #EEEEEE;border-color: #999999 #999999 -moz-use-text-color;border-image: none;border-radius: 7px;border-style: solid solid none;border-width: 1px 1px medium;display: inline-block;margin: 5px 0 5px 5px;}.tab a {color: #FFFFFF;display: block;font-family: B Yekan;font-size: 15px;line-height: 2em;outline: medium none;padding: 0 10px;text-decoration: none;}.tab a:hover {text-decoration: underline;}.tab.active {background: none repeat scroll 0 0 #FFFFFF;border-color: #666666;position: relative;top: 1px;}.tab a.active {font-weight: bold;}.panel-container {margin-bottom: 10px;}.tab.dl-color {color: rgb(136, 101, 0);background: -moz-linear-gradient(center top , rgb(255, 204, 0), rgb(212, 157, 0)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 1px rgb(255, 204, 51);box-shadow: 0px -1px 0px rgb(255, 236, 160), 0px 1px 0px rgb(183, 136, 0), 0px 3px 3px rgba(0, 0, 0, 0.25);border: 5px;}.tab.help-color {color: rgb(11, 68, 137);background: -moz-linear-gradient(center top , rgb(117, 199, 254), rgb(50, 127, 198)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 0px rgb(94, 178, 231);border: 5px;}.tab.info-color {color: rgb(8, 118, 130);background: -moz-linear-gradient(center top , rgb(69, 215, 231), rgb(6, 177, 196)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 0px rgb(114, 232, 245);border: 5px;}.tab.require-color {color: rgb(78, 77, 77);background: -moz-linear-gradient(center top , rgb(222, 220, 220), rgb(145, 145, 145)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 0px rgb(219, 217, 217);border: 5px;}#tabs1-dl {background: none repeat scroll 0 0 #FDFBCB;border: 3px solid #FFD40F;border-radius: 10px;padding: 0 10px 10px;}#tabs1-help {background: none repeat scroll 0 0 #CBE9FC;border: 3px solid #4FBCFF;border-radius: 10px;padding: 0 10px 10px;}#tabs1-info {background: none repeat scroll 0 0 #AEF2F9;border: 3px solid #67C7CF;border-radius: 10px;padding: 0 10px 10px;}#tabs1-require {background: none repeat scroll 0 0 #E3E3E3;border: 3px solid #898989;border-radius: 10px;padding: 0 10px 10px;}#tab-container h2 {font-family: yekan;font-size: 18px;margin: 0;font-family: B Yekan;}

3- کدهای زیر هم باید در فایل Single.php قرار بگیرن:در هر قالب بستگی به جایی که می خواید قرار بگیره داره.

<div id="tab-container" class='tab-container'><ul class='etabs'><li class='tab dl-color'><a href="#tabs1-dl">لینک دانلود</a></li><li class='tab help-color'><a href="#tabs1-help">راهنما</a></li><li class='tab info-color'><a href="#tabs1-info">مشخصات</a></li><li class='tab require-color'><a href="#tabs1-require">سیستم مورد نیاز</a></li></ul><div class='panel-container'><div id="tabs1-dl"><h2>لینک های دانلود</h2><?php echo get_field('download_links'); ?></div>
<div id="tabs1-help"><h2>راهنما</h2><?php echo get_field('help'); ?></div>
<div id="tabs1-info"><h2>مشخصات</h2><?php echo get_field('info'); ?></div><div id="tabs1-require"><h2>سیستم مورد نیاز</h2><?php echo get_field('require'); ?></div></div>

4- موردی که باید حتما انجام بشه اینه که کدهای زیر رو به فایل

​

header.php

بعد از تابع

​

[COLOR=#5A5A5A]<?php wp_head(); ?>[/COLOR]

اضافه کنید:


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.hashchange.min.js" type="text/javascript"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.tab.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready( function() { $('#tab-container').easytabs();});</script>

حالا بریم سراغ تنظیمات افزونه:

1- در سمت راست منوی مدیریت روی زمینه های دلخواه کلیک کنید.

2- در قسمت بالا و در کنار ((


گروه های زمینه

)) روی افزودن کلیک کنید.

3- در قسمت ((

​

تنظیمات

)) موقعیت رو ((

​

معمولی (بعد از نوشته)

)) قرار بدید.

4- در پایین این قسمت یعنی استایل تیک گزینه دارای متاباکس استاندارد رو بزنید.

5- در بالای صفحه هم نام گروه زمینه رو انتخاب می کنید مثلا ((

​

جعبه دانلود

)).

6- روی افزودن زمینه کلیک کنید.

7- در قسمت برچسب زمینه بنویسید ((

​

لینک های دانلود

)) و در قسمت نام زمینه هم بنویسید ((

​

download_links

)).

8- در قسمت بعد یعنی نوع زمینه ((

​

ویرایشگر دیداری

)) رو انتخاب کنید.

9- حالا باز روی افزودن زمینه کلیک کنید.

10- در قسمت برچسب زمینه ((

​

راهنما

)) و در قسمت نام زمینه بنویسید ((

​

help

)) نوع زمینه رو هم که ((

​

ویرایشگر دیداری

)) قرار میدید.

11- کلیک روی افزودن زمینه - نوشتن ((

​

مشخصات

)) در قسمت برچسب زمینه - نوشتن ((

​

info

)) در قسمت نام زمینه - نوع زمینه هم که ((

​

ویرایشگر دیداری

)).

12- مثل مرحله قبل: افزودن زمینه - نوشتن ((

​

سیستم مورد نیاز

)) در قسمت برچسب افزونه - نوشتن ((

​

require

)) در قسمت نام زمینه - نوع زمینه هم که ((

​

ویرایشگر دیداری

)).

مراحل تموم شد.

​

 

[Mohammad]

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

 

[Black_Sky]

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

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

        <li><?php $mid_var = get_post_meta($post->ID, 'hajm',true);if(isset($mid_var) && !empty($mid_var)) : ?>حجم:<?php echo get_post_meta($post->ID, 'hajm',true); ?>      <?php endif; ?>            <li>تاریخ انتشار:<?php the_time(' j F y'); ?></li>      <li>منبع مطلب:<?php bloginfo('name'); ?></li>            <li>پسورد:<?php bloginfo('url'); ?></li>      </li>

 

[william]

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

این کار اشتباهه و ممکنه عملکرد جاوااسکریپت قالب رو غیرفعال کنه. (به دلیل تداخل اسکریپت های js؛ مخصوصا در مورد جی کوئری)

باید از توابع wp_register_script و wp_enqueue_script استفاده کنید.

 

[Black_Sky]

شما فایل های جاوا اسکریپت رو در فایل header به قالب لینک کردید.این کار اشتباهه و ممکنه عملکرد جاوااسکریپت قالب رو غیرفعال کنه. (به دلیل تداخل اسکریپت های js؛ مخصوصا در مورد جی کوئری)

باید از توابع wp_register_script و wp_enqueue_script استفاده کنید.

بله احتمال وجود تداخل کوئری و افت سرعت هم میباشد اما این ها احتمال هست نه اشتباها

که اونم راه حل ساده ای دارد

 

[alihesari]

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

از یه افزونه برای nofollow کردن لینک ها استفاده کردم اما روی لینک های ایین افزونه اجرا نمیشد!

 

[lord_theone]

ممنون از آموزش عالی شما

من سه تا مشکل دارم 

1- فکر کنم js درست اجرا نمیشه به سایتم بیاید چک کنید آدرس

لینک ها تنها برای اعضای سایت قابل نمایش است.

2- میخوام قبل از فایل اشتراک گذاری جعبه بیاد هرکاری میکنم در قالب یا بالای نوشته میاد یا بعداز اشتراک گذاری راهی هست؟

3- یک QR به قسمت دانلود دادم عکسش رو نمایش نمیده فقط میشه کلیک کرد چطوری نمایش داده میشه؟ ظاهرا افزونه از کار افتاده

 

[lord_theone]

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

لینک ها تنها برای اعضای سایت قابل نمایش است.

ولی توی صفحه اصلی درسته

 

[lord_theone]

مشکل حل شد این کد که میدادم هیچ عکسی لود نمیشه خط اولی را حذف کردم

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.hashchange.min.js" type="text/javascript"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.tab.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready( function() {         $('#tab-container').easytabs();});</script>

 
 
 
 

 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

 

[Black_Sky]

به خاطر تبدیل شدم ویرایشگر ها به یکدیگر درون IPB > و < تبدیل به کاراکتز ها شده است 

خط بالا به صورت زیر میشود:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.hashchange.min.js" type="text/javascript"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.tab.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready( function() { $('#tab-container').easytabs();});</script>,و خط دوم تغییر میکند به :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>موفق باشید 

این ها همه دستورات جاوا اسکریپت هستند که آموزش در امضا قرار داده ام کمی بخوانید متوجه میشوید چه تغییراتی داده ام

 

[jamshimi]

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

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

لینک ها تنها برای اعضای سایت قابل نمایش است.

نصب باشه.

1- فایل های جاوا اسکریپت زیر رو در پوشه ی

jsقالبتون قرار بدید:

در این آدرس:

wp-content/themes/your theme/js

اگه این پوشه وجود نداشت اون رو بسازید.

دانلود فایل های جاوا اسکریپت:

لینک ها تنها برای اعضای سایت قابل نمایش است.

2- کدهای زیر رو هم در انتهای فایل Style.css قرار بدید:

/* download box css */.tab-container {width: 625px;}.etabs {margin: 0;padding: 0;}.tab {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 #EEEEEE;border-color: #999999 #999999 -moz-use-text-color;border-image: none;border-radius: 7px;border-style: solid solid none;border-width: 1px 1px medium;display: inline-block;margin: 5px 0 5px 5px;}.tab a {color: #FFFFFF;display: block;font-family: B Yekan;font-size: 15px;line-height: 2em;outline: medium none;padding: 0 10px;text-decoration: none;}.tab a:hover {text-decoration: underline;}.tab.active {background: none repeat scroll 0 0 #FFFFFF;border-color: #666666;position: relative;top: 1px;}.tab a.active {font-weight: bold;}.panel-container {margin-bottom: 10px;}.tab.dl-color {color: rgb(136, 101, 0);background: -moz-linear-gradient(center top , rgb(255, 204, 0), rgb(212, 157, 0)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 1px rgb(255, 204, 51);box-shadow: 0px -1px 0px rgb(255, 236, 160), 0px 1px 0px rgb(183, 136, 0), 0px 3px 3px rgba(0, 0, 0, 0.25);border: 5px;}.tab.help-color {color: rgb(11, 68, 137);background: -moz-linear-gradient(center top , rgb(117, 199, 254), rgb(50, 127, 198)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 0px rgb(94, 178, 231);border: 5px;}.tab.info-color {color: rgb(8, 118, 130);background: -moz-linear-gradient(center top , rgb(69, 215, 231), rgb(6, 177, 196)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 0px rgb(114, 232, 245);border: 5px;}.tab.require-color {color: rgb(78, 77, 77);background: -moz-linear-gradient(center top , rgb(222, 220, 220), rgb(145, 145, 145)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 0px rgb(219, 217, 217);border: 5px;}#tabs1-dl {background: none repeat scroll 0 0 #FDFBCB;border: 3px solid #FFD40F;border-radius: 10px;padding: 0 10px 10px;}#tabs1-help {background: none repeat scroll 0 0 #CBE9FC;border: 3px solid #4FBCFF;border-radius: 10px;padding: 0 10px 10px;}#tabs1-info {background: none repeat scroll 0 0 #AEF2F9;border: 3px solid #67C7CF;border-radius: 10px;padding: 0 10px 10px;}#tabs1-require {background: none repeat scroll 0 0 #E3E3E3;border: 3px solid #898989;border-radius: 10px;padding: 0 10px 10px;}#tab-container h2 {font-family: yekan;font-size: 18px;margin: 0;font-family: B Yekan;}3- کدهای زیر هم باید در فایل Single.php قرار بگیرن:در هر قالب بستگی به جایی که می خواید قرار بگیره داره.

<div id="tab-container" class='tab-container'><ul class='etabs'><li class='tab dl-color'><a href="#tabs1-dl">لینک دانلود</a></li><li class='tab help-color'><a href="#tabs1-help">راهنما</a></li><li class='tab info-color'><a href="#tabs1-info">مشخصات</a></li><li class='tab require-color'><a href="#tabs1-require">سیستم مورد نیاز</a></li></ul><div class='panel-container'><div id="tabs1-dl"><h2>لینک های دانلود</h2><?php echo get_field('download_links'); ?></div>
<div id="tabs1-help"><h2>راهنما</h2><?php echo get_field('help'); ?></div>
<div id="tabs1-info"><h2>مشخصات</h2><?php echo get_field('info'); ?></div><div id="tabs1-require"><h2>سیستم مورد نیاز</h2><?php echo get_field('require'); ?></div></div>

4- موردی که باید حتما انجام بشه اینه که کدهای زیر رو به فایل

header.phpبعد از تابع

<?php wp_head(); ?>

اضافه کنید:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.hashchange.min.js" type="text/javascript"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.tab.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready( function() { $('#tab-container').easytabs();});</script>حالا بریم سراغ تنظیمات افزونه:1- در سمت راست منوی مدیریت روی زمینه های دلخواه کلیک کنید.

2- در قسمت بالا و در کنار ((گروه های زمینه

)) روی افزودن کلیک کنید.

3- در قسمت ((

تنظیمات)) موقعیت رو ((

معمولی (بعد از نوشته))) قرار بدید.

4- در پایین این قسمت یعنی استایل تیک گزینه دارای متاباکس استاندارد رو بزنید.

5- در بالای صفحه هم نام گروه زمینه رو انتخاب می کنید مثلا ((

جعبه دانلود)).

6- روی افزودن زمینه کلیک کنید.

7- در قسمت برچسب زمینه بنویسید ((

لینک های دانلود)) و در قسمت نام زمینه هم بنویسید ((

download_links)).

8- در قسمت بعد یعنی نوع زمینه ((

ویرایشگر دیداری)) رو انتخاب کنید.

9- حالا باز روی افزودن زمینه کلیک کنید.

10- در قسمت برچسب زمینه ((

راهنما)) و در قسمت نام زمینه بنویسید ((

help)) نوع زمینه رو هم که ((

ویرایشگر دیداری)) قرار میدید.

11- کلیک روی افزودن زمینه - نوشتن ((

مشخصات)) در قسمت برچسب زمینه - نوشتن ((

info)) در قسمت نام زمینه - نوع زمینه هم که ((

ویرایشگر دیداری)).

12- مثل مرحله قبل: افزودن زمینه - نوشتن ((

سیستم مورد نیاز)) در قسمت برچسب افزونه - نوشتن ((

require)) در قسمت نام زمینه - نوع زمینه هم که ((

ویرایشگر دیداری)).

مراحل تموم شد.

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

بانهایت تشکر از محبت شما

لینک ها تنها برای اعضای سایت قابل نمایش است.

این هم از زمینه دلخواه

 

[jamshimi]

به خاطر تبدیل شدم ویرایشگر ها به یکدیگر درون IPB > و < تبدیل به کاراکتز ها شده است
خط بالا به صورت زیر میشود:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.hashchange.min.js" type="text/javascript"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.tab.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready( function() { $('#tab-container').easytabs();});</script>

,و خط دوم تغییر میکند به :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

موفق باشید
این ها همه دستورات جاوا اسکریپت هستند که آموزش در امضا قرار داده ام کمی بخوانید متوجه میشوید چه تغییراتی داده ام

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

اساتید گرانقدر کسی نیست کمک کند؟

 

[jamshimi]

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

این کار اشتباهه و ممکنه عملکرد جاوااسکریپت قالب رو غیرفعال کنه. (به دلیل تداخل اسکریپت های js؛ مخصوصا در مورد جی کوئری)

باید از توابع wp_register_script و wp_enqueue_script استفاده کنید.

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

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

 

[hannanstd.ir]

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

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

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

شما باید حداقل بر طراحی قالب html تسلط داشته باشید .

 

[simonamiri0069]

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

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

لینک ها تنها برای اعضای سایت قابل نمایش است.

نصب باشه.

1- فایل های جاوا اسکریپت زیر رو در پوشه ی

jsقالبتون قرار بدید:

در این آدرس:

wp-content/themes/your theme/js

اگه این پوشه وجود نداشت اون رو بسازید.

دانلود فایل های جاوا اسکریپت:

لینک ها تنها برای اعضای سایت قابل نمایش است.

2- کدهای زیر رو هم در انتهای فایل Style.css قرار بدید:

/* download box css */.tab-container {width: 625px;}.etabs {margin: 0;padding: 0;}.tab {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 #EEEEEE;border-color: #999999 #999999 -moz-use-text-color;border-image: none;border-radius: 7px;border-style: solid solid none;border-width: 1px 1px medium;display: inline-block;margin: 5px 0 5px 5px;}.tab a {color: #FFFFFF;display: block;font-family: B Yekan;font-size: 15px;line-height: 2em;outline: medium none;padding: 0 10px;text-decoration: none;}.tab a:hover {text-decoration: underline;}.tab.active {background: none repeat scroll 0 0 #FFFFFF;border-color: #666666;position: relative;top: 1px;}.tab a.active {font-weight: bold;}.panel-container {margin-bottom: 10px;}.tab.dl-color {color: rgb(136, 101, 0);background: -moz-linear-gradient(center top , rgb(255, 204, 0), rgb(212, 157, 0)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 1px rgb(255, 204, 51);box-shadow: 0px -1px 0px rgb(255, 236, 160), 0px 1px 0px rgb(183, 136, 0), 0px 3px 3px rgba(0, 0, 0, 0.25);border: 5px;}.tab.help-color {color: rgb(11, 68, 137);background: -moz-linear-gradient(center top , rgb(117, 199, 254), rgb(50, 127, 198)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 0px rgb(94, 178, 231);border: 5px;}.tab.info-color {color: rgb(8, 118, 130);background: -moz-linear-gradient(center top , rgb(69, 215, 231), rgb(6, 177, 196)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 0px rgb(114, 232, 245);border: 5px;}.tab.require-color {color: rgb(78, 77, 77);background: -moz-linear-gradient(center top , rgb(222, 220, 220), rgb(145, 145, 145)) repeat scroll 0% 0% transparent;text-shadow: 0px 1px 0px rgb(219, 217, 217);border: 5px;}#tabs1-dl {background: none repeat scroll 0 0 #FDFBCB;border: 3px solid #FFD40F;border-radius: 10px;padding: 0 10px 10px;}#tabs1-help {background: none repeat scroll 0 0 #CBE9FC;border: 3px solid #4FBCFF;border-radius: 10px;padding: 0 10px 10px;}#tabs1-info {background: none repeat scroll 0 0 #AEF2F9;border: 3px solid #67C7CF;border-radius: 10px;padding: 0 10px 10px;}#tabs1-require {background: none repeat scroll 0 0 #E3E3E3;border: 3px solid #898989;border-radius: 10px;padding: 0 10px 10px;}#tab-container h2 {font-family: yekan;font-size: 18px;margin: 0;font-family: B Yekan;}3- کدهای زیر هم باید در فایل Single.php قرار بگیرن:در هر قالب بستگی به جایی که می خواید قرار بگیره داره.

<div id="tab-container" class='tab-container'><ul class='etabs'><li class='tab dl-color'><a href="#tabs1-dl">لینک دانلود</a></li><li class='tab help-color'><a href="#tabs1-help">راهنما</a></li><li class='tab info-color'><a href="#tabs1-info">مشخصات</a></li><li class='tab require-color'><a href="#tabs1-require">سیستم مورد نیاز</a></li></ul><div class='panel-container'><div id="tabs1-dl"><h2>لینک های دانلود</h2><?php echo get_field('download_links'); ?></div>
<div id="tabs1-help"><h2>راهنما</h2><?php echo get_field('help'); ?></div>
<div id="tabs1-info"><h2>مشخصات</h2><?php echo get_field('info'); ?></div><div id="tabs1-require"><h2>سیستم مورد نیاز</h2><?php echo get_field('require'); ?></div></div>

4- موردی که باید حتما انجام بشه اینه که کدهای زیر رو به فایل

header.phpبعد از تابع

<?php wp_head(); ?>

اضافه کنید:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.hashchange.min.js" type="text/javascript"></script><script src="<?php bloginfo('template_url'); ?>/js/jquery.tab.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready( function() { $('#tab-container').easytabs();});</script>حالا بریم سراغ تنظیمات افزونه:1- در سمت راست منوی مدیریت روی زمینه های دلخواه کلیک کنید.

2- در قسمت بالا و در کنار ((گروه های زمینه

)) روی افزودن کلیک کنید.

3- در قسمت ((

تنظیمات)) موقعیت رو ((

معمولی (بعد از نوشته))) قرار بدید.

4- در پایین این قسمت یعنی استایل تیک گزینه دارای متاباکس استاندارد رو بزنید.

5- در بالای صفحه هم نام گروه زمینه رو انتخاب می کنید مثلا ((

جعبه دانلود)).

6- روی افزودن زمینه کلیک کنید.

7- در قسمت برچسب زمینه بنویسید ((

لینک های دانلود)) و در قسمت نام زمینه هم بنویسید ((

download_links)).

8- در قسمت بعد یعنی نوع زمینه ((

ویرایشگر دیداری)) رو انتخاب کنید.

9- حالا باز روی افزودن زمینه کلیک کنید.

10- در قسمت برچسب زمینه ((

راهنما)) و در قسمت نام زمینه بنویسید ((

help)) نوع زمینه رو هم که ((

ویرایشگر دیداری)) قرار میدید.

11- کلیک روی افزودن زمینه - نوشتن ((

مشخصات)) در قسمت برچسب زمینه - نوشتن ((

info)) در قسمت نام زمینه - نوع زمینه هم که ((

ویرایشگر دیداری)).

12- مثل مرحله قبل: افزودن زمینه - نوشتن ((

سیستم مورد نیاز)) در قسمت برچسب افزونه - نوشتن ((

require)) در قسمت نام زمینه - نوع زمینه هم که ((

ویرایشگر دیداری)).

مراحل تموم شد.

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

 

[jamshimi]

چطور میشه کاری کرد وقتی فیلدی خالی باشه اون تب در باکس دانلود نشون داده نشه

 

[hannanstd.ir]

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

. به نظر بهتره بدید کسی که در تخصص هست براتون انجام بده .

 

[jamshimi]

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

. به نظر بهتره بدید کسی که در تخصص هست براتون انجام بده .

سلام

ممنون از شما

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

باتشکر