Divi: بهترین تم وردپرس تمام وقت!

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

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

اگرچه درست است که ساده ترین روش استفاده از کد CSS است ، اما این روش همیشه در دسترس مبتدیان نیست.

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

روش اول: استفاده از افزونه

این روش بیشتر برای مبتدیانی که نمی خواهند از کد HTML / CSS استفاده کنند مناسب است. اولین کاری که باید انجام شود نصب و فعال سازی افزونه است مرز تصویر WP در WordPress.org موجود است.

اکنون تنها کاری که شما باید انجام دهید دسترسی به " تنظیمات> WP Image Borders » برای نمایش تنظیمات افزونه.

بخش اول افزونه به شما امکان می دهد تصاویر را هدف قرار دهید. با کلیک روی کادر تأیید با کلیک روی "" می توانید مرزها را به تمام تصاویر در وبلاگ های وردپرس خود اضافه کنید. مرزها را به تمام تصاویر در پست های وبلاگ اضافه کنید"

متناوباً ، می توانید با تعیین این موارد در "، کلاسهایی را برای افزودن حاشیه به تصاویر خاص تعیین کنید. کلاسهای خاصی را اینجا اضافه کنید"

گزینه دوم به شما اجازه می دهد که مرزهای تصاویر را سفارشی کنید. شما می توانید سبک مرز ها، عرض آن، گرد و غبار و رنگ آن را انتخاب کنید.

به راحتی وب سایت خود را با Elementor بسازید

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

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

به یاد داشته باشید که پس از پایان تنظیمات خود را ذخیره کنید.

اگر تصمیم گرفته اید که حاشیه ها را در تمام تصاویر پست های وبلاگ خود نمایش دهید ، متوجه تغییرات در همه تصاویر پست های خود خواهید شد.

نحوه اضافه کردن یک کلاس به تصاویر در وردپرس

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

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

تصویر

با کلیک بر روی آن ، یک پنجره جدید ظاهر می شود. در این پنجره است که می توانید یک کلاس سفارشی اضافه کنید.

تصویر

شما باید روی جعبه تاشو کلیک کنید « گزینه های پیشرفته"، که دو جعبه متن اضافی را نشان می دهد. این در جعبه است " کلاس CSS از تصویر که می توانید یک کلاس به تصویر اضافه کنید.

روش دوم: استفاده از کد HTML و CSS

افزودن حاشیه به تصاویر با استفاده از HTML و CSS یک روش سریع است. روش های مختلفی برای رسیدن به اهداف شما وجود دارد ، من هر روش را به شما نشان می دهم ، و شما یکی از روش های مناسب خود را انتخاب می کنید.

نحوه اضافه کردن مرزها به یک خط در WordPress

پس از ارسال تصویر به کتابخانه رسانه ، باید به حالت ویرایشگر متن بروید. کد HTML متناسب با تصویر خود را متوجه خواهید شد. این کد مشابه موارد زیر خواهد بود:

کد تصویر

سپس شما فقط باید یک کد CSS را در همان خط تصویر اضافه کنید. این کد مشابه کد زیر خواهد بود:

تصویر کد 2

متوجه خواهید شد که یک صفت " سبک به کد اضافه شده است. می توانید از ویژگیهای مختلف CSS برای تنظیم مرز استفاده کنید (البته این مانور برای کاربران باتجربه محفوظ است).

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