| Welcome, Guest |
You have to register before you can post on our site.
|
| Online Users |
There are currently 11 online users.
» 0 Member(s) | 11 Guest(s)
|
| Latest Threads |
Test, just a XRumer 23 St...
Forum: Announcements
Last Post: XRumer23lip
09-25-2025, 01:01 AM
» Replies: 0
» Views: 30
|
Comment créer un sous-dom...
Forum: Cpanel
Last Post: XRumer23lip
10-28-2024, 04:29 AM
» Replies: 1
» Views: 1,188
|
Tutorial: Create an Onlin...
Forum: Ellohost
Last Post: mikox
08-03-2024, 07:46 AM
» Replies: 0
» Views: 288
|
Tutoriel : Créer un Site ...
Forum: Ellohost
Last Post: mikox
08-03-2024, 07:45 AM
» Replies: 0
» Views: 314
|
Tutorial: Create a Profes...
Forum: Ellohost
Last Post: mikox
08-03-2024, 07:13 AM
» Replies: 0
» Views: 220
|
Tutoriel : Créer un Site ...
Forum: Ellohost
Last Post: mikox
08-03-2024, 07:12 AM
» Replies: 0
» Views: 252
|
Slither.io - Become the L...
Forum: Others
Last Post: mikox
04-05-2024, 07:30 AM
» Replies: 0
» Views: 310
|
MooMoo.io - Build, Defend...
Forum: Others
Last Post: mikox
04-05-2024, 07:28 AM
» Replies: 0
» Views: 331
|
Smash Karts - The Ultimat...
Forum: Others
Last Post: mikox
04-05-2024, 07:26 AM
» Replies: 0
» Views: 712
|
Dream Chef - A Cooking Ad...
Forum: Others
Last Post: mikox
04-05-2024, 07:24 AM
» Replies: 0
» Views: 305
|
|
|
| Domains in cPanel |
|
Posted by: aaron - 07-19-2023, 01:09 PM - Forum: Cpanel
- No Replies
|
 |
<!DOCTYPE html> <html lang="en"> <head> <title>Domains in cPanel</title> </head> <body> <h1>Domains in cPanel</h1> <img src="https://ellohost.com/imageshack/uploads/1689772107_64b7e04b38da6.jpeg" alt="Domains in cPanel" width="40%"> <p>It’s common for webmasters to use one hosting account for multiple sites. Hence, the Domains section provides the features for all domain-related tasks, such as managing domain names, setting up addon domains for newly purchased domain names, and creating parked domains.</p> <h2>Using the DNS Zone Editor</h2> <p>cPanel contains Zone Editor to create, edit, and manage DNS (Domain Name System) records. This feature performs multiple actions, from adding an MX record to managing domain configurations.</p> <img src="https://ellohost.com/imageshack/uploads/1689772107_64b7e04b38e81.jpeg" alt="DNS Zone Editor" width="40%"> <p>To create an MX record, simply click on the respective button. This will open a new page – enter the priority value in the Priority box and a fully qualified domain name in the Destination field.</p> <img src="https://ellohost.com/imageshack/uploads/1689772107_64b7e04b38f24.jpeg" alt="Create MX Record" width="40%"> <p>Finally, click Add An MX Record to save the changes.</p> <br><br> <a href="https://ellohost.com"> <button style="padding: 10px 20px; background-color: blue; color: blue; border: none; cursor: pointer;">Join ellohost</button> </a> </body> </html>
|
|
|
| Bases de données dans cPanel |
|
Posted by: aaron - 07-19-2023, 01:05 PM - Forum: Cpanel
- No Replies
|
|
<!DOCTYPE html> <html lang="fr"> <head> <title>Bases de données dans cPanel</title> </head> <body> <h1>Bases de données dans cPanel</h1> <img src="https://ellohost.com/imageshack/uploads/1689771724_64b7decc35583.jpeg" alt="Bases de données cPanel" width="40%"> <p>Si votre site Web utilise un système de gestion de contenu (CMS) tel que WordPress, il aura besoin d'une base de données pour stocker toutes les données et informations importantes, telles que les noms d'utilisateur, les mots de passe et les articles.</p> <p>Cette section concerne la gestion des bases de données - la plupart des tâches sont effectuées via MySQL Databases et phpMyAdmin.</p> <h2>Créer des bases de données et gérer les utilisateurs MySQL</h2> <p>Cliquez sur MySQL Databases. Dans la section Nouvelle base de données, saisissez le nom d'utilisateur de la base de données souhaité et cliquez sur Créer une base de données.</p> <img src="https://ellohost.com/imageshack/uploads/1689771724_64b7decc3579d.jpeg" alt="Créer une base de données" width="40%"> <p>Une nouvelle base de données sera ajoutée à la liste des bases de données actuelles.</p> <img src="https://ellohost.com/imageshack/uploads/1689771724_64b7decc358cf.jpeg" alt="Bases de données actuelles" width="40%"> <p>Pour ajouter un nouvel utilisateur MySQL, faites défiler jusqu'à la section Utilisateurs MySQL. Là, saisissez le nom d'utilisateur et le mot de passe, puis cliquez sur Créer un utilisateur.</p> <img src="https://ellohost.com/imageshack/uploads/1689771724_64b7decc359f6.jpeg" alt="Ajouter un utilisateur MySQL" width="40%"> <p>Une fois terminé, accédez à la section Ajouter un utilisateur à la base de données. Cliquez sur le menu déroulant et choisissez le nouvel utilisateur et la base de données - cela accordera à l'utilisateur l'accès à la base de données sélectionnée.</p> <img src="https://ellohost.com/imageshack/uploads/1689771724_64b7decc35aa1.jpeg" alt="Ajouter un utilisateur à la base de données" width="40%"> <p>Une fois terminé, vous pouvez commencer à importer vos fichiers dans cette nouvelle base de données via phpMyAdmin. Pour garantir des performances fiables du site, essayez d'optimiser votre base de données.</p> <br><br> <a href="https://ellohost.com"> <button style="padding: 10px 20px; background-color: blue; color: blue; border: none; cursor: pointer;">Rejoindre ellohost</button> </a> </body> </html>
|
|
|
|
| Databases in CPanel |
|
Posted by: aaron - 07-19-2023, 01:03 PM - Forum: Cpanel
- No Replies
|
|
<!DOCTYPE html> <html lang="en"> <head> <title>Databases in cPanel</title> </head> <body> <h1>Databases in cPanel</h1> <img src="https://ellohost.com/imageshack/uploads/1689771724_64b7decc35583.jpeg" alt="cPanel Databases" width="40%"> <p>If your website uses a content management system (CMS) like WordPress, it will need a database to store all the important data and information, such as usernames, passwords, and posts.</p> <p>This section is all about managing the databases – its tasks are mostly done via MySQL Databases and phpMyAdmin.</p> <h2>Create Databases and Manage MySQL Users</h2> <p>Click on MySQL Databases. On the New Database section, enter your desired database username and click Create Database.</p> <img src="https://ellohost.com/imageshack/uploads/1689771724_64b7decc3579d.jpeg" alt="Create Database" width="40%"> <p>A new database will be added to the Current Databases list.</p> <img src="https://ellohost.com/imageshack/uploads/1689771724_64b7decc358cf.jpeg" alt="Current Databases" width="40%"> <p>To add a new MySQL user, scroll down to the MySQL Users section. There, enter the username and password and click Create User.</p> <img src="https://ellohost.com/imageshack/uploads/1689771724_64b7decc359f6.jpeg" alt="Add MySQL User" width="40%"> <p>When you’re done, navigate to the Add User To Database section. Click on the dropdown menu and choose the new user and database – this will grant the user access to the selected database.</p> <img src="https://ellohost.com/imageshack/uploads/1689771724_64b7decc35aa1.jpeg" alt="Add User to Database" width="40%"> <p>Once you’re done, you can start importing your files into this new database via phpMyAdmin. To ensure reliable site performance, try optimizing your database.</p> <br><br> <a href="https://ellohost.com"> <button style="padding: 10px 20px; background-color: blue; color: blue; border: none; cursor: pointer;">Join ellohost</button> </a> </body> </html>
|
|
|
|
| Installeur d'applications Softaculous |
|
Posted by: aaron - 07-19-2023, 12:59 PM - Forum: Cpanel
- No Replies
|
|
<!DOCTYPE html> <html lang="fr"> <head><title>Installeur d'applications Softaculous</title> </head> <body> <h1>Installeur d'applications Softaculous</h1> <img src="https://ellohost.com/imageshack/uploads/1689771417_64b7dd99cbe79.jpeg" alt="Logo Softaculous" width="40%"> <p> Softaculous est une bibliothèque de scripts qui automatise les processus d'installation de diverses applications. Les logiciels les plus populaires incluent WordPress, phpBB, Joomla et Drupal. </p> <p> Grâce à son intégration transparente avec cPanel, vous pouvez installer directement n'importe quel logiciel depuis le tableau de bord. </p> <h2>Installer un logiciel avec Softaculous</h2> <p> Commencez par sélectionner le script que vous souhaitez installer. Si vous ne trouvez pas le logiciel dans la section "Script", essayez de parcourir les catégories. </p> <img src="https://ellohost.com/imageshack/uploads/1689771417_64b7dd99cbc79.jpeg" alt="Sélectionner un logiciel" width="40%"> <p> En cliquant sur le bouton "Installer maintenant", vous serez invité à configurer les paramètres du logiciel et du site. </p> <p> Choisissez simplement l'URL d'installation et spécifiez les options pour votre site WordPress. Vous pouvez également créer un compte administrateur, sélectionner un thème WordPress gratuit et pré-installer plusieurs plugins. </p> <img src="https://ellohost.com/imageshack/uploads/1689771417_64b7dd99cb864.jpeg" alt="Configurer le logiciel" width="40%"> <p> Une fois terminé, cliquez sur "Installer" pour démarrer le processus d'installation de WordPress. </p> <br><br> <a href="https://ellohost.com"> <button style="padding: 10px 20px; background-color: blue; color: blue; border: none; cursor: pointer;">Rejoindre ellohost</button> </a> </body> </html>
|
|
|
|
| Softaculous Apps Installer |
|
Posted by: aaron - 07-19-2023, 12:58 PM - Forum: Cpanel
- No Replies
|
|
<!DOCTYPE html> <html lang="en"> <head> <title>Softaculous Apps Installer</title> </head> <body> <h1>Softaculous Apps Installer</h1> <img src="https://ellohost.com/imageshack/uploads/1689771417_64b7dd99cbe79.jpeg" alt="Softaculous Logo" width="40%"> <p> Softaculous is a script library that automates the installation processes of various applications. The most popular software includes WordPress, phpBB, Joomla, and Drupal. </p> <p> Thanks to the seamless integration with cPanel, you can directly install any software right from the dashboard. </p> <h2>Install Software With Softaculous</h2> <p> Start by selecting the script you want to install. If you can’t find the software under the Script section, try browsing through the categories. </p> <img src="https://ellohost.com/imageshack/uploads/1689771417_64b7dd99cbc79.jpeg" alt="Select Software" width="40%"> <p> Clicking on the Install Now button will prompt you to configure the software setup and site settings. </p> <p> Simply choose the installation URL and specify the options for your WordPress website. Additionally, you can create an admin account, select a free WordPress theme, and pre-install multiple plugins. </p> <img src="https://ellohost.com/imageshack/uploads/1689771417_64b7dd99cb864.jpeg" alt="Configure Software" width="40%"> <p> Once you’re done, click Install to start the WordPress installation process. </p> <br><br> <a href="https://ellohost.com"> <button style="padding: 10px 20px; background-color: blue; color: blue; border: none; cursor: pointer;">Join ellohost</button> </a> </body> </html>
|
|
|
|
| Comment personnaliser la page de connexion WordPress avec un constructeur de pages |
|
Posted by: aaron - 07-18-2023, 02:31 PM - Forum: wordpress
- No Replies
|
|
<!DOCTYPE html> <html lang="fr"> <head> <title>Comment personnaliser la page de connexion WordPress avec un constructeur de pages</title> </head> <body> <h1>Comment personnaliser la page de connexion WordPress avec un constructeur de pages</h1> <p>Par défaut, votre écran de connexion hérite de l'apparence du thème actif. Si vous souhaitez le personnaliser ou le créer de toutes pièces, utilisez un plugin de constructeur de pages comme Elementor.</p> <p>Son constructeur par glisser-déposer le rend adapté aux débutants de WordPress. Vous pouvez ajouter du contenu à votre page de connexion WordPress personnalisée et modifier chaque élément visuel sans coder.</p> <p>De plus, Elementor vous permet d'activer une méthode de connexion alternative en utilisant des comptes de médias sociaux. Vous pouvez également appliquer des animations de type pop-up à votre formulaire de connexion pour rendre votre site Web plus attrayant.</p> <p>La version gratuite d'Elementor ne comprend pas le widget de connexion. Cependant, il est inclus dans le package Ultimate Addons for Elementor (UAEL), qui commence à 57 $ par an ou à 237 $ pour un achat unique.</p> <p>Voici comment l'utiliser pour créer une page de connexion WordPress personnalisée :</p> <ol> <li>Installez à la fois le plugin gratuit Elementor et Ultimate Addons for Elementor. Lisez le guide d'installation de UAEL pour en savoir plus à ce sujet.</li> <li>Dans la barre latérale WordPress, cliquez sur Pages → Ajouter.</li> <li>Entrez le nom de la nouvelle page et cliquez sur Modifier avec Elementor.</li> <img src="https://ellohost.com/imageshack/uploads/1689690612_64b6a1f4be3e7.jpeg" width="40%" alt="Créer une nouvelle page"> <li>Dans la barre latérale Elementor, recherchez le widget "Formulaire de connexion" et faites-le glisser sur la page.</li> <img src="https://ellohost.com/imageshack/uploads/1689690612_64b6a1f4be0e4.jpeg" width="40%" alt="Ajouter le widget Formulaire de connexion"> <li>Dans le menu des paramètres du widget, configurez l'apparence et les fonctionnalités de votre formulaire de connexion WordPress personnalisé.</li> <li>Cliquez sur Publier.</li> </ol> <br><br> <a href="https://ellohost.com"> <button style="padding: 10px 20px; background-color: blue;">Rejoignez ellohost</button> </a> </body> </html>
|
|
|
|
| Customize WordPress Login Page via Page Builder |
|
Posted by: aaron - 07-18-2023, 02:29 PM - Forum: Wordpress
- No Replies
|
|
<!DOCTYPE html> <html lang="en"> <head> <title>How to Customize the WordPress Login Page with a Page Builder</title> </head> <body> <h1>How to Customize the WordPress Login Page with a Page Builder</h1> <p>By default, your login screen inherits the active theme’s appearance. If you want to personalize it or build it from scratch, use a page builder plugin like Elementor.</p> <p>Its drag-and-drop builder makes the plugin suitable for WordPress beginners. You can add content to your custom WordPress login page and change every visual element without coding.</p> <p>Moreover, Elementor lets you enable an alternative login method using social media accounts. You can also apply pop-up animations to your login form to make your website more appealing.</p> <p>The free version of Elementor doesn’t come with the Login Widget. However, it is included in the Ultimate Addons for Elementor (UAEL) package, which starts at $57/year or $237 for a one-time purchase.</p> <p>Here’s how to use it to create a custom WordPress login page:</p> <ol> <li>Install both the free Elementor plugin and the Ultimate Addons for Elementor. Read the UAEL installation guide to learn more about it.</li> <li>On the WordPress sidebar, click Pages → Add New.</li> <li>Enter the new page’s name and click Edit with Elementor.</li> <img src="https://ellohost.com/imageshack/uploads/1689690612_64b6a1f4be3e7.jpeg" width="40%" alt="Create New Page"> <li>From the Elementor Sidebar, search for the Login Form widget and drag it onto the page.</li> <img src="https://ellohost.com/imageshack/uploads/1689690612_64b6a1f4be0e4.jpeg" width="40%" alt="Add Login Form Widget"> <li>On the widget’s settings menu, configure your custom WordPress login form’s appearance and functionality.</li> <li>Click Publish.</li> </ol> <br><br> <a href="https://ellohost.com"> <button style="padding: 10px 20px; background-color: blue;">Join ellohost</button> </a> </body> </html>
|
|
|
|
| Personnalisez la page de connexion WordPress via un plugin gratuit |
|
Posted by: aaron - 07-18-2023, 02:20 PM - Forum: wordpress
- No Replies
|
|
<!DOCTYPE html> <html lang="fr"> <head><title>Personnaliser la page de connexion WordPress avec un plugin gratuit</title> </head> <body> <h1>Comment personnaliser la page de connexion WordPress avec un plugin gratuit</h1> <p>La manière la plus simple de personnaliser la page de connexion WordPress est d'utiliser un plugin. L'installation d'un plugin est facile, et cette méthode vous permet d'éditer la page de connexion directement depuis le tableau de bord de WordPress.</p> <p>Il existe de nombreux plugins WordPress pour personnaliser la page de connexion avec différentes fonctionnalités et options de personnalisation. Certains sont également disponibles gratuitement.</p> <p>Pour ce tutoriel, nous utiliserons le plugin le plus populaire pour personnaliser la page de connexion WordPress, LoginPress. Il vous permet d'éditer différentes parties de votre écran de connexion, telles que :</p> <ul> <li>Logo de connexion. Remplacez le logo WordPress par votre propre marque. Vous pouvez également modifier la taille, le padding, l'URL et la position.</li> <li>Arrière-plan. Ajoutez une couleur personnalisée ou remplacez l'arrière-plan par défaut par une image. Vous pouvez également insérer une vidéo pour avoir un arrière-plan animé.</li> <li>Messages de bienvenue et d'erreur. Rédigez un message à afficher lorsque les utilisateurs arrivent sur votre site ou rencontrent une erreur. Vous pouvez créer plusieurs messages d'erreur pour différentes situations.</li> <li>Formulaire. Modifiez l'apparence de vos formulaires de mot de passe oublié et de connexion. Vous pouvez personnaliser la couleur, la taille et le padding des étiquettes des champs de nom d'utilisateur et de mot de passe.</li> <li>Pied de page. Incluez des éléments tels que la navigation et les liens de réinitialisation du mot de passe dans le pied de page de votre page de connexion personnalisée.</li> </ul> <p>En plus de la personnalisation visuelle, ce plugin dispose de fonctionnalités qui améliorent la sécurité de votre page de connexion, comme reCAPTCHA.</p> <p>Pour vous montrer un exemple, nous utiliserons LoginPress pour changer le logo sur la page de connexion de l'administrateur. Après vous être connecté au tableau de bord de WordPress, suivez ces étapes :</p> <ol> <li>Téléchargez et installez le plugin.</li> <li>Allez dans la barre latérale WordPress → LoginPress → Customizer.</li> <img src="https://ellohost.com/imageshack/uploads/1689689696_64b69e601ab4b.jpeg" width="40%" alt="Personnalisation LoginPress"> <li>Sur l'écran Customizer, cliquez sur le logo → Sélectionnez une image.</li> <li>Dans l'onglet "Upload files", cliquez sur "Sélectionner des fichiers".</li> <li>Choisissez une nouvelle image et cliquez sur "Ouvrir".</li> <li>Entrez les informations requises, telles que le titre et le texte alternatif, puis cliquez sur "Choisir une image".</li> <img src="https://ellohost.com/imageshack/uploads/1689689696_64b69e601af54.jpeg" width="40%" alt="Choisir une image"> <li>Cliquez sur "Publier" pour appliquer les modifications.</li> <img src="https://ellohost.com/imageshack/uploads/1689689696_64b69e601b061.jpeg" width="40%" alt="Appliquer les modifications"> </ol> <p>Pour la personnalisation non visuelle, allez dans LoginPress → Paramètres. Ici, vous pouvez activer plusieurs fonctionnalités, réinitialiser les paramètres du plugin par défaut et changer les identifiants de connexion requis.</p> <br><br> <a href="https://ellohost.com"> <button style="padding: 10px 20px; background-color: blue;">Rejoindre ellohost</button> </a> </body> </html>
|
|
|
|
| Customize WordPress Login Page via Free Plugin |
|
Posted by: aaron - 07-18-2023, 02:18 PM - Forum: Wordpress
- No Replies
|
|
<!DOCTYPE html> <html lang="en"> <head> <title>Customize WordPress Login Page</title> </head> <body> <h1>How to Customize the WordPress Login Page with a Free Plugin</h1> <p>The simplest way to customize your WordPress login page is to use a plugin. Installing a plugin is easy, and this method lets you edit the login page directly via the WordPress dashboard.</p> <p>There are many custom login page WordPress plugins with varying features and personalization options. They also come at different prices, with some available for free.</p> <p>For this tutorial, we will use the most popular WordPress login page customization plugin, LoginPress. It lets you edit various areas of your login screen, such as:</p> <ul> <li>Login logo. Replace the default WordPress logo with your own branding. You can also change the size, padding, URL, and position.</li> <li>Background. Add a custom color or replace the default background with an image. Alternatively, insert a video to enable an animated background.</li> <li>Welcome and error messages. Write a message to display when users land on your site or encounter an error. You can create multiple error messages for different scenarios.</li> <li>Form. Change your forget password and login forms’ appearance. You can customize the color, size, and padding of the username and password field labels.</li> <li>Footer. Include elements like navigation and reset password links in your custom login page footer.</li> </ul> <p>In addition to visual customization, this plugin has features that improve your login page’s security, like reCAPTCHA.</p> <p>To demonstrate, we will use LoginPress to change the logo on the admin login page. After you log in to the WordPress dashboard, follow these steps:</p> <ol> <li>Download and install the plugin.</li> <li>Navigate to the WordPress sidebar → LoginPress → Customizer.</li> <img src="https://ellohost.com/imageshack/uploads/1689689696_64b69e601ab4b.jpeg" width="40%" alt="LoginPress Customizer"> <li>On the Customizer screen, click logo → Select image.</li> <li>In the Upload files tab, hit Select files.</li> <li>Pick a new image and click Open.</li> <li>Enter the required information, like the caption and alt text, then click Choose image.</li> <img src="https://ellohost.com/imageshack/uploads/1689689696_64b69e601af54.jpeg" width="40%" alt="Choose Image"> <li>Click Publish to apply the changes.</li> <img src="https://ellohost.com/imageshack/uploads/1689689696_64b69e601b061.jpeg" width="40%" alt="Publish Changes"> </ol> <p>For non-visual customization, go to LoginPress → Settings. Here, you can enable several features, reset the plugin’s settings to default, and change the required login credentials.</p> <br><br> <a href="https://ellohost.com"> <button style="padding: 10px 20px; background-color: blue;">Join ellohost</button> </a> </body> </html>
|
|
|
|
| Comment Ajouter une Image d'Arrière-Plan dans WordPress |
|
Posted by: aaron - 07-18-2023, 11:02 AM - Forum: wordpress
- No Replies
|
|
<!DOCTYPE html> <html> <head> <title>Comment Ajouter une Image d'Arrière-Plan dans WordPress</title> </head> <body> <h2>Comment Ajouter une Image d'Arrière-Plan en Utilisant le Personnalisateur de Thème WordPress</h2> <p>Le Personnalisateur de Thème WordPress est une fonctionnalité intégrée qui vous permet d'ajouter une image d'arrière-plan personnalisée, de créer des menus et de changer les schémas de couleur. Cependant, cette fonctionnalité n'est disponible que pour les thèmes WordPress classiques gratuits tels que Twenty Twenty, Twenty Fifteen et Twenty Seventeen.</p> <p>Pour ce tutoriel, nous allons passer en revue les étapes pour ajouter une image d'arrière-plan via cette fonctionnalité WordPress en utilisant le thème Twenty Fifteen, car il prend en charge les arrière-plans personnalisés :</p> <ol> <li>Connectez-vous à votre page d'administration WordPress et accédez à <strong>Apparence → Personnaliser</strong>.</li> <li>Dans l'écran du Personnalisateur de Thème, accédez à l'option <strong>Image d'Arrière-Plan</strong>.</li> <li>Cliquez sur le bouton <strong>Sélectionner une image</strong> pour ouvrir la Bibliothèque de Médias.</li> <li>Dans l'écran de la Bibliothèque de Médias, choisissez une image ou ajoutez une nouvelle image, puis cliquez sur <strong>Sélectionner une image</strong>.</li> <li>Utilisez les options de personnalisation d'image pour ajuster la position, les pré-réglages et la taille de l'arrière-plan.</li> <li>Enregistrez les modifications.</li> </ol> <h2>Comment Ajouter des Images d'Arrière-Plan Avec l'Éditeur WordPress</h2> <p>Vous pouvez également ajouter une image d'arrière-plan via l'éditeur WordPress par défaut, également connu sous le nom de Gutenberg. Comme il offre des outils pour créer un site web en utilisant une approche basée sur les blocs, c'est une méthode relativement simple.</p> <p>Pour ce tutoriel, nous utiliserons le thème Twenty Twenty-Two. Suivez les étapes ci-dessous pour insérer une image d'arrière-plan en utilisant l'éditeur par blocs :</p> <ol> <li>À partir du tableau de bord WordPress, accédez à <strong>Pages → Toutes les Pages</strong>. Ouvrez une page en cliquant sur le titre.</li> <li>Ouvrez le bouton d'insertion de blocs et ajoutez le <strong>bloc de Couverture</strong> (Cover block).</li> <li>Pour obtenir une image d'arrière-plan pleine largeur, sélectionnez le bloc de Couverture et choisissez <strong>Aligner → Pleine largeur</strong> (Align → Full Width).</li> <li>Insérez les éléments que vous souhaitez sur votre page. Par exemple, nous avons ajouté plusieurs motifs de blocs WordPress.</li> <li>Regroupez les motifs de blocs avec le bloc de Couverture. Cela devrait ressembler à ceci :</li> <li>Sélectionnez le bloc de Couverture et cliquez sur <strong>Ajouter un média</strong> (Add Media). Ensuite, choisissez <strong>Ouvrir la Bibliothèque de Médias</strong> (Open Media Library).</li> <li>Dans l'écran de la Bibliothèque de Médias WordPress, choisissez votre image préférée. Nous vous recommandons d'ajouter un texte alternatif (alt text) à votre image pour une meilleure accessibilité. Ensuite, cliquez sur <strong>Sélectionner</strong> (Select).</li> <li>Ouvrez le panneau de paramètres du bloc pour personnaliser le bloc de Couverture. Par exemple, nous avons défini la position de l'arrière-plan sur fixe et ajusté l'opacité du recouvrement à 50.</li> <li>Enregistrez les modifications.</li> </ol> <h2>Comment Ajouter une Image d'Arrière-Plan Personnalisée en Utilisant un Constructeur de Pages</h2> <p>Une autre façon simple d'ajouter des arrière-plans personnalisés consiste à utiliser un constructeur de pages WordPress. Elementor est l'un des constructeurs de pages WordPress les plus populaires qui offre des fonctionnalités puissantes mais conviviales, telles qu'un éditeur de glisser-déposer et des options avancées de personnalisation des éléments.</p> <p>Dans cette section, nous allons couvrir les étapes pour définir une image d'arrière-plan avec le constructeur de pages Elementor :</p> <ol> <li>Créez un modèle vierge et ajoutez des éléments à l'éditeur. Par exemple, nous avons ajouté un éditeur de texte, un bouton et un carrousel d'images.</li> <li>Allez dans la barre latérale gauche de l'éditeur et sélectionnez l'icône du menu hamburger. Ensuite, cliquez sur <strong>Paramètres du site</strong> (Site settings).</li> <li>Accédez à la section <strong>Paramètres</strong> → <strong>Paramètres d'arrière-plan</strong> (Background settings).</li> <li>Allez dans la section <strong>Type d'Arrière-Plan</strong> (Background Type) et cliquez sur l'option <strong>Classique</strong> (Classic).</li> <li>Cliquez sur la zone sous la section <strong>Image</strong> ou sélectionnez <strong>Choisir une image</strong> (Choose Image).</li> <li>Choisissez une image dans la Bibliothèque de Médias et cliquez sur <strong>Insérer une Média</strong> (Insert Media).</li> <li>Personnalisez l'image d'arrière-plan selon vos préférences. Par exemple, vous pouvez changer la taille, la position et l'attachement de l'arrière-plan.</li> <li>Enregistrez les modifications.</li> </ol> <h2>Comment Ajouter une Image d'Arrière-Plan WordPress avec CSS</h2> <p>Voyons maintenant comment ajouter une image d'arrière-plan en utilisant CSS additionnel, l'une des fonctionnalités du Personnalisateur de Thème WordPress :</p> <ol> <li>À partir du tableau de bord WordPress, accédez à <strong>Apparence → Personnaliser</strong>.</li> <li>Dans l'écran du Personnalisateur de Thème, cliquez sur <strong>CSS Additionnel</strong> (Additional CSS).</li> <li>Tapez le code CSS suivant dans l'éditeur de texte :</li> </ol> <br> body { <br> background-image: url(example.com/wordpress-background-image/); <br> } <br> <p>Remplacez l'URL entre les parenthèses par l'URL de l'image d'arrière-plan que vous préférez.</p> <ol start="4"> <li>Si l'image ne convient pas à vos préférences, ajoutez le code CSS suivant :</li> </ol> <br> body { <br> background-attachment: fixed; <br> background-size: cover; <br> } <br> <br> <ol start="5"> <li>Enregistrez les modifications.</li> </ol> <br><br> <a href="https://ellohost.com"> <button style="padding: 10px 20px; background-color: blue;">Rejoindre ellohost</button> </a> </body> </html>
|
|
|
|
|
