چگونه CSS وب سایت وردپرس خود را شخصی سازی کنیم؟ در این مقاله اطلاعات کسب کنید.

Peu importe le thème WordPress que vous choisissez pour votre site web, il y aura d'autres sites internet qui utiliseront ce dernier. Et même malgré les nombreuses options de personnalisation offertes par de nombreux thèmes WordPress de nos jours, vous pouvez rendre votre site web encore plus unique.

ریختن vraiment toucher l'aspect visuel de votre thème WordPress, vous devez aller au-delà de la personnalisation standard offerte par les options ou paramètres d'un thème WordPress. La personnalisation CSS de votre blog WordPress vous permettra de modifier l'apparence de votre site web pour rendre ce dernier vraiment unique.

این آموزش به بررسی انواع روش‌های موجود برای سفارشی‌سازی وب‌سایت شما با CSS، ایجاد و سفارشی‌سازی قالب‌های فرزند، استفاده از افزونه‌های سفارشی‌سازی داخلی وردپرس و افزونه‌های CSS وردپرس می‌پردازد.

اما قبل از شروع ، وقت بگذارید تا نگاهی بیندازید چگونه برای نصب یک تم وردپرس, چگونه بسیاری از پلاگین ها باید بر روی وردپرس نصب کنم.

سپس لیست ما را با هم پیدا کنید.

CSS: اصول و نحوه استفاده وردپرس از آنها

Tout d'abord : CSS signifie شیوه نامه های آبشاری, qui n'est d'avantage pas plus claire que le sigle. Donc, nous allons le décomposer.

شیوه نامه سندی است که سبک ها را توصیف می کند (مانند فونت، رنگ و غیره.) à utiliser pour la présentation d'un autre document. Dans notre cas, nous sommes en présence d'un style des pages Web.

قسمتآبشاری» du nom fait partie de ce qui le rend vraiment puissant. Les pages Web peuvent être conçues avec de multiples feuilles de style, comme une chute d'eau en cascade, avec la feuille inférieure en ajoutant ou en remplaçant les styles d'un niveau supérieur. Ceci est important, car de la façon dont vous ajouterez vos styles, ceux-ci écraseront les modifications originales.

Aussi simplement que cela puisse paraître, le CSS peut être utilisé pour modifier à peu près tout l'aspect d'une page Web (از جمله طرح ، رنگ ها ، فونت ها و حتی انیمیشن ها).

بیاموزید که چگونه می توانید اعلان های خود را با کشف مدیریت کنید چگونه برای مدیریت اطلاعیه ها ایمیل در وردپرس

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

Il existe plusieurs façons d'ajouter un کد CSS سفارشی به موضوع وردپرس خود تغییر دهید تا تغییرات شما در به روزرسانی موضوع وردپرس زنده بمانند.

چگونه وب سایت وردپرس خود را با CSS شخصی سازی کنیم

Maintenant que vous comprenez mieux ce qu'est le CSS et comment les thèmes WordPress les utilisent, nous allons jeter un coup d'œil aux options que vous pouvez utiliser pour personnaliser votre blog WordPress, et nous allons discuter sur les avantages et les inconvénients de chaque méthode.

A l'issue de notre travail, vous serez en mesure de déterminer quelle méthode correspond à votre thème WordPress.

گزینه # 1: CSS را با استفاده از یک موضوع کودک سفارشی کنید

اگر شما استفاده از un تم کودک afin de personnaliser votre code CSS, les mises à jour des thèmes dont nous avons parlé avant ne sera plus un problème. Une mise à jour d'un thème WordPress aura une incidence sur le thème «پدر یا مادر», laissant les changements sur votre thème enfant intactes. De nombreux développeurs de thèmes WordPress comprennent l'utilité d'un thème enfant.

کشف کی و چگونه به نصب وردپرس در یک دایرکتوری فرعی

La création d'un thème enfant est assez simple. Il consiste à créer un dossier sur votre hébergement web qui comprend un fichier را ببندید که موضوع والدین را به عنوان یک الگو لیست می کند و پرونده واردات را وارد می کند را ببندید از موضوع والدین (آیا معنی ورق های سبک "آبشار" را به یاد دارید؟).

کد وردپرس dispose de plus d'informations sur la création des thèmes enfants.

Une fois que vous avez créé votre thème enfant et que vous l'avez correctement activé, vous pouvez commencer à personnaliser votre thème WordPress. La façon la plus rapide sera de modifier votre fichier را ببندید، که از دو طریق قابل دسترسی است.

برای کشف این مقاله را بررسی کنید چگونه فشرده سازی فایل های CSS، HTML و Javascript

La première consiste à utiliser l'éditeur inclus dans le tableau de bord de WordPress, en cliquant sur ظاهر> ویرایشگر. L 'ویرایشگر لیستی از پرونده ها را در سمت راست موجود در موضوع نمایش می دهد (فقط پرونده های محبوب نمایش داده می شوند). فایل شما را ببندید sera tout en bas de la liste, et en cliquant sur l'option ورق سبک فایل شما را ببندید شارژ خواهد شد

می توانید تغییرات خود را به این مکان اضافه کنید و تغییر را ذخیره کنید.

L'autre façon d'accéder à votre fichier را ببندید (توصیه ما) برای مرور پرونده ها در هاستینگ وب از طریق a سرویس گیرنده FTP ou un gestionnaire de fichiers. Le dossier du thème enfant que vous avez créé sera dans le dossier "موضوعات wp-content>". شما می توانید از یک ویرایشگر متن برای ویرایش پرونده استفاده کنید را ببندید.

گزینه شماره 2: CSS را از Customizer شخصی سازی کنید

از وردپرس 4.7 ، کاربران می توانند CSS سفارشی را مستقیماً از قسمت مدیر وردپرس اضافه کنند. این فوق العاده آسان است و شما می توانید تغییرات خود را با پیش نمایش در زمان واقعی مشاهده کنید.

ابتدا باید به صفحه بروید مضامین »سفارشی سازی.

با این کار رابط سفارشی سازی قالب وردپرس راه اندازی می شود.

پیش نمایش وب سایت خود را در زمان واقعی با چند گزینه در پنجره سمت چپ مشاهده خواهید کرد. روی برگه کلیک کنید CSS اضافی در سمت چپ

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

می توانید همچنان به افزودن کد CSS سفارشی ادامه دهید ، تا زمانی که از نحوه نمایش آن در وب سایت خود راضی باشید. فراموش نکنید که روی "کلیک کنید ذخیره و انتشار در انتها وقتی کارتان تمام شد.

توجه داشته باشید: هر CSS سفارشی که با استفاده از Customizer اضافه می کنید فقط با آن تم خاص وردپرس در دسترس است. اگر می خواهید از آن با مضامین دیگر استفاده کنید ، باید با استفاده از همان روش ، موضوع جدید خود را کپی و جایگذاری کنید.

گزینه # 3: CSS را با استفاده از یک افزونه شخصی سازی کنید

L'avantage d'utiliser un plugin pour la personnalisation CSS est que vous gardez le plugin même si vous faites un changement de thème WordPress. Cela a ses compromis, car les styles ne peuvent pas bien s'afficher sur tous les thèmes WordPress.

در اینجا چند پلاگین وجود دارد:

1. CSS سفارشی در Jetpack (رایگان)

این پلاگین وردپرس Jetpack  est installé sur plus d'un million de sites web WordPress, et probablement le vôtre également. Il apporte des fonctionnalités disponibles sur WordPress.com برای وب سایت های خود میزبان ، و همچنین ارائه می دهد ماژول سفارشی سازی CSS.

Une fois que le module est activé dans le tableau de bord Jetpack, un éditeur CSS personnalisé sera disponible, permettant de personnaliser votre thème WordPress sans créer un thème enfant. Vous accédez à l'éditeur en suivant ce chemin "ظاهر> ویرایش CSS".

2. CSS ساده سفارشی (رایگان)

اگر در عوض شما یک گزینه مستقل را می خواهید، ساده CSS سفارشی انتخاب خوبی است این افزونه رایگان که در بیش از بیش از وب سایت های 200.000 با رتبه ستاره های 4,9 مورد استفاده قرار می گیرد ، مطمئناً به شما در شخصی سازی وبلاگ CSS WordPress کمک می کند.

Ce plugin ne nécessite aucune configuration, il suffit juste d'installer et d'activer le plugin. Pour modifier votre code CSS, accédez à "ظاهر> CSS سفارشی" dans le tableau de bord WordPress. Appliquez vos modifications CSS dans la zone de texte et une fois que c'est fait, sauvegardez vos réglages.

3. CSS Hero (از 14 دلار در سال)

La dernière option du plugin WordPress que nous examinons aujourd'hui est un plugin WordPress premium appelé قهرمان CSS. از 14 $ در سال برای یک وب سایت ، این افزونه به شما امکان می دهد تا تم وردپرس خود را با استفاده از یک رابط بصری تنظیم کنید.

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

CSS Hero supprime la nécessité de comprendre la syntaxe de CSS en simplifiant l'interaction avec le code via une interface, et ceci vaut pour les animations et les transitions. Vous pouvez également prévisualiser vos modifications en temps réel, et revenir à une version précédente.

یافتن نحوه جابجایی نظرات از یک مقاله به مقاله دیگر در وردپرس

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

Alors que vous savez que le contenu est important, vous souhaiterez cependant que votre site web se démarque des autres, même si vous utilisez un thème WordPress populaire. Avec le CSS, vous pouvez personnaliser le design de votre site web afin qu'il soit complètement unique.

با کشف بیشتر پیش بروید چگونه کاربران را قادر به ویرایش صفحات خاص

بنابراین روشهای مختلفی برای شخصی سازی CSS از موضوع وردپرس وجود دارد:

1. یک موضوع کودک.
2. Customizer.
3. پلاگین CSS

همچنین برخی از افزونه های برتر WordPress را کشف کنید  

شما می توانید از سایر افزونه های وردپرس استفاده کنید تا ظاهری مدرن و بهینه سازی چنگال وبلاگ یا وب سایت خود داشته باشید.

ما در اینجا برخی از افزونه های برتر وردپرس را به شما پیشنهاد می دهیم که در انجام این کار به شما کمک می کنند.

1. Adning تبلیغاتی

WP PRO System Advertising یک افزونه مدیریت تبلیغات WordPress است که مکانهای استراتژیک 18 را برای شما در نمایش تبلیغات در وب سایت خود ارائه می دهد. همچنین دارای یک بخش آماری دقیق است که از آن می توانید عملکرد هر تبلیغ را مشاهده کنید.

Cette fonctionnalité est cruciale car elle vous aidera à améliorer votre campagne et à maximiser vos profits. Ce plugin WordPress Adsense est également livré avec une fonctionnalité unique appelée annonces en arrière-plan. Elle vous permet d'afficher des annonces en tant qu'arrière-plan de votre contenu.

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

دانلود | نسخه ی نمایشی | میزبانی وب

2. WP Media File Manager

WP Media File Manager est un plugin WordPress qui permet d’organiser facilement la bibliothèque multimédia dans une forme de hiérarchie, à l'aide de la fonctionnalité Drag and Drop. C'est l'un des plugins WordPress les plus puissants du gestionnaire de fichiers sur CodeCanyon. Vous n'aurez même pas besoin de créer des dossiers manuellement.

Ce plugin WordPress  permet de mettre en ligne des milliers de fichiers du gestionnaire de fichiers de votre PC sur le site Web en copiant  automatiquement la hiérarchie du dossier source. Si vous souhaitez avoir le même fichier dans différents dossiers, sachez que vous disposez désormais d'une véritable bibliothèque multimédias qui fournit cette fonctionnalité.

Adieu les problèmes de téléchargement des types de fichiers spécifiques, désormais vous n'aurez qu'à installer ce plugin WordPress et de laisser ce dernier vous accompagner dans la gestion de vos fichiers .

دانلود | نسخه ی نمایشی | میزبانی وب

3. منو قهرمان

Hero Menu یک افزونه مگامنو وردپرس است. و اگرچه کار خاص و ویژه‌ای انجام نمی‌دهد، اما تمام ویژگی‌های لازم را فقط با ۱۹ دلار ارائه می‌دهد. دقیقاً مانند Mega Main Menu، این افزونه نیز یک محصول ویژه در CodeCanyon است و تا به امروز نزدیک به ۴۵۰۰ فروش داشته است.

Dans la section des fonctionnalités, vous vous rendrez rapidement compte qu'il est assez facile de créer un مگا. این روند فقط چند مرحله طول می کشد. اما علاوه بر این ، متوجه خواهید شد که این افزونه با آن سازگار است از WooCommerce, propose un design responsive et une interface "drag and drop" pour créer les menus.

سازنده منو، قابلیت استفاده از افزونه را افزایش داده و کار خریدار را به طور قابل توجهی ساده می‌کند. ادغام رابط کاربری نیز عالی است و به طور یکپارچه با سایر افزونه‌ها کار می‌کند.

دانلود | نسخه ی نمایشی | میزبانی وب

منابع پیشنهادی

منابع پیشنهادی دیگری را که به شما در ایجاد و مدیریت وب‌سایتتان کمک می‌کنند، کشف کنید.

• نحوه محافظت از فرم در وردپرس با رمز عبور
• چگونه برای ایجاد انتقال زیبا از صفحات در وردپرس
• نحوه استفاده از API وردپرس REST
• نحوه ارتباط وب سایت وردپرس خود با تلگرام
• نحوه تمیز کردن وردپرس در چند مرحله

نتیجه

وجود دارد! C'est tout pour ce tutoriel. Nous espérons que ce tutoriel vous a montré comment personnaliser le CSS de votre site web WordPress. دریغ نکن. با دوستان خود در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید. 

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.

اگر پیشنهادی یا اظهار نظر دارید ، آنها را در بخش ما بگذارید نظر.

...