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

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

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

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

مطالب مرتبط



بهترین ابزارهای دیجیتال مارکتینگ؛ 12 ابزار مهم و رایج بازاریابی دیجیتال و مارکترها

1161
0
دیجیتال مارکتینگ یا همان بازاریابی دیجیتال یکی از بخش های جذایی ناپذیر برای کسب و کارهای اینترنتی می باشد که به شما کمک می کند تا سایت خود ...
جزییات بیشتر آموزش را بخوانید!

آموزش نحوه اتصال اینستاگرام به سایت و بالعکس

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

مشکل بالا نیامدن پیشخوان وردپرس؛ رفع مشکل عدم ورود به پنل ادمین

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

مهم ترین نکات سئو وردپرس + 10 تکنیک و ترفند سئو در سال 2023

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

آموزش دستورات SSH و دستورات خط فرمان لینوکس

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

تفاوت Semrush و Ahrefs کدام بهتر است ؟

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

الگوریتم تازگی محتوا و یا Freshness Algorithm گوگل چیست؟

237
0
الگوریتم Freshness الگوریتمی است که اطلاعات را لحظه به لحظه و گاهی اوقات حتی تا ثانیه در صفحه نتایج برای کاربران نمایش می دهد. بنابراین می توان گفت ...
جزییات بیشتر آموزش را بخوانید!

گوگل آنالیتیکس چیست و مزایای استفاده از Google Analytics

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

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

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

جستجو کنید…

همکار ما شوید

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

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