مرجع آموزش برنامه نویسی

افراد زیادی هستند که از طریق تحصیل یا علاقه به حوزه برنامه نویسی وارد می شوند ، اما پس از مدتی یا از یادگیری بی نتیجه خسته می شوند و یا آنطور که باید از کار خود لذت نمی برند. برنامه نویسی مسیر دشواری دارد که فقط افراد قدرتمند و هدفمند از پس آن بر می آیند. کسانی که به هر قیمتی استقامت می کنند هزینه رشد خود را می پردازند.
۴ دوره
+1500 دقیقه آموزش
۴۶۶ مقاله
۱۲۴۹ کاربر
سون کلونر

نحوه اضافه کردن نمادهای پرداخت ووکامرس در پاورقی [HTML]

اگر می‌خواهید آیکون‌های پرداخت ووکامرس را در فوتر اضافه کنید، می‌توانید از کد HTML به اشتراک‌گذاشته‌شده در این پست در فایل footer.php یا ویجت متنی سفارشی HTML برای نمایش نمادهای پرداخت استفاده کنید. در غیر این صورت، من یک را برای شما فراهم کرده ام افزونه درجه یک که به شما کمک می کند آیکون های پرداخت را در فوتر یا هر جای دیگری در سایت خود اضافه کنید.

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

نمادهای پرداخت ووکامرس را در پاورقی اضافه کنید

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

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

ویرایش فایل‌های تم شما همیشه راه مطمئنی برای سفارشی‌سازی ووکامرس نیست – من با ایجاد یک افزونه ووکامرس Payment Icons که می‌توانید پیدا کنید، بار اضافه کردن آیکون‌های پرداخت در هر نقطه از سایت شما را از بین بردم.

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

این کار را می توان با استفاده از HTML یا تصاویر و آیکون ها انجام داد. برای این آموزش، من از این تصویر استفاده می کنم و آن را در قسمت فوتر قرار می دهم.

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

<img src="//http://127.0.0.1/wordpress/wp-content/uploads/2020/07/payments.png">

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

آیکون های سفارشی روش های پرداخت ووکامرس

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

  • به عنوان مثال، می‌توانید نمادها را دانلود کنید. این دروازه‌های پرداخت ووکامرس را می‌توان به صورت بسته دانلود کرد و می‌توانید هر یک از آنها را به صورت جداگانه جاسازی کنید.
  • در مرحله دوم، باید به بخش پاورقی یا با استفاده از یک ویجت سفارشی HTML که در پاورقی یا کد footer.php طرح زمینه شما از طریق تنظیمات تم > پاورقی > متن در کنار حق نشر قرار داده شده است بروید و این کد را وارد کنید:
<div class="credit-cards" style="text-align: center; width: 100%">

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_visa.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_master.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_paypal.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_unionpay.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_linepay.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_tw_711_pay.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_tw_fm_pay.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_taishin.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_amex.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_ecpay.png"/>

  <img height="40" src=" http://127.0.0.1/wordpress /wp-content/uploads/2020/07/card_jcb.png"/>

</div>

جایی که این کد را اضافه می‌کنید ممکن است از موضوعی به موضوع دیگر متفاوت باشد، اما اگر شدیداً می‌خواهید آن را به پاورقی اضافه کنید، با استفاده از ویجت Text HTML ایمن هستید و ویجت را روی پاورقی خود قرار می‌دهید.

نتیجه

در این مقاله، من به شما نشان دادم که چگونه با استفاده از HTML آیکون‌های درگاه پرداخت ووکامرس را در پاورقی اضافه کنید. این را می توان برای افزودن اعتماد انجام داد و اجرای آن با استفاده از ویجت متن HTML در قسمت ابزارک های تم بسیار ساده است. به خاطر داشته باشید که اگر این کد را به functions.php اضافه کنید، کد کار نخواهد کرد و هنگام افزودن کد HTML به footer.php باید احتیاط کنید، باید مطمئن شوید که به درستی از PHP فرار می کنید.

در این مقاله قصد داریم تا درباره نحوه اضافه کردن نمادهای پرداخت ووکامرس در پاورقی [HTML] صحبت کنیم.


قیمت آموزش
رایگان
نوع دسترسی
رایگان

این مقاله در حال حاضر تنها به روش رایگان در دسترس می باشد.

ناصر خالدی
مدرس دوره

ناصر خالدی

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

گفتگوی برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر نیاز است تا ابتدا وارد سایت شوید.

هیچ نظری ارسال نشده است.

مقالات پیشنهادی

اندروید

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


۴۸
۰
۲۹ آبان ۱۳۹۹

جاوا اسکریپت

جاوا اسکریپت یک زبان پویا و محبوب مبتنی بر شیء, داینامیک و مفسری می باشد. این زبان برای برنامه نویسی سمت سرور و کلاینت استفاده میشود که ...


۳۵
۰
۱۳ آذر ۱۳۹۹

درباره فایل Robots.txt

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


۳۵
۰
۲ دی ۱۳۹۹

بک لینک چیست؟

بک لینک (Back Link) به لینک دادن یک سایت به سایت دیگر گفته میشود که یک فاکتور مهم و اساسی در سئو هر سایتی می باشد.


۳۷
۰
۲۲ آذر ۱۳۹۹
logo-samandehi
تماس با ما

می توانید از طریق اطلاعات زیر با ما در ارتباط باشید.

درباره ما

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