/ آموزش ساخت جعبه دانلود | اختصاصی ویکی وی بی
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 2 از 2

موضوع: آموزش ساخت جعبه دانلود | اختصاصی ویکی وی بی

  1. #1
    Normal آنلاین نیست.
    Normal
    کاربر سايت
    2نوشته1مورد پسند

    تاریخ عضویت
    Aug 2015
    شماره عضویت
    9693
    پسندیده است
    0 پست
    بلاگ
    پست
    میزان امتیاز
    11
    wikivb.ir

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

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

    همونطور که اطلاع دارید مدیریت محتوای وردپرس یکی از محبوب ترین مدیریت محتوا ها در زمینه ایجاد و مدیریت سایت هست.

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

    تو این آموزش میخوام "نحوه ساخت جعبه دانلود (Download Box) رو برای اعضای وبسایت ویکی وی بی شرح بدم.

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

    • اطلاعات قابل قبول درباره زبان CSS
    • اطلاعات قابل قبول درباره زبان HTML
    • اطلاعات قابل قبول درباره زبان PHP

    تمامی وبسایت هایی که میبینید از جعبه دانلود استفاده میکنن (که نمیتونم اسم ببرم) با استفاده از همین توابع و دستورات این کار رو میکنند.

    مراحل کار

    1. فایلی که میخواید جعبه دانلود اونجا نمایش داده بشه رو باز کنید. (مثلا فایل single.php)
    2. حالا کد زیر رو در اون قرار بدید.
    کد:
    <?php if( get_post_meta($post->ID, 'link', true) ) { ?> <div id="downloadbox"> <h3>Download Link</h3> <ul> <?php $mid_var = get_post_meta($post->ID, 'link',true); if(isset($mid_var) && !empty($mid_var)) : ?> <li class="download"><a href="<?php echo get_post_meta($post->ID, 'link',true); ?>" target="_blank"><?php echo get_post_meta($post->ID, 'title',true); ?></a></li> <?php endif; ?> </ul> </div><!-- dl-link --> <?php } ?>

    توضیحات هر خط هم با رنگ خودش در زیر مشاهده میکنید.
    اگر از دستور link در زمینه های دلخواه استفاده شده بود، کادر جعبه دانلود را نشان بده؛ در غیر اینصورت نشان نده!
    واحد کلی کادر جعبه دانلود که اینجا بهش یک کلاس با نام downloadbox دادیم و میتونید به دلخواه تغییرش بدید.
    یک نوشته بزرگ در سایز H3 به نمایش در میاد که میتونید کلا حذفش کنید و ازش استفاده نکنید.
    با وارد کردن عبارت link در زمینه های دلخواه و افزودن لینک مورد نظر در کادر مقدار، این تابع عمل میکنه.
    با وارد کردن عبارت link و وارد کردن مقدار، همچنین عبارت title و وارد کردن مقدار،
    یک خط لیستی (li) ایجاد میشه با کلاس download که توش متن مورد نظر شما (title) و لینک مورد نظر شما (link) درج شده.
    پایان دستور شرطی و اتمام مراحل کار
    حالا شما اگر بخواید به دستورات بالا استایل بدید (که مسلماً میخواید!) میتونید مثلا این کار ها رو کنید.

    کد:
    #downloadbox { width: 90%; height: auto; margin: 0 auto; padding: 0; display: table; border: 1px solid #d1d1d1; background: #f9f9f9; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #downloadbox h3 { font: 1.3em "B Yekan" color: #666666; text-align: center; margin: 5px 0; padding: 0; border-bottom: 1px solid #d1d1d1; } #downloadbox ul { list-style-type: none; margin: 0; padding: 0; text-align: center; } #downloadbox ul li { margin: 0 0 2px 0; padding: 0; font: 13px "Tahoma"; } #downloadbox ul li:last-child { margin-bottom: 0; } #downloadbox ul li a { color: #666666; text-decoration: none; }
    خوب،،، همونطور که دیدید دستور خیلی ساده ای بود! حالا شما میخواید مثلا سایت های دیگه که سمت چپ یه لوگو قرار دادن و پائین جعبه دانلود چند تا نکته نوشتن و ... کار هایی رو برای جعبه دانلودتون انجام بدید؛ خیلی ساده میتونید در کد های بالا (مثلا بعد از UL یا قبل از اون) کلاس های مورد نظرتون رو قرار بدید یا عکس بذارید و ... .

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

    قبل از اینکه اینکار رو مستقیم روی سایتتون انجام بدید بهتره روی localhost کاراشو بکنید تا اگر نتونستید، سایت دچار مشکل نشه.

    دوستان عزیز، این آموزش و تمامی کد هاش توسط خود شخص بنده (Normal) نوشته شده و ازتون خواهشمندیم جایی کپی نکنید و اگر کپی کردید آدرس همین پُست رو درج کنید.

  2. نوين وردپرس تبلیغات شما

  3. #2
    MyBirds آنلاین نیست.
    MyBirds
    کاربر سايت
    577نوشته193مورد پسند

    تاریخ عضویت
    Apr 2014
    شماره عضویت
    5080
    پسندیده است
    322 پست
    بلاگ
    پست
    میزان امتیاز
    203
    mybirds.ir
    شات نمیذارین؟؟
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی