افزونه ایجاد استایل دلخواه مطالب وردپرس

[vc_row][vc_column][vc_column_text]

افزونه ایجاد استایل دلخواه مطالب وردپرس

[/vc_column_text][vc_text_separator title=”” i_icon_fontawesome=”fa fa-graduation-cap” i_color=”pink” color=”turquoise” add_icon=”true”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_single_image image=”12201″ img_size=”400×400″ style=”vc_box_rounded”][/vc_column][vc_column width=”1/2″][dt_vc_list]

• نام افزونه : WP Add Custom CSS
• نام توسعه دهنده : Daniele De Santis
• نسخه وردپرس : 4.5 یا بالاتر
• نصب‌های فعال :  100+ هزار
• آزمایش‌شده تا: 5.0.4

[/dt_vc_list][vc_btn title=”ورود به صفحه افزونه در مخزن وردپرس” style=”3d” color=”success” align=”center” css_animation=”bounceIn” button_block=”true” link=”url:http%3A%2F%2Fgo.adroom.ir%2Findex.php%3Furl%3Dhttps%3A%2F%2Ffa.wordpress.org%2Fplugins%2Fwp-add-custom-css%2F|title:%D9%88%D8%B1%D9%88%D8%AF%20%D8%A8%D9%87%20%D8%B5%D9%81%D8%AD%D9%87%20%D8%A7%D9%81%D8%B2%D9%88%D9%86%D9%87%20%D8%AF%D8%B1%20%D9%85%D8%AE%D8%B2%D9%86%20%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3|target:%20_blank|rel:nofollow”][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=” استفاده از استایل دلخواه در مطالب وردپرس” color=”peacoc” border_width=”2″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

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

[vc_row][vc_column][vc_message message_box_style=”solid-icon” style=”round” message_box_color=”pink” icon_fontawesome=”fa fa-comments-o”]بخوانید : دور زدن تحریم نقشه گوگل
[/vc_message][vc_column_text]

بعد از نصب و فعال سازی افزونه منویی تحت عنوان Add Custom CSS به پیشخوان پنل مدیریت وردپرس سایتتون اضافه خواهد شد که با ورود به آن میتوانید استایل سفارشی خود را ایجاد کنید.

از طریق بخش post types میتوانید نوع پستی که از ان استفاده میکنید و نمایش داده میشود را انتخاب کنید و اگر میخواهید این بخش را سفارشی سازی نمایید کافیست تیک این گزینه را فعال کنید و به عنوان مثال برای استایل سفارشی محصولات ووکامرس کافیست تیک گزینه محصولات را بزنید تا با استفاده از باکس استایل دلخواه ، استایل مد نظرتون رو بدهید

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

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

[vc_row][vc_column][vc_message message_box_style=”3d” message_box_color=”green” icon_fontawesome=”fa fa-heart”]امیدواریم که این آموزش وردپرس از ادروم نیز مورد پسند شما واقع شده باشد و با استفاده از این آموزش توانسته باشید به وسیله افزونه ای که در این نوشته معرفی کردیم استایل مورد نظر و دلخواه خودتون را برای نقاط مختلف سایتتون مثل برگه ها ، مطالب ، محصولات و … فعالسازی نمایید و ظاهری متفاوت تر و زیبا تر به سایت خودتون بدید اگر در مورد این آموزش مشکل و یا سوالی برای شما پیش آمده است ، از بخش نظرات همین مطلب به ما اعلام کنید تا در زمانی کوتاه به شما پاسخ دهیم[/vc_message][/vc_column][/vc_row]

افزونه ایجاد استایل دلخواه مطالب وردپرس

[vc_row][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=”انجمن” color=”turquoise” border_width=”3″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][dt_gap height=”20″][vc_single_image image=”173″ img_size=”full”][/vc_column][vc_column width=”1/2″][dt_vc_list]

[/dt_vc_list][vc_btn title=”به انجمن ما بپیوندید…” style=”gradient” align=”center” button_block=”true” link=”url:http%3A%2F%2Fforum.adroom.ir%2F|title:%D8%A7%D9%86%D8%AC%D9%85%D9%86|target:%20_blank|rel:nofollow”][/vc_column][/vc_row]