آموزش تغییر رنگ لینک در وردپرس | ساده و تصویری

ضعیفمتوسطخوببسیار خوبعالی
( 1 رای , میانگین : 5,00 از 5)
بارگذاری...

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

آموزش تغییر رنگ لینک در وردپرس

بیشتر بخوانید: آموزش تغییر و قرار دادن favicon (فاوآیکون) در وردپرس 

آموزش تغییر رنگ لینک در وردپرس

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

  1. نحوه تغییر رنگ لینک با افزودن کد  CSS
  2. نحوه تغییر رنگ لینک با بررسی سفارشی ساز وردپرس
  3. نحوه تغییر رنگ لینک با صفحه ساز المنتور
  4. نحوه تغییر رنگ لینک با افزونه Beaver Builder

در ادامه توضیحاتی در خصوص هریک از این روش ها در اختیار شما قرار می دهیم. امیدوارم تا انتهای این مطلب ما را همراهی کنید.

1- نحوه تغییر رنگ لینک در وردپرس با افزودن کد CSS

یکی از روش های تغییر رنگ لینک وردپرس، نوشتن کدهای CSS سفارشی می باشد. برای اینکار باید کد رنگ مورد نظر خود را که می خواهید از آن جهت رنگ لینک ها استفاده کنید، وارد نمائید. اگر کد رنگ مورد نظر خود را ندارید،  در ابتدا وارد وب سایت color-hex شوید و سپس کد رنگ مورد نظر خود را پیدا کنید.

آموزش تغییر رنگ لینک در وردپرس

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

تغییر رنگ لینک در وردپرس | تغییر رنگ لینک وردپرس

سپس از منوی سمت راست، روی گزینه “کد CSS اضافی” کلیک نمائید و بعد از آن کد زیر را وارد نمائید:

a {
     color: #0000FF;
}

فقط فراموش نکنید که به جای عبارت “#0000FF;” کدی را که قبلاً پیدا کرده بودید را جایگزین نمائید. در نهایت روی دکمه “ذخیره تغییرات” کلیک کنید.

تغییر رنگ لینک در وردپرس | تغییر رنگ لینک وردپرس

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

همچنین ممکن است در آینده نظر شما تغییر کند و بخواهید از همان رنگ پیش فرض وردپرس برای لینک های سایتتان استفاده کنید، در این صورت کافیست همین روال را تکرار کنید و سپس تمامی کدهای موجود در بخش Customizer’s Additional CSS را حذف کنید و در نهایت تغییرات خود را ذخیره نمائید.

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

2- نحوه تغییر رنگ لینک در وردپرس با بررسی سفارشی ساز وردپرس

با توجه به نوع قالبی که در حال استفاده کردن هستید، می توانید رنگ بندی لینک های وردپرس خود را بدون آنکه نیازی باشد کدCSS  وارد کنید، تغییر دهید. برای اینکار از پیشخوان وردپرس خود وارد بخش “نمایش” شوید و سپس روی گزینه “سفارشی سازی” کلیک نمائید. بعد از آن به دنبال گزینه رنگ بندی باشید. این گزینه ممکن است در قالب های مختلف، متفاوت باشد. به عنوان مثال: در اکثر قالب ها شما باید از بخش “تنظیمات ظاهر” روی گزینه “رنگ ها” کلیک نمائید. بعد از آن می توانید لینک های خود را با استفاده از تنظیمات Accent Color سفارشی سازی کنید:

آموزش تغییر رنگ لینک در وردپرس

از طرف دیگر، اگر کد هگزا خاصی برای تعیین رنگ لینک در ذهن دارید، می توانید این مقدار را در فیلد متن همراه وارد کنید. زمانی که رنگ مورد نظر خود را انتخاب کردید، روی دکمه “انتشار یا همان Publish” کلیک نمائید.

بیشتر بخوانید: بهترین روش های حذف و پاک کردن کش در وردپرس 

3- نحوه تغییر رنگ لینک در وردپرس با صفحه ساز المنتور

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

آموزش تغییر رنگ لینک در وردپرس

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

آموزش تغییر رنگ لینک در وردپرس

در مرحله بعد وارد بخش “تایپوگرافی” شوید.

بیشتر بخوانید: سایت لینک چیست؟ چگونه در گوگل سایت لینک داشته باشیم؟

در منوی بعدی، می‌توانید رنگ لینک را تغییر دهید. برای انجام این تغییر، ابتدا برگه را روی حالت Normal قرار دهید.

آموزش تغییر رنگ لینک در وردپرس

در مرحله بعد، روی یکی از آیکن هایی که با تنظیمات رنگ همراه هستند، کلیک کنید.

آموزش تغییر رنگ لینک در وردپرس

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

آموزش تغییر رنگ لینک در وردپرس

بیشتر بخوانید: چگونه در وردپرس لینک دانلود بگذاریم؟ آموزش ساخت لینک دانلود در وردپرس

4- نحوه تغییر رنگ لینک در وردپرس با افزونه Beaver Builder

افزونه Beaver Builder یک افزونه صفحه ساز کشیدن  ورها کردن برای وب سایت های وردپرسی می باشد که به کمک آن می توانید رنگ لینک های وب سایت خود را به دلخواه تغییر دهید. برای انجام این کار، از پیشخوان وردپرس خود وارد بخش “نمایش” شوید و سپس روی گزینه “Themes” کلیک نمائید. بعد از آن نشانگر موس خود را روی “Beaver Builder Theme” ببرید و سپس گزینه سفارشی سازی را انتخاب کنید. بعد از آن وارد ویرایشگر Beaver Builder می شوید.

آموزش تغییر رنگ لینک در وردپرس

بعد از باز شدن صفحه ویرایشگر، از بخش “General” روی گزینه “Accent Color” کلیک کنید. بعد از آن روی گزینه “Accent Color” کلیک نمائید و با استفاده از انتخاب گر، یک رنگ دلخواه برای لینک های خود در نظر بگیرید.

آموزش تغییر رنگ لینک در وردپرس

اگر کد رنگ خاصی در ذهن دارید، می توانید آن را در فیلد رنگ وارد کنید.

بیشتر بخوانید: انتخاب رنگ در طراحی سایت و تاثیر آن در جذب کاربر

آموزش تغییر رنگ لینک در وردپرس

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

بیشتر بخوانید: فیلتر پیشرفته با افزونه YITH WooCommerce Ajax Product Filter Premium

جمع بندی

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

منبع: themeisle

درباره نویسنده



رضا اکبری
( عضو از 7 سال قبل )
  • 9 نوشته
  • 1 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی

نظرات کاربران

ثبت دیدگاه

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

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

دیدگاهتان را بنویسید

مطالب مرتبط



محتوای یونیک چیست و چه تاثیری بر سایت ما دارد؟

54
0
بر کسی پوشیده نیست که بازاریابان همیشه به دنبال محتوای منحصر به فرد هستند تا به آنها کمک کند تا از رقبای خود متمایز و برای مخاطبان خود ...
جزییات بیشتر آموزش را بخوانید!

آموزش سفارشی سازی نمایش آرشیو وردپرس در سایدبار

1146
0
شاید شما هم دوست داشته باشید تا آرشیو ماهانه سایت خود را که بر اساس سال مرتب شده، در سایدبار سایت خود به نمایش دراورید. برای درک بهتر ...
جزییات بیشتر آموزش را بخوانید!

بک لینک چیست؟

34
0
اگر شما طراح سایت هستید احتمالاْ نام بک لینک به گوشتان خورده است. بک لینک ها لینک هایی در وب سایت هایی غیر از سایت شما هستند که ...
جزییات بیشتر آموزش را بخوانید!

آموزش گام به گام نصب وردپرس در یک زیرگروه (Subdomain )

1992
4
آیا می خواهید وردپرس را در یک زیر گروه نصب کنید؟ نصب وردپرس در یک پوشه فرعی اجازه می دهد تا چندین نمونه وردپرس را در یک دامنه ...
جزییات بیشتر آموزش را بخوانید!

نحوه جاسازی ویدیوی یوتیوب در وردپرس | چگونه ویدیوهای یوتیوب را در سایت خود نمایش دهیم؟

2882
0
یکی از ترفندهایی که می توانید به کمک آن محتوای خود را برای کاربران جذاب تر کنید، درج انواع ویدیوها در سایت می باشد. راه های مختلفی وجود ...
جزییات بیشتر آموزش را بخوانید!

لیست برترین افزونه های دانلود از یوتیوب برای مرورگر های کروم و فایرفاکس

7527
0
همانطور که می دانید یوتیوب یکی از بهترین و پرطرفدارترین سایت های ویدیویی در جهان می باشد. اگر شما در یوتیوب قصد تماشا کردن یک ویدیو را داشته ...
جزییات بیشتر آموزش را بخوانید!

بهترین قالب فروشگاهی وردپرس چیست؟

2980
0
انتخاب بهترین قالب فروشگاهی وردپرس برای تجارت شما می تواند چالش برانگیز باشد، زیرا هزاران قالب وردپرس در بازار وجود دارد که انتخاب را برای شما سخت می ...
جزییات بیشتر آموزش را بخوانید!

سایت تک صفحه ای چیست؟ و چه کاربردهایی دارد؟

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

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

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

  • تولید کننده فیلم آموزشی کار با محصولات
  • نویسندگی و ارسال مطالب آموزشی
  • تولید کننده دورهای آموزشی برنامه نویسی
  • فارسی سازی و ترجمه انواع قالب
  • و هر آنچه که توانایی دارید...
  • فهرست مطالب