خانه / بانک کد / شخصی سازی قالب افزونه EDD


شخصی سازی قالب افزونه EDD

Easy Digital Download (EDD
شخصی سازی قالب افزونه EDDReviewed by روح الله وکیل زاده on Apr 29Rating: ۴.۵شخصی سازی قالب افزونه EDD | سون ریپلایسلام به همه ی دوستان برای اینکه سبد خرید زیباتری برای فروشگاه وردپرسی خودتون داشته باشید یه استایل زیبا برای شخصی سازی قالب افزونه EDD براتون آماده کردم

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

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

Easy Digital Download (EDD

میشه گفت افزونه EDD یکی از پرطرفدارترین افزونه های وردپرس برای ایجاد یک سیستم مدیریت فروش فایل هست و وب سایت های زیادی از این افزونه استفاده میکنند

، با استفاده از قالبی که برای شما آماده کرده ایم میتونید تغییری در ظاهر سبد خرید فروشگاه خود و همچنین بخش دانلود این افزونه ایجاد کنید

با استفاده از این کدها (CSS) استایل فیلدها ، دکمه ها و سایر بخش های دیداری این افزونه تغییر و ظاهر زیباتری پیدا میکنه

پیش نمایش بخشی از این تغییرات رو میتونید در تصویر زیر مشاهده کنید :

سبد خرید

Easy Digital Download (EDD

بخش دانلود

Easy Digital Download (EDD


حتما شما هم بعد از دیدن تصاویر دلتون میخواد قالبتون به این شکل در بیاد ?

شروع کار :

اول از از همه کدهای css زیر رو به فایل style.css قالبتون اضافه کنید :

(اگر قالب شما فایل rtl.css دارد ، این کدها را درون این فایل کپی نمایید)

(مسیر فایل در قالب شما » /wp-content/themes/your theme/style.css or rtl.css)

.edd-cart-added-alert {
    position: relative;
    margin: 10px 0 0;
    color: #3C763D;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    padding: 10px;
    border-radius: 4px
}
#edd_checkout_cart td,
#edd_checkout_cart th {
    text-align: right
}
table {
    border: 1px solid #DFDFDF;
    background-color: #F9F9F9;
    border-radius: 3px;
    font-family: BYekan, tahoma;
    color: #333;
    border-collapse: separate;
    border-spacing: 0
}
table td,
table th {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #DFDFDF;
    color: #555;
}
table th {
    text-shadow: 0 1px 0 #fff;
    font-family: BYekan, tahoma;
    font-weight: 400;
    font-size: 18px
}
.edd_cart_total {
    text-align: left!important
}
.edd_cart_total,
thead {
    font-size: 22px!important
}
#edd_checkout_cart td img {
    float: right;
    margin: 3px 0 0 8px
}
td,
th,
tr {
    text-align: right;
    padding-right: 20px
}
.widget .list-group-item {
    padding: 10px;
    margin-bottom: 5px;
    background-color: #F5F5F5;
    border: none;
    border-radius: 3px
}
.edd-submit.button,
.edd-submit.button.gray,
.edd-submit.button:visited {
    border: none
}
.single-download .edd_download_purchase_form {
    margin: 0!important
}
#edd_checkout_cart td img {
    width: 90px;
    height: 90px;
}
.edd_checkout_cart_item_title {}
#edd_checkout_form_wrap {
    font-family: BYekan;
    font-size: 18px;
    font-weight: bold;
}
#edd_checkout_form_wrap span.edd-description {
    font-size: 65%;
}
#edd_checkout_form_wrap p {
    margin: 0 0 12px!important
}
#edd_checkout_form_wrap input[type=email],
#edd_checkout_form_wrap input[type=password],
#edd_checkout_form_wrap input[type=text],
#edd_checkout_form_wrap textarea {
    padding: 11px 11px!important;
    font-family: BYekan;
    font-size: 12px;
    font-weight: bold;
    background: #f9f9f9;
    border: solid 1px #eeeeee;
    color: #878787;
}
#edd_checkout_form_wrap span.edd-description {
    display: none!important
}
#edd_checkout_form_wrap label {
    margin: 0 0 15px 0!important;
    color: #777777;
}
#edd_checkout_form_wrap fieldset {
    padding: 10px 0 0 0;
    margin: 0 0 21px;
    border: none!important;
}
#edd-purchase-button,
.edd-submit,
input[type=submit].edd-submit {
    padding: 7px 22px!important;
    font-size: 19px!important;
    font-family: BYekan;
    margin: 5px 0 10px 0!important;
}
#edd_checkout_cart td {
    font-size: 17px;
}
.edd-submit.button.blue {
    background: #47C2DC!important;
    border-color: #2CB7D4!important;
}

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

نکته : در این استایل از فونت Byekan استفاده شده ، اگر در سایت شما فونت ها به درستی نمایش داده نشد فونت مورد نظر خودتون رو به جای فونت یکان فراخوانی کنید

برای اصلاح جزئیات بیشتر و زیباتر کردن قالب افزونه بخش هایی از استایل اصلی افزونه رو ویرایش کردیم ،

اگر دوست دارید قالب شما دقیقا مثل تصاویر نشون داده بشه فایل های زیر رو باید جایگزین استایل EDD کنید !

خب برای کار این فایل های زیر رو دریافت کنید و در مسیر گفته شده جایگزین فایل های قبلی کنید :

دریافت استایل ۱

نکته مهم : فایل بالا حتما با نام edd.css در مسیر گفته شده کپی شود

دریافت استایل ۲

نکته مهم : فایل بالا حتما با نام edd.min.css در مسیر گفته شده کپی شود

فایل های بالا رو در مسیر زیر قرار بدید و جایگزین فایل قبلی کنید (اگر فایل های داده شده با نام ذکر شده جایگزین نشوند استایل به درستی نشان داده نخواهد شد)

/wp-content/plugins/easy digital downloads/templates

بعد از انجام مراحل بالا میتونید نتیجه کار رو تماشا کنید ?

اگر مشکلی داشتید در قسمت نظرات مطرح کنید تا رسیدگی بشه

امیدوارم مورد پسندتون واقع شده باشه

با آرزوی موفقیت



درباره ی روح الله وکیل زاده

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

2 نظر برای این مطلب ارسال شده است.

  1. mahzyar پاسخ دادن ( 24 / 09 / 1395 )

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

    • زمان الله ابراهیمی مدیر وب سایت پاسخ دادن ( 24 / 09 / 1395 )

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


    نظرات و یا سوالات خود را بنویسید، خیلی زووود پاسخگوی شما خواهیم بود

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

    آخرین دوره های به روز شده

    برای دریافت فایل ایمیل خود را وارد کنید .
    Your Information will never be shared with any third party.
    سلام دوست عزیز کد تخفیف را یاداشت کنید برای خرید خود
    جشنواره وب ایران
    فیلم آموزشی حسابداری اکسل همراه با فرم نویسی
    عیدی سال 1396 سون ریپلای
    دوره طراحی قالب فروشگاهی ووکامرس
    آموزش ساخت دفترچه تلفن هوشمند در اکسل
    کامل ترین پکیج طراحی اسم های سه بعدی فقط با دکلیک