چگونه رنگ ها را در وب سایت وردپرس خود سفارشی کنید
![چگونه رنگ ها را در وب سایت وردپرس خود سفارشی کنید_66d5bd76769e2png - مجله آموزشی تفریحی خالق چگونه رنگ ها را در وب سایت وردپرس خود سفارشی کنید](https://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd75baa8d.png)
چگونه رنگ ها را در وب سایت وردپرس خود سفارشی کنید
آیا می خواهید رنگ ها را در وب سایت وردپرس خود سفارشی کنید؟
رنگها نقشی حیاتی در زیباسازی وبسایت شما و تثبیت هویت برند آن دارند. خوشبختانه، وردپرس سفارشی کردن رنگ ها را در کل سایت شما بسیار آسان می کند.
در این مقاله به شما نشان خواهیم داد که چگونه به راحتی رنگ ها را در وب سایت وردپرس خود سفارشی کنید، از جمله پس زمینه، هدر، متن و رنگ پیوند.
![Customizing colors on WordPress website - مجله آموزشی تفریحی خالق Customizing colors on WordPress website](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd770dec0.png)
تئوری رنگ چیست؟
قبل از اینکه بتوانید سفارشی کردن رنگ ها را در وب سایت وردپرس خود شروع کنید ، درک نظریه رنگ مهم است.
تئوری رنگ مطالعه رنگ ها و نحوه کار آنها با یکدیگر است. این به طراحان کمک می کند تا ترکیب رنگ هایی ایجاد کنند که مکمل یکدیگر باشند.
هنگامی که طراحی وب سایت، باید رنگ هایی را انتخاب کنید که با هم خوب به نظر برسند. این باعث می شود وب سایت شما برای بازدیدکنندگان جذاب تر به نظر برسد، که می تواند تجربه کاربر را بهبود بخشد و تعامل را افزایش دهد.
رنگهای مختلف میتوانند عواطف و احساسات متفاوتی را در افراد برانگیزند و تئوری رنگ میتواند به شما در انتخاب ترکیب مناسب برای وبسایتتان کمک کند.
به عنوان مثال، قرمز اغلب برای نشان دادن غذا و رستوران ها. از طرفی رنگ آبی معمولا در وب سایت های بانکی و مالی استفاده می شود.
به این دلیل است که قرمز می تواند احساس گرما، انرژی و اشتیاق ایجاد کند، در حالی که آبی نشان دهنده اعتماد، امنیت و آرامش است.
![Color theory - مجله آموزشی تفریحی خالق Color theory](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd77962f4.jpeg)
علاوه بر مکمل رنگها، میتوانید از تضاد رنگ نیز برای جلب توجه به بخشهای مهم وبلاگ وردپرس.
این به شما امکان میدهد محتوای خود را خواناتر کنید، هویت برند قویتری ایجاد کنید و حالت خاصی را در وبسایت ایجاد کنید.
موضوعات وردپرس چیست و آیا می توانید قالب را تغییر دهید رنگ ها؟
مضامین وردپرس نحوه ظاهر وبسایت شما برای کاربر را کنترل میکند. یک پوسته معمولی وردپرس مجموعه ای از قالب های از پیش طراحی شده است که برای تغییر ظاهر و چیدمان آن در وب سایت خود نصب می کنید.
موضوعات وبسایت شما را جذابتر، استفاده آسانتر و افزایش تعامل میکنند.
![Themes - مجله آموزشی تفریحی خالق Themes](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd78679c2.jpeg)
همچنین میتوانید با استفاده از افزونههایی مانند SeedProd و Thrive Theme Builder.
با وردپرس، میتوانید به راحتی تمها را سفارشی کنید و پسزمینه، فونتها، دکمهها و رنگ پیوند آنها را تغییر دهید.
با این حال، به خاطر داشته باشید که برخی از تم ها با انتخاب های رنگی از پیش تعریف شده ارائه می شوند، در حالی که برخی دیگر انعطاف پذیری بیشتری برای انتخاب خود ارائه می دهند.
با توجه به آنچه گفته شد، بیایید ببینیم چگونه می توانید رنگ ها را به راحتی در وردپرس سفارشی کنید. میتوانید از پیوندهای سریع زیر برای پرش به بخشهای مختلف آموزش ما استفاده کنید:
نحوه سفارشی کردن رنگ ها در وردپرس
میتوانید رنگها را در وردپرس با استفاده از روشهای مختلف سفارشی کنید، از جمله سفارشیسازی تم، ویرایشگر کامل سایت، CSS سفارشی، افزونههای سازنده صفحه و موارد دیگر.
تغییر رنگ ها با استفاده از تم سفارشی کننده
تغییر رنگها با استفاده از سفارشی کننده تم وردپرس.
ابتدا، از صفحه ظاهر » سفارشی کردن از نوار کناری سرپرست بازدید کنید.
توجه: اگر نمیتوانید برگه «سفارشی کردن» را در داشبورد وردپرس خود پیدا کنید، به این معنی است که از یک تم بلوک استفاده میکنید. برای اطلاع از نحوه تغییر رنگ در طرح زمینه بلوک، به بخش بعدی این آموزش بروید.
برای این آموزش، از تم پیشفرض بیست و بیست و یک استفاده خواهیم کرد.
به خاطر داشته باشید که بسته به موضوعی که در حال حاضر از آن استفاده می کنید، ممکن است سفارشی کننده تم متفاوت به نظر برسد.
![Click on the Color and dark mode panel in the theme customizer - مجله آموزشی تفریحی خالق Click on the Color and dark mode panel in the theme customizer](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd791d2f8.png)
به عنوان مثال، تم Twenty Twenty-One با پانل “Colors and Dark Mode” ارائه می شود که به کاربران امکان می دهد رنگ پس زمینه را انتخاب کرده و حالت تاریک.
پس از باز کردن پانل، به سادگی روی گزینه “انتخاب رنگ” کلیک کنید. با این کار Color Picker باز می شود، جایی که می توانید رنگ پس زمینه دلخواه خود را انتخاب کنید.
هنگامی که کارتان تمام شد، فراموش نکنید که روی دکمه «انتشار» در بالا کلیک کنید تا تغییرات خود را ذخیره کرده و در وبسایت خود فعال کنید.
![Change the bacground color in the theme customizer - مجله آموزشی تفریحی خالق Change the bacground color in the theme customizer](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd79e7ef6.jpeg)
تغییر رنگ ها در ویرایشگر کامل سایت
اگر از طرح زمینه مبتنی بر بلوک، پس به سفارشیکننده طرح زمینه دسترسی نخواهید داشت. با این حال، می توانید از ویرایشگر کامل سایت (FSE) برای تغییر رنگ در وب سایت خود استفاده کنید.
ابتدا، از نوار کناری مدیریت به صفحه Appearance » Editor بروید تا ویرایشگر کامل سایت را راه اندازی کنید. اکنون، باید روی نماد «Styles» در گوشه سمت راست بالای صفحه کلیک کنید.
![Click on the Styles icon and choose the Colors panel - مجله آموزشی تفریحی خالق Click on the Styles icon and choose the Colors panel](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd7aa36b6.png)
با این کار ستون «سبکها» باز میشود، جایی که باید روی پانل «رنگها» کلیک کنید.
از اینجا میتوانید پسزمینه، متن، پیوند، عنوان و رنگ دکمههای طرح زمینه را تغییر دهید.
![Open Styles panel to save changes - مجله آموزشی تفریحی خالق Open Styles panel to save changes](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd7b677d2.jpeg)
پس از اتمام کار، روی دکمه “ذخیره” کلیک کنید تا تنظیمات شما ذخیره شود.
تغییر رنگ ها با استفاده از CSS سفارشی
CSS یک زبان برنامه نویسی است که می توانید از آن برای تغییر ظاهر بصری استفاده کنید. وب سایت شما، از جمله رنگ های آن. میتوانید CSS سفارشی در تنظیمات تم خود برای اعمال سفارشی سازی های خود در کل سایت شما.
با این حال، اگر تم ها را در وب سایت خود تغییر دهید یا طرح زمینه موجود خود را به روز کنید، کد CSS سفارشی دیگر اعمال نمی شود.
به همین دلیل است که توصیه می کنیم از WPCode استفاده کنید. بهترین افزونه قطعه کد وردپرس در بازار. این ساده ترین راه برای افزودن کد CSS سفارشی است و به شما این امکان را می دهد که با خیال راحت رنگ ها را در وب سایت وردپرس خود سفارشی کنید.
ابتدا، باید WPCode را نصب و فعال کنید. افزونه. برای دستورالعملهای بیشتر، لطفاً راهنمای مبتدیان ما را در نحوه نصب افزونه وردپرس.
توجه: همچنین یک نسخه رایگان WPCode که می توانید از آن استفاده کنید. با این حال، توصیه می کنیم برای باز کردن پتانسیل کامل افزونه، به یک برنامه پولی ارتقا دهید.
پس از فعالسازی، از صفحه قطعات کد » + افزودن قطعه از نوار کناری مدیریت وردپرس دیدن کنید.
در اینجا، به سادگی روی دکمه “Use Snippet” در زیر گزینه “Add Your Custom Code (New Snippet)” کلیک کنید.
![Add new snippet - مجله آموزشی تفریحی خالق Add new snippet](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd7c1e11e.png)
هنگامی که در صفحه “ایجاد قطعه سفارشی” قرار گرفتید، می توانید با تایپ یک نام برای کد خود شروع کنید.
پس از آن، فقط «قطعه CSS» را به عنوان «نوع کد» از منوی کشویی انتخاب کنید.
![Choose CSS Snippet as the code type - مجله آموزشی تفریحی خالق Choose CSS Snippet as the code type](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd7cab960.png)
برای این بخش، کد CSS سفارشی را اضافه می کنیم که رنگ متن را در وب سایت تغییر می دهد:
به سادگی کد CSS سفارشی را در کادر «پیشنمایش کد» اضافه کنید.
![Add CSS code - مجله آموزشی تفریحی خالق Add CSS code](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd7d8b50f.png)
هنگامی که این کار را انجام دادید، به بخش “درج” بروید.
در اینجا، اگر میخواهید کد پس از فعالسازی بهطور خودکار اجرا شود، میتوانید گزینه «درج خودکار» را انتخاب کنید.
همچنین میتوانید یک کد کوتاه به صفحات یا پست های وردپرس خاص اضافه کنید.
![Choose an insertion method - مجله آموزشی تفریحی خالق Choose an insertion method](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd7e54865.png)
پس از اتمام کار، به بالای صفحه برگردید و سوئیچ “غیر فعال” را روی “فعال” تغییر دهید.
در نهایت، باید روی دکمه “ذخیره قطعه” کلیک کنید تا کد CSS را در وب سایت خود اعمال کنید.
![Activate and save the CSS Snippet - مجله آموزشی تفریحی خالق Activate and save the CSS Snippet](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd7f0be1e.png)
تغییر رنگ ها با استفاده از SeedProd
همچنین میتوانید رنگها را با استفاده از SeedProd سفارشی کنید افزونه.
این بهترین صفحه ساز وردپرس در بازار که به شما امکان می دهد بدون استفاده از هیچ کدی، تم ها را از ابتدا ایجاد کنید.
ابتدا، باید SeedProd. برای جزئیات بیشتر، میتوانید راهنمای مبتدیان ما را در نحوه نصب افزونه وردپرس.
پس از فعالسازی، به صفحه SeedProd » Theme Builder از نوار کناری مدیریت وردپرس بروید.
از اینجا، روی دکمه «کیتهای قالب تم» در بالا کلیک کنید.
توجه: اگر میخواهید طرح زمینه خود را از ابتدا ایجاد کنید، باید به جای آن روی دکمه «+ افزودن قالب تم جدید» کلیک کنید.
![Click the Theme Template Kit button to create a theme - مجله آموزشی تفریحی خالق Click the Theme Template Kit button to create a theme](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd7fba5a7.png)
این شما را به صفحه «انتخاب کننده کیت قالب تم» میبرد. در اینجا، میتوانید یکی از قالبهای تم از پیش ساخته شده توسط SeedProd را انتخاب کنید.
برای جزئیات بیشتر، به آموزش ما در چگونه به راحتی یک پوسته وردپرس بدون هیچ کدی ایجاد کنیم.
![Choose a theme template - مجله آموزشی تفریحی خالق Choose a theme template](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd8086a58.jpeg)
پس از انتخاب یک موضوع، به صفحه “الگوهای تم” هدایت خواهید شد.
در اینجا، سوئیچ “فعال کردن تم SeedProd” را روی “بله” تغییر دهید تا طرح زمینه فعال شود.
اکنون، باید روی پیوند “ویرایش طراحی” در زیر هر صفحه تم کلیک کنید تا ویرایشگر کشیدن و رها کردن باز شود.
![Toggle the switch to enable the theme and click on Edit Design link to open editor - مجله آموزشی تفریحی خالق Toggle the switch to enable the theme and click on Edit Design link to open editor](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd813a3ff.png)
وقتی آنجا شدید، روی نماد چرخدنده در پایین ستون سمت چپ کلیک کنید.
این شما را به تنظیمات «CSS جهانی» هدایت میکند.
![Click the gear icon to open up the Global CSS page - مجله آموزشی تفریحی خالق Click the gear icon to open up the Global CSS page](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd828825a.png)
از اینجا میتوانید رنگهای پسزمینه وبسایت، متن، دکمهها، پیوندها و موارد دیگر را سفارشی کنید.
هنگامی که از انتخاب های خود راضی بودید، روی دکمه “ذخیره” کلیک کنید تا تنظیمات شما ذخیره شود.
![Customize colors on the Global Settings page - مجله آموزشی تفریحی خالق Customize colors on the Global Settings page](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd835519b.png)
نحوه تغییر رنگ پس زمینه در وردپرس
همه تم های وردپرس دارای یک رنگ پس زمینه پیش فرض هستند. با این حال، می توانید به راحتی آن را تغییر دهید تا وب سایت خود را شخصی کنید و خوانایی آن را بهبود ببخشید.
اگر از یک تم بلوک استفاده میکنید، باید رنگ پسزمینه را با استفاده از ویرایشگر کامل سایت تغییر دهید.
ابتدا، باید از داشبورد وردپرس به صفحه ظاهر » ویرایشگر مراجعه کنید.
با این کار ویرایشگر کامل سایت راهاندازی میشود، جایی که باید روی نماد «سبکها» در گوشه سمت راست بالای صفحه کلیک کنید.
پس از آن، به سادگی روی پانل “Colors” کلیک کنید تا تنظیمات اضافی باز شود
![Click on the Styles icon and choose the Colors panel - مجله آموزشی تفریحی خالق Click on the Styles icon and choose the Colors panel](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd841f95f.png)
در این پانل، اکنون می توانید رنگ پیش فرض عناصر مختلف در وب سایت خود را مدیریت کنید.
در اینجا، باید روی گزینه “پس زمینه” در زیر بخش “Elements” کلیک کنید.
![Choose the Background option in the Colors panel - مجله آموزشی تفریحی خالق Choose the Background option in the Colors panel](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd85d9fd8.png)
پس از گسترش این پانل، می توانید رنگ پس زمینه وب سایت خود را از اینجا انتخاب کنید.
تمام قالبهای وردپرس تعدادی رنگ وبسایت پیشفرض را ارائه میدهند که میتوانید از بین آنها انتخاب کنید.
با این حال، اگر می خواهید از یک رنگ سفارشی استفاده کنید، باید بر روی ابزار Custom Color کلیک کنید. با این کار Color Picker باز می شود، جایی که می توانید رنگ دلخواه خود را انتخاب کنید.
![Choose a background color from the Color Picker - مجله آموزشی تفریحی خالق Choose a background color from the Color Picker](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd86c1cc4.jpeg)
همچنین می توانید از رنگ های گرادیان برای پس زمینه وب سایت خود استفاده کنید.
برای این کار، ابتدا باید به برگه “Gradient” در بالا بروید.
در مرحله بعد، میتوانید یک گرادیان پیشفرض از موضوع انتخاب کنید یا رنگهای گرادیان خود را با کمک ابزار Color Picker انتخاب کنید.
![Create a gradient background color - مجله آموزشی تفریحی خالق Create a gradient background color](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd87572b3.jpeg)
پس از اتمام کار، فراموش نکنید که روی دکمه “ذخیره” کلیک کنید تا تنظیمات خود را ذخیره کنید.
همچنین میتوانید پسزمینه وبسایت خود را با استفاده از سفارشیکننده تم، SeedProd و CSS سفارشی تغییر دهید.
برای دستورالعملهای دقیقتر، ممکن است بخواهید راهنمای مبتدیان ما را در نحوه تغییر رنگ پس زمینه در وردپرس.
بسیاری از تم های وردپرس با یک هدر داخلی در بالای صفحه ارائه می شوند. معمولاً حاوی پیوندهای صفحه مهم، نمادهای اجتماعی، CTA و موارد دیگر.
![The WPBeginner Header - مجله آموزشی تفریحی خالق The WPBeginner Header](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd88052d4.png)
اگر از یک تم بلوک استفاده می کنید، می توانید به راحتی هدر وردپرس را با استفاده از ویرایشگر کامل سایت سفارشی کنید.
ابتدا، باید از صفحه Appearance » Editor از نوار کناری مدیریت بازدید کنید تا ویرایشگر کامل سایت را راه اندازی کنید. پس از آن، با دوبار کلیک کردن روی آن، الگوی “Header” را در بالا انتخاب کنید.
این تنظیمات هدر را در پانل بلوک در سمت راست باز می کند. در اینجا، باید به قسمت “Color” بروید و روی گزینه “Background” کلیک کنید.
![Double click the Header block to open up its settings in the right column - مجله آموزشی تفریحی خالق Double click the Header block to open up its settings in the right column](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd888f5b5.jpeg)
این یک پنجره بازشو باز میکند که در آن میتوانید یک رنگ پیشفرض برای هدر خود انتخاب کنید.
همچنین میتوانید با باز کردن ابزار Color Picker، یک رنگ سفارشی را انتخاب کنید.
![Choose a header color - مجله آموزشی تفریحی خالق Choose a header color](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd89471f4.jpeg)
برای سفارشی کردن هدر خود با استفاده از گرادیان رنگ، باید به برگه “Gradient” بروید.
پس از آن، میتوانید یک گزینه گرادیان پیشفرض را انتخاب کنید یا با استفاده از Color Picker، گزینهی خود را سفارشی کنید.
![Create a gradient header - مجله آموزشی تفریحی خالق Create a gradient header](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd89f014c.jpeg)
در نهایت، روی دکمه “ذخیره” کلیک کنید تا تنظیمات شما ذخیره شود.
اگر میخواهید رنگ سرصفحه را با استفاده از سفارشیکننده تم یا CSS اضافی تغییر دهید، ممکن است بخواهید راهنمای مبتدیان ما را در چگونه هدر وردپرس خود را سفارشی کنیم.
نحوه تغییر رنگ متن در وردپرس
تغییر رنگ متن می تواند به بهبود خوانایی وبلاگ وردپرس شما کمک کند.
اگر از یک تم بلوک استفاده می کنید، باید رنگ متن را با استفاده از ویرایشگر کامل سایت تغییر دهید.
می توانید با مراجعه به صفحه Appearance » ویرایشگر از ناحیه مدیریت وردپرس شروع کنید. با این کار ویرایشگر کامل سایت راه اندازی می شود، جایی که باید روی نماد «سبک ها» در گوشه سمت راست بالا کلیک کنید.
![Go to the Colors panel from the full site editor - مجله آموزشی تفریحی خالق Go to the Colors panel from the full site editor](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd8b14f3f.jpeg)
برای دسترسی به تنظیمات اضافی ، بر روی پانل “رنگ” کلیک کنید.
پس از آنجا که در آنجا هستید ، پیش بروید و روی گزینه “متن” در زیر بخش “عناصر” کلیک کنید.
<شکل کلاس = "wp-block-image size-full"> شکل >
پس از باز شدن تنظیمات رنگ متن ، شما می توانید تعدادی رنگ متن را در زیر بخش “پیش فرض” مشاهده کنید.
در عوض ، می توانید با کلیک بر روی ابزار رنگی سفارشی و باز کردن انتخاب رنگ ، از رنگ متن سفارشی استفاده کنید.
<شکل کلاس = "wp-block-image size-full"> پس از انتخاب خود ، به سادگی روی دکمه “ذخیره” کلیک کنید تا تغییرات را ذخیره کنید.
نکته جایزه: شما می توانید از ابزار Contrast Contrast Checker ابزار برای بررسی اینکه آیا پس زمینه و رنگ متن شما با هم کار می کنند. این ابزار می تواند به شما در بهبود خوانایی متن در وب سایت خود کمک کند.
<شکل کلاس = "wp-block-image size-full">
برای سفارشی کردن رنگ متن با استفاده از CSS ، موضوع سفارشی یا SeedProd ، ممکن است بخواهید راهنمای Step-by-Step ما را در چگونه می توان رنگ متن را در وردپرس تغییر داد .
How to Change the Text Selection Color in WordPress
هنگامی که یک بازدید کننده متن را در وب سایت شما انتخاب می کند ، رنگ پس زمینه را نشان می دهد. رنگ پیش فرض آبی است.
<شکل کلاس = "wp-block-image size-full"> با این حال ، گاهی اوقات ، رنگ ممکن است به خوبی با موضوع وردپرس شما مخلوط نشود ، و ممکن است بخواهید آن را تغییر دهید.
افزودن کد CSS به پرونده های تم شما می تواند به راحتی رنگ انتخاب متن را تغییر دهد. با این حال ، به خاطر داشته باشید که جابجایی به موضوع دیگر یا به روزرسانی موضوع فعلی شما باعث می شود کد CSS از بین برود.
به همین دلیل توصیه می کنیم از استفاده کنید. بهترین افزونه قطعه کد وردپرس در بازار.
ابتدا ، شما باید نحوه نصب افزونه WordPress.
پس از فعال سازی ، به قطعه کد کد بروید ”
سپس ، به سادگی روی دکمه “استفاده از snippet” در زیر گزینه “اضافه کردن کد سفارشی خود (قطعه جدید)” کلیک کنید.
<شکل کلاس = "wp-block-image size-full">
هنگامی که در صفحه “ایجاد قطعه سفارشی” قرار دارید ، می توانید با تایپ کردن یک نام برای قطعه کد خود شروع کنید.
پس از آن ، “CSS Snippet” را به عنوان “نوع کد” از منوی کشویی در سمت راست انتخاب کنید.
<شکل کلاس = "wp-block-image size-full">
اکنون ، پیش بروید و کد CSS زیر را در کادر “پیش نمایش کد” کپی و چسباند:
::-moz-selection {
پس زمینه رنگ: #ff6200 ؛
رنگ: #fff;
}
:: انتخاب
پس زمینه رنگ: #ff6200 ؛
رنگ: #fff;
}
شما می توانید با جایگزین کردن کد HEX در کنار پس زمینه رنگ
در قطعه CSS ، رنگ انتخاب متن را تغییر دهید.
پس از افزودن کد ، به بخش “درج” بروید.
در اینجا ، روش “درج خودکار” را برای اجرای خودکار پس از فعال سازی انتخاب کنید.
![Choose an insertion method - مجله آموزشی تفریحی خالق Choose an insertion method](http://khalg.ir/wp-content/uploads/2024/09/da86daafd988d986d987-d8b1d986daaf-d987d8a7-d8b1d8a7-d8afd8b1-d988d8a8-d8b3d8a7db8cd8aa-d988d8b1d8afd9bed8b1d8b3-d8aed988d8af-d8b3d981_66d5bd90b0f39.png)
پس از آن ، به بالا برگردید و سوئیچ “غیرفعال” را به “فعال” تغییر دهید.
سرانجام ، پیش بروید و بر روی دکمه “Save Snippet” کلیک کنید تا تغییرات خود را ذخیره کنید.
<شکل کلاس = "wp-block-image size-full">
اکنون می توانید برای بررسی رنگ انتخاب متن به وب سایت خود مراجعه کنید.
همچنین می توانید رنگ انتخاب متن را با استفاده از موضوع سفارشی یا افزونه تغییر دهید. برای اطلاعات بیشتر ، لطفاً به آموزش ما در مورد چگونه می توان رنگ انتخاب متن پیش فرض را در وردپرس تغییر داد .
<شکل کلاس = "wp-block-image size-full">
چگونه می توان رنگ پیوند را در وردپرس تغییر داد
شما می توانید به راحتی با استفاده از ویرایشگر سایت کامل یا CSS سفارشی ، رنگ پیوند را در وردپرس تغییر دهید.
اگر از یک موضوع بلوک استفاده می کنید ، سپس به صفحه نمایش
ویرایشگر از نوار کناری مدیر بروید.
پس از باز کردن ویرایشگر کامل سایت ، روی نماد “سبک” در گوشه بالا سمت راست کلیک کنید.
<شکل کلاس = "wp-block-image size-full"> < /شکل>
بعد ، روی صفحه “رنگ” در ستون سمت راست کلیک کنید تا تنظیمات اضافی را ببینید.
پس از آنجا که در آنجا هستید ، به سادگی روی برگه “پیوندها” کلیک کنید.
<شکل کلاس = "wp-block-image size-full">
این تنظیمات رنگ پیوند را راه اندازی می کند ، و چندین رنگ پیوند پیش فرض نمایش داده شده در ستون سمت راست را مشاهده خواهید کرد.
با این حال ، می توانید با کلیک بر روی ابزار Custom Color برای باز کردن انتخاب رنگ ، از یک رنگ پیوند سفارشی استفاده کنید.
<شکل کلاس = "wp-block-image size-full"> < /شکل>
همچنین می توانید با استفاده از FSE رنگ پیوند Hover را تغییر دهید. این بدان معنی است که وقتی شخصی ماوس خود را روی آن معلق می کند ، رنگ پیوند تغییر خواهد کرد.
ابتدا ، شما باید از بالا به برگه “Hover” بروید.
یک بار در آنجا ، می توانید یک رنگ پیش فرض یا سفارشی را برای تغییر رنگ پیوند شناور انتخاب کنید.
<شکل کلاس = "wp-block-image size-full">
در آخر ، برای ذخیره تنظیمات خود بر روی دکمه “ذخیره” کلیک کنید.
برای دستورالعمل های بیشتر ، شما ممکن است بخواهید راهنمای مبتدی ما را در نحوه تغییر رنگ پیوند در وردپرس .
چگونه تغییر رنگ سرپرست در وردپرس
همچنین می توانید در صورت تمایل می توانید طرح رنگ مدیر را در وردپرس تغییر دهید. اگر می خواهید داشبورد سرپرست با مارک وب سایت شما مطابقت داشته باشد یا از رنگهای مورد علاقه خود استفاده کند ، این روش می تواند مفید باشد.
با این حال ، به خاطر داشته باشید که تغییر طرح رنگ داشبورد وردپرس بر قسمت قابل مشاهده وب سایت شما تأثیر نمی گذارد.
برای تغییر طرح رنگ مدیر ، به سادگی از صفحه کاربران » از داشبورد وردپرس بازدید کنید.
در اینجا ، چندین طرح رنگی را در کنار گزینه “طرح رنگ مدیر” مشاهده خواهید کرد.
یکی را که ترجیح می دهید انتخاب کنید و سپس روی دکمه “به روزرسانی پروفایل” در پایین صفحه کلیک کنید تا تغییرات خود را ذخیره کنید.
<شکل کلاس = "wp-block-image size-full"> 3>>
برای دستورالعمل های بیشتر ، لطفاً به راهنمای مبتدی ما در چگونه می توان طرح رنگ سرپرست را در وردپرس تغییر داد .
جایزه: حرفه ای ها را استخدام کنید تا وب سایت خود را طراحی کنید
اگر احساس می کنید کار زیادی برای سفارشی کردن قسمت جلوی وب سایت خود توسط خودتان است ، می توانید به سادگی برخی از متخصصان را استخدام کنید تا آن را برای شما طراحی کنند.
برای این کار ، ما توصیه می کنیم. تیم ما یک دهه تجربه در ساخت وب سایت ها برای سوله ها و صنایع مختلف دارد و می تواند هر نوع سایت مورد نظر خود را ایجاد کند ، از جمله یک فروشگاه WooCommerce ، صفحات فرود ، سایت تجاری کوچک و موارد دیگر.
<شکل کلاس = "wp-block-image size-full"> >
WPBeginne همچنین خدماتی را برای افزایش سرعت سایت شما ، تعمیر سایت هک شده و نگهداری منظم سایت ارائه می دهد. برای کسب اطلاعات بیشتر ، می توانید صفحه ما را در خدمات حرفه ای از wpbeginner .
مشاهده کنید.
امیدواریم این مقاله به شما کمک کند یاد بگیرید که چگونه رنگ ها را در وب سایت وردپرس خود تنظیم کنید. شما همچنین ممکن است بخواهید راهنمای نهایی SEO وردپرس و مقاله ما در نحوه انتخاب یک طرح رنگی مناسب برای وب سایت وردپرس خود .
اگر این مقاله را دوست داشتید، لطفاً در کانال یوتیوب برای آموزش های ویدیویی وردپرس. همچنین میتوانید ما را در تویتر و فیس بوک.