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

ضعیفمتوسطخوببسیار خوبعالی
( 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 رو درست کنید آخه علامت کروشه آخرش نیومده و اشتباه تایپی و نگارشی شده به اشتباه اونطرفش رفته.

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

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

مطالب مرتبط



افزونه انتقال ابزارک ها در وردپرس

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

مقایسه سایت ساز وبزی و وردپرس؛ کدام بهتر است؟

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

۱۰ ویژگی منحصربه فرد و عالی وردپرس

1279
0
با سلام وردپرس ویژگی های منحصر به فرد و جذاب دارد و همچنین تمام این ویژگی ها در حال تغییر است ممکن است شما با همه ویژگی های وردپرس ...
جزییات بیشتر آموزش را بخوانید!

چرا سایت وردپرسی دیر لود میشود؟

3087
0
آیا سرعت لود شدن سایت شما پایین است؟ صفحات بارگذاری سریع تجربه کاربر را بهبود می بخشد و باعث می شود که بازدید از صفحات شما افزایش پیدا ...
جزییات بیشتر آموزش را بخوانید!

آموزش رفع ارور یک خطای مهم در این وب سایت رخ داده است

199
0
وردپرس به عنوان محبوب‌ترین سیستم مدیریت محتوای جهان دارای خطاهاری زیادی است که یکی از آنها "یک خطای مهم در وب سایت شما وجود دارد" است. این مشکل ...
جزییات بیشتر آموزش را بخوانید!

انواع مشکلات رایج آپلود نشدن عکس در وردپرس و نحوه رفع هر یک از آنها

1060
0
آیا در وب سایت وردپرس خود با مشکلات آپلود نشدن عکس در وردپرس روبه رو می شوید؟ به طور کلی؛ وقتی شما قصد دارید یک تصویر را در ...
جزییات بیشتر آموزش را بخوانید!

آموزش افزودن انیمیشن گیف ( GIF ) در نوشته های سایت وردپرسی

3415
0
آیا می خواهید GIF های متحرک را در پست های وبلاگ وردپرس خود اضافه کنید؟ گاهی اوقات هنگامی که یک GIF متحرک را در WordPress اضافه می کنید ...
جزییات بیشتر آموزش را بخوانید!

چطور مناسب ترین قالب وردپرس را برای وب سایت خود انتخاب کنیم؟

1570
0
سلام دوستان؛ انتخاب مناسب ترین قالب وردپرس ، یکی از ضروری ترین مواردی است که باید برای راه اندازی وب سایت خود، در نظر بگیرید.سوالی که معمولاً مطرح می شود ...
جزییات بیشتر آموزش را بخوانید!

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

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

جستجو کنید…

همکار ما شوید

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

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