{"id":616,"date":"2025-01-28T00:29:59","date_gmt":"2025-01-27T23:29:59","guid":{"rendered":"https:\/\/overcomputing.net\/?p=616"},"modified":"2025-01-28T00:29:59","modified_gmt":"2025-01-27T23:29:59","slug":"wordpress","status":"publish","type":"post","link":"https:\/\/overcomputing.net\/index.php\/2025\/01\/28\/wordpress\/","title":{"rendered":"WordPress"},"content":{"rendered":"\n<p>WordPress, \u00e9minent dans le panorama des CMS (Syst\u00e8mes de Gestion de Contenu), se distingue par sa robustesse et sa flexibilit\u00e9, en particulier pour les professionnels de l&rsquo;informatique qui souhaitent \u00e9difier des sites web sophistiqu\u00e9s. Reposant sur une architecture modulaire et open source, WordPress permet une personnalisation pouss\u00e9e gr\u00e2ce \u00e0 son \u00e9cosyst\u00e8me de th\u00e8mes et de plugins. Son architecture PHP et MySQL, associ\u00e9e \u00e0 une interface conviviale, facilite le d\u00e9veloppement et la gestion de sites web complexes, tout en offrant une scalabilit\u00e9 appr\u00e9ciable. En outre, sa communaut\u00e9 active et ses normes de s\u00e9curit\u00e9 rigoureuses en font un choix de pr\u00e9dilection pour ceux qui exigent un \u00e9quilibre entre puissance, fiabilit\u00e9 et facilit\u00e9 de maintenance dans le domaine de l&rsquo;informatique.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-5b2a99a9\"><h2 class=\"uagb-heading-text\">Installation wordpress<\/h2><\/div>\n\n\n\n<p>L&rsquo;installation va se faire une debian 12. Nous allons utiliser apache2 en tant que service WEB et Mariadb en tant que SGBD ( Syst\u00e8me de Gestion de base de donn\u00e9e ). Dans notre tutoriel nous allons utiliser la version 8 de PHP et installer tous les modules PHP n\u00e9cessaires au bon fonctionnement de notre site WordPress. On commence par installer les paquets n\u00e9cessaires.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro has-mobile-text-align-left\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:1;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"apt-get install apache2 libapache2-mod-php8.2 mariadb-server unzip php8.2 php8.2-bz2 php8.2-cgi php8.2-cli php8.2-common php8.2-mysql\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">apt-get install apache2 libapache2-mod-php8.2 mariadb-server unzip php8.2 php8.2-bz2 php8.2-cgi php8.2-cli php8.2-common php8.2-mysql<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Pour le bon fonctionnement de notre wordpress, nous pouvons installer quelques librairies PHP suppl\u00e9mentaires qui vont \u00eatre n\u00e9cessaires pour quelques actions.<\/p>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-e335d0b1 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-04d51c73\">\n<ul class=\"wp-block-list\">\n<li>php8.2-opcache<\/li>\n\n\n\n<li>php8.2-phpdbg<\/li>\n\n\n\n<li>php8.2-pspell<\/li>\n\n\n\n<li>php8.2-readline<\/li>\n\n\n\n<li>php8.2-snmp<\/li>\n\n\n\n<li>php8.2-soap<\/li>\n\n\n\n<li>php8.2-sybase<\/li>\n\n\n\n<li>php8.2-tidy<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-21737c1e\">\n<ul class=\"wp-block-list\">\n<li>php8.2-xml<\/li>\n\n\n\n<li>php8.2-zip<\/li>\n\n\n\n<li>php8.2-curl<\/li>\n\n\n\n<li>php8.2-gd<\/li>\n\n\n\n<li>php8.2-gmagick<\/li>\n\n\n\n<li>php8.2-igbinary<\/li>\n\n\n\n<li>php8.2-intl<\/li>\n\n\n\n<li>php8.2-mbstring<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div>\n\n\n\n<p>A partir de ce moment-la, il est maitenant possible d&rsquo;acc\u00e9der \u00e0 notre site internet qui poss\u00e8de une page internet par d\u00e9fault. Si vous avez un navigateur sur votre serveur, vous pouvez rentrer l&rsquo;adresse \u00ab\u00a0http:\/\/localhost\u00a0\u00bb. Il est possible de pouvoir y acc\u00e9der \u00e0 partir du moment que vous \u00eates sur le m\u00eame r\u00e9seau et si il n&rsquo;y a aucun \u00e9l\u00e8ment r\u00e9seau qui bloque la connexion. Sur google chrome ou firefox, vous pouvez y acc\u00e9der gr\u00e2ce \u00e0 l&rsquo;adresse IP de votre serveur en faisant \u00ab\u00a0http:\/\/192.168.1.10\u00a0\u00bb par exemple. Vous pourrez trouver l&rsquo;adresse de votre serveur \u00e0 l&rsquo;aide de la commande \u00ab\u00a0ip a\u00a0\u00bb.<\/p>\n\n\n\n<p>Deux nouveaux services sont maintenant install\u00e9s sur notre serveur, apache2 et mariadb. Nous allons maintenant \u00ab\u00a0enabled\u00a0\u00bb nos services afins qu&rsquo;ils soient persistant au red\u00e9marrage. Cela va permettre \u00e0 nos services de d\u00e9marrer seul lorsque notre serveur va d\u00e9marrer.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"systemctl enable apache2.service\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">systemctl enable apache2.service<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"systemctl enable mariadb.service\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">systemctl enable mariadb.service<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On passe maintenant \u00e0 la cr\u00e9ation et la configuration de la base de donn\u00e9e. On rentre dans l&rsquo;interpr\u00e9teur MariaDB qui va nous permettre d&rsquo;ex\u00e9cuter des commandes SQL ou des op\u00e9rations d&rsquo;administration, telles que la cr\u00e9ation de bases de donn\u00e9es, la modification des autorisations d&rsquo;utilisateur, ou l&rsquo;ex\u00e9cution de requ\u00eates sur les bases de donn\u00e9es existantes.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"mysql -u root -p\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">mysql -u root -p<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On cr\u00e9\u00e9 une nouvelle base de donn\u00e9es nomm\u00e9e \u00ab\u00a0wordpress_database\u00a0\u00bb dans le syst\u00e8me de gestion de bases de donn\u00e9es MySQL. Cette base de donn\u00e9es est utilis\u00e9e pour stocker des donn\u00e9es structur\u00e9es selon les besoins de l&rsquo;application, dans le cas de WordPress, pour stocker les articles, les commentaires, les r\u00e9glages, etc.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">MariaDB [(none)]><\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"CREATE DATABASE wordpress_database;\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">CREATE DATABASE wordpress_database;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On cr\u00e9\u00e9 maintenant un utilisateur \u00ab\u00a0wordpress_user_database\u00a0\u00bb qui va \u00eatre utilis\u00e9 pour faire les actions sur la base de donn\u00e9e. On pr\u00e9cise que l&rsquo;utilisateur peut se connecter que sur la base de donn\u00e9e qui se trouve sur cette machine. On pr\u00e9cise le mot de passe de l&rsquo;utilisateur de la base de donn\u00e9e \u00ab\u00a0password\u00a0\u00bb.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">MariaDB [(none)]><\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"CREATE USER 'wordpress_user_database'@'localhost' IDENTIFIED BY 'password';\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">CREATE USER &#39;wordpress_user_database&#39;@&#39;localhost&#39; IDENTIFIED BY &#39;password&#39;;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">MariaDB [(none)]><\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"GRANT ALL PRIVILEGES ON wordpress_database.* TO 'wordpress_user_database'@'localhost' IDENTIFIED BY 'password';\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">GRANT ALL PRIVILEGES ON wordpress_database.* TO &#39;wordpress_user_database&#39;@&#39;localhost&#39; IDENTIFIED BY &#39;password&#39;;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">MariaDB [(none)]><\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"FLUSH PRIVILEGES;\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">FLUSH PRIVILEGES;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">MariaDB [(none)]><\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"EXIT;\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">EXIT;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On vient ce d\u00e9placer dans le r\u00e9pertoire temporaire de la machine \u00ab\u00a0\/tmp\u00a0\u00bb puis on y t\u00e9l\u00e9charge la derni\u00e8re version de l&rsquo;archive contenant WordPress.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"cd \/tmp\n\nwget https:\/\/wordpress.org\/latest.zip\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">cd \/tmp<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">wget https:\/\/wordpress.org\/latest.zip<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On d\u00e9compresse l&rsquo;archive que l&rsquo;on vient de t\u00e9l\u00e9charger \u00e0 l&rsquo;aide de la commande unzip dans le r\u00e9pertoire \/var\/www.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"unzip latest.zip -d \/var\/www\/\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">unzip latest.zip -d \/var\/www\/<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On modifie les droits du r\u00e9pertoire wordpress et de ses sous-r\u00e9pertoire gra\u00e7e \u00e0 l&rsquo;argument -R, que l&rsquo;on vient de d\u00e9compresser afin qu&rsquo;il appartienne \u00e0 l&rsquo;utilisateur www-data et au groupe www-data. L&rsquo;utilisateur et le groupe www-data sont utilis\u00e9s par le serveur web apache2 pour pouvoir acc\u00e9der aux fichiers et s&rsquo;assurer qu&rsquo;il a les autorisations n\u00e9cessaires pour lire et \u00e9crire dans ce r\u00e9pertoire.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"chown -R www-data:www-data \/var\/www\/wordpress\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">chown -R www-data:www-data \/var\/www\/wordpress<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Afin de r\u00e9aliser une installation plus propre, nous supprimons le r\u00e9pertoire par d\u00e9faut \/var\/www\/html qui ne nous est pas utile.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"rm -rf \/var\/www\/html\/\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">rm -rf \/var\/www\/html\/<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Lors de l&rsquo;installation d&rsquo;apache, un fichier de configuration pour le site par d\u00e9fault est cr\u00e9\u00e9 qui se nomme \u00ab\u00a0000-default.conf\u00a0\u00bb on va le renommer afin que son nom colle un peu plus \u00e0 notre application. Nous allons le renommer \u00ab\u00a0wordpress.conf\u00a0\u00bb.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"mv \/etc\/apache2\/sites-available\/000-default.conf \/etc\/apache2\/sites-available\/wordpress.conf\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">mv \/etc\/apache2\/sites-available\/000-default.conf \/etc\/apache2\/sites-available\/wordpress.conf<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Suite au renommage de notre fichier de configuration, on d\u00e9sactive le site par d\u00e9fault \u00ab\u00a0000-default.conf\u00a0\u00bb qui n&rsquo;existe maintenant plus.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"a2dissite 000-default.conf\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">a2dissite 000-default.conf<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Suite au renommage de notre fichier de configuration, on active le site que l&rsquo;on vient de remplacer afin qu&rsquo;il soit prit en compte pour remplacer \u00ab\u00a0000-default.conf\u00a0\u00bb qui s&rsquo;appelle dans ce tutoriel \u00ab\u00a0wordpress.conf\u00a0\u00bb.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"a2ensite wordpress.conf\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">a2ensite wordpress.conf<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>L&rsquo;activation de notre site internet \u00ab\u00a0wordpress.conf\u00a0\u00bb n\u00e9cessite le rechargement de notre serveur WEB. On red\u00e9marre donc notre serveur WEB.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"systemctl reload apache2\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">systemctl reload apache2<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On modifie notre fichier de configuration sp\u00e9cifique \u00e0 notre site internet pour lui indiquer le nouveau chemin \u00e0 prendre en compte. Sur cette modification, on supprime tous les commentaires afin d&rsquo;y voir plus clair et on modifie la valeur \u00ab\u00a0DocumentRoot\u00a0\u00bb sur \u00ab\u00a0\/var\/www\/wordpress\u00a0\u00bb. Ce nouveau chemin repr\u00e9sente le dossier WordPress que l&rsquo;on vient de t\u00e9l\u00e9charger et placer \u00e0 cet endroit.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">\/etc\/apache2\/sites-avaible\/wordpress.conf<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;VirtualHost *:80&gt;\n        ServerAdmin webmaster@localhost\n        DocumentRoot \/var\/www\/wordpress\n        ErrorLog ${APACHE_LOG_DIR}\/error.log\n        CustomLog ${APACHE_LOG_DIR}\/access.log combined\n&lt;\/VirtualHost&gt;\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">&lt;VirtualHost *:80&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        ServerAdmin webmaster@localhost<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        DocumentRoot \/var\/www\/wordpress<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        ErrorLog ${APACHE_LOG_DIR}\/error.log<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        CustomLog ${APACHE_LOG_DIR}\/access.log combined<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;\/VirtualHost&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Et pour finir cette installation, on vient red\u00e9marrer notre serveur WEB.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"systemctl restart apache2\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">systemctl restart apache2<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Mise en place de HTTPS avec certificat auto-sign\u00e9<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-f0607f90\"><h3 class=\"uagb-heading-text\">Mise en place de HTTPS avec certificat auto-sign\u00e9<\/h3><\/div>\n\n\n\n<p>Les certificats auto-sign\u00e9s sont des outils de s\u00e9curit\u00e9 utilis\u00e9s pour chiffrer les donn\u00e9es \u00e9chang\u00e9es sur internet et v\u00e9rifier l&rsquo;identit\u00e9 des parties impliqu\u00e9es dans une communication. Contrairement aux certificats \u00e9mis par des autorit\u00e9s de certification reconnues, les certificats auto-sign\u00e9s sont cr\u00e9\u00e9s et sign\u00e9s par l&rsquo;entit\u00e9 elle-m\u00eame, sans validation externe. Bien qu&rsquo;ils offrent un niveau de cryptage, leur principal inconv\u00e9nient r\u00e9side dans le manque de validation externe, ce qui signifie que leur fiabilit\u00e9 d\u00e9pend enti\u00e8rement de la confiance accord\u00e9e \u00e0 l&rsquo;entit\u00e9 qui les g\u00e9n\u00e8re<\/p>\n\n\n\n<p>Dans un premier temps, on active le module d&rsquo;apache2 qui va nous permettre de supporter la cryptographie SSL ( Secure Socket Layer ). Puis \u00e0 la suite de l&rsquo;activation du module, on red\u00e9marre le serveur WEB permettant de prendre en compte le module.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"a2enmod ssl\n\nsystemctl restart apache2\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">a2enmod ssl<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">systemctl restart apache2<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On g\u00e9n\u00e8re le certificat self-signed qui va permettre de chiffrer les communications entre notre client web et le serveur. Une s\u00e9rie de question va nous \u00eatres pos\u00e9s. Il faut remplir les informations avec exactitudes, en particulier sur la ligne num\u00e9ro 6 qui demande le FQDN. Il faut mettre le lien complet final pour acc\u00e9der \u00e0 votre site internet.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout \/etc\/ssl\/private\/overcomputing.net.key -out \/etc\/ssl\/certs\/overcomputing.net.crt\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout \/etc\/ssl\/private\/overcomputing.net.key -out \/etc\/ssl\/certs\/overcomputing.net.crt<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#abb2bf;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:16px 0 0 16px;width:100%;text-align:left;background-color:#282c34\"><span style=\"background:#9da5b4;padding:0.3rem 0.5rem 0.2rem;border-radius:1rem;font-size:0.8em;line-height:1;height:1.25rem;text-align:center;display:inline-flex;align-items:center;justify-content:center;color:#282c34\">Output<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">Country Name (2 letter code) [AU]:FR<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">State or Province Name (full name) [Some-State]:France<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">Locality Name (eg, city) []:Lille<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">Organization Name (eg, company) [Internet Widgits Pty Ltd]:Over Computing<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">Organizational Unit Name (eg, section) []:DSI<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">Common Name (e.g. server FQDN or YOUR name) []:overcomputing.net<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">Email Address []:flynn@overcomputing.net<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Un virtualhost par d\u00e9fault est pr\u00e9sent pour le SSL, nous allons le renommer afin de coller au nom de notre application.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"mv \/etc\/apache2\/sites-available\/default-ssl.conf \/etc\/apache2\/sites-available\/wordpress-SSL.conf\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">mv \/etc\/apache2\/sites-available\/default-ssl.conf \/etc\/apache2\/sites-available\/wordpress-SSL.conf<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On active ce nouveau site.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"a2ensite wordpress-SSL.conf\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">a2ensite wordpress-SSL.conf<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Maintenant il est temps de modifier le fichier de configuration de notre site internet, celui que nous venons de renommer afin de pouvoir lui indiquer les chemins des certificats. On viendra nettoyer tous les commentaires et indiquer le chemin de nos certificats sur les lignes 8 et 9 sur le code ci-dessous. On va \u00e9galement corriger la ligne \u00ab\u00a0DocumentRoot\u00a0\u00bb pour lui indiquer notre wordpress.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers cbp-blur-enabled\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#abb2bf;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">\/etc\/apache2\/sites-available\/wordpress-SSL.conf<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;VirtualHost *:443&gt;\n        ServerAdmin webmaster@localhost\n        DocumentRoot \/var\/www\/wordpress\n        ErrorLog ${APACHE_LOG_DIR}\/error.log\n        CustomLog ${APACHE_LOG_DIR}\/access.log combined\n        SSLEngine on\n        SSLCertificateFile      \/etc\/ssl\/certs\/overcomputing.net.crt\n        SSLCertificateKeyFile   \/etc\/ssl\/private\/overcomputing.net.key\n        &lt;FilesMatch &quot;\\.(?:cgi|shtml|phtml|php)$&quot;&gt;\n                SSLOptions +StdEnvVars\n        &lt;\/FilesMatch&gt;\n        &lt;Directory \/usr\/lib\/cgi-bin&gt;\n                SSLOptions +StdEnvVars\n        &lt;\/Directory&gt;\n&lt;\/VirtualHost&gt;\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">&lt;VirtualHost *:443&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        ServerAdmin webmaster@localhost<\/span><\/span>\n<span class=\"line cbp-no-blur\"><span style=\"color: #ABB2BF\">        DocumentRoot \/var\/www\/wordpress<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        ErrorLog ${APACHE_LOG_DIR}\/error.log<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        CustomLog ${APACHE_LOG_DIR}\/access.log combined<\/span><\/span>\n<span class=\"line cbp-no-blur\"><span style=\"color: #ABB2BF\">        SSLEngine on<\/span><\/span>\n<span class=\"line cbp-no-blur\"><span style=\"color: #ABB2BF\">        SSLCertificateFile      \/etc\/ssl\/certs\/overcomputing.net.crt<\/span><\/span>\n<span class=\"line cbp-no-blur\"><span style=\"color: #ABB2BF\">        SSLCertificateKeyFile   \/etc\/ssl\/private\/overcomputing.net.key<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;FilesMatch &quot;\\.(?:cgi|shtml|phtml|php)$&quot;&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">                SSLOptions +StdEnvVars<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;\/FilesMatch&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;Directory \/usr\/lib\/cgi-bin&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">                SSLOptions +StdEnvVars<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        &lt;\/Directory&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;\/VirtualHost&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On vient red\u00e9marrer notre serveur afin de prendre en compte les modifications.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"systemctl restart apache2\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">systemctl restart apache2<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>Nous pouvons maintenant nous rendre sur notre site internet en HTTPS. Un avertissement va apparaitre pour nous indiquer que le certificat est auto-sign\u00e9 et qu&rsquo;il n&rsquo;y a aucune autorit\u00e9 de confiance pour ce certificat, mais nous pouvons cliquer sur \u00ab\u00a0Param\u00e8tres avanc\u00e9s\u00a0\u00bb puis sur \u00ab\u00a0Continuer vers le site\u00a0\u00bb. Ce qui nous int\u00e9resse pour de l&rsquo;interne c&rsquo;est seulement le chiffrement, l&rsquo;autorit\u00e9 de confiance nous importe peu dans notre cas.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-5baab5c6\"><h3 class=\"uagb-heading-text\">Mise en place d&rsquo;HTTPS avec certbot<\/h3><\/div>\n\n\n\n<p>Certbot est un outil open-source qui simplifie l&rsquo;obtention et le renouvellement des certificats SSL\/TLS, garantissant la s\u00e9curit\u00e9 des sites web. En automatisant le processus, il facilite la configuration des certificats et assure des communications s\u00e9curis\u00e9es entre les utilisateurs et les serveurs. Son interface conviviale et sa compatibilit\u00e9 avec diverses plates-formes en font un choix populaire parmi les administrateurs syst\u00e8me et les d\u00e9veloppeurs.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"apt install certbot python3-certbot-apache\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">apt install certbot python3-certbot-apache<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On lance la configuration de certbot pour apache. Une s\u00e9rie de question va apparaitre \u00e0 l&rsquo;\u00e9cran.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"certbot --apache\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">certbot --apache<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-328c2404\"><h3 class=\"uagb-heading-text\">Redirection HTTP vers HTTPS<\/h3><\/div>\n\n\n\n<p>La mise en place d&rsquo;une redirection de HTTP vers HTTPS rev\u00eat une importance capitale dans la s\u00e9curisation des communications sur un site web. En redirigeant automatiquement les utilisateurs vers une connexion chiffr\u00e9e via HTTPS, cette pratique renforce la confidentialit\u00e9 et l&rsquo;int\u00e9grit\u00e9 des donn\u00e9es \u00e9chang\u00e9es entre le navigateur de l&rsquo;utilisateur et le serveur web. HTTPS garantit \u00e9galement l&rsquo;authenticit\u00e9 du site web, ce qui aide \u00e0 pr\u00e9venir les attaques de type \u00ab\u00a0Man-in-the-Middle\u00a0\u00bb et renforce la confiance des visiteurs. De plus, la majorit\u00e9 des navigateurs modernes signalent les sites non s\u00e9curis\u00e9s, ce qui peut dissuader les utilisateurs. Ainsi, en instaurant une redirection de HTTP vers HTTPS, les sites web renforcent leur s\u00e9curit\u00e9 tout en pr\u00e9servant la confiance de leurs visiteurs.<\/p>\n\n\n\n<p>Dans un premier temps, on active le module d&rsquo;apache permettant de r\u00e9\u00e9crire les URLs. Puis comme pour tous les modules d&rsquo;apache, on red\u00e9marre le serveur WEB.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">Bash root command<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"a2enmod rewrite\n\nsystemctl restart apache2\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">a2enmod rewrite<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">systemctl restart apache2<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>On modifie notre fichier de configuration de notre site internet HTTP.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers cbp-blur-enabled\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#abb2bf;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#282c34;font-style:italic;color:#abb2bf\"><span style=\"border-bottom:1px solid rgba(134, 167, 228, 0.2)\">\/etc\/apache2\/sites-available\/wordpress.conf<\/span><\/span><span role=\"button\" tabindex=\"0\" data-code=\"&lt;VirtualHost *:80&gt;\n        ServerAdmin webmaster@localhost\n        DocumentRoot \/var\/www\/wordpress\n        ErrorLog ${APACHE_LOG_DIR}\/error.log\n        CustomLog ${APACHE_LOG_DIR}\/access.log combined\n        RewriteEngine On\n        RewriteCond %{HTTPS} !on\n        RewriteRule (.*) https:\/\/%{HTTP_HOST}%{REQUEST_URI} [R=301,L]\n&lt;\/VirtualHost&gt;\" style=\"color:#282c34;display:none;background-color:#abb2bf\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"stringSmall\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki one-dark-pro\" style=\"background-color: #282c34\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ABB2BF\">&lt;VirtualHost *:80&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        ServerAdmin webmaster@localhost<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        DocumentRoot \/var\/www\/wordpress<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        ErrorLog ${APACHE_LOG_DIR}\/error.log<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">        CustomLog ${APACHE_LOG_DIR}\/access.log combined<\/span><\/span>\n<span class=\"line cbp-no-blur\"><span style=\"color: #ABB2BF\">        RewriteEngine On<\/span><\/span>\n<span class=\"line cbp-no-blur\"><span style=\"color: #ABB2BF\">        RewriteCond %{HTTPS} !on<\/span><\/span>\n<span class=\"line cbp-no-blur\"><span style=\"color: #ABB2BF\">        RewriteRule (.*) https:\/\/%{HTTP_HOST}%{REQUEST_URI} [R=301,L]<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ABB2BF\">&lt;\/VirtualHost&gt;<\/span><\/span><\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>WordPress, \u00e9minent dans le panorama des CMS (Syst\u00e8mes de Gestion de Contenu), se distingue par sa robustesse et sa flexibilit\u00e9, en particulier pour les professionnels de l&rsquo;informatique qui souhaitent \u00e9difier des sites web sophistiqu\u00e9s. Reposant sur une architecture modulaire et open source, WordPress permet une personnalisation pouss\u00e9e gr\u00e2ce \u00e0 son [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[194,202],"tags":[],"class_list":["post-616","post","type-post","status-publish","format-standard","hentry","category-_systemes","category-web-server"],"spectra_custom_meta":{"_edit_lock":["1753907368:1"],"_uag_css_file_name":["uag-css-616.css"],"_uag_js_file_name":["uag-js-616.js"],"_uag_page_assets":["a:9:{s:3:\"css\";s:26747:\".wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}\n.wp-block-uagb-container{display:flex;position:relative;box-sizing:border-box;transition-property:box-shadow;transition-duration:0.2s;transition-timing-function:ease}.wp-block-uagb-container .spectra-container-link-overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.wp-block-uagb-container.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:flex;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}.wp-block-uagb-container .wp-block-uagb-blockquote,.wp-block-uagb-container .wp-block-spectra-pro-login,.wp-block-uagb-container .wp-block-spectra-pro-register{margin:unset}.wp-block-uagb-container .uagb-container__video-wrap{height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.wp-block-uagb-container .uagb-container__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.wp-block-uagb-container.uagb-layout-grid{display:grid;width:100%}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap{display:inherit;width:inherit}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.alignwide.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:inherit;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box),body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap,body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap){min-width:unset !important;width:100%;position:relative}body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container ol,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap ol{max-width:-webkit-fill-available;margin-block-start:0;margin-block-end:0;margin-left:20px}.ast-plain-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .uagb-is-root-container.wp-block-uagb-container.alignwide{margin-left:auto;margin-right:auto}.uagb-container__shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr}.uagb-container__shape-top{top:-3px}.uagb-container__shape-bottom{bottom:-3px}.uagb-container__shape.uagb-container__invert.uagb-container__shape-bottom,.uagb-container__shape.uagb-container__invert.uagb-container__shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.uagb-container__shape.uagb-container__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.uagb-container__shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.uagb-container__shape .uagb-container__shape-fill{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.uagb-container__shape.uagb-container__shape-above-content{z-index:9;pointer-events:none}.nv-single-page-wrap .nv-content-wrap.entry-content .wp-block-uagb-container.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media only screen and (max-width: 767px){.wp-block-uagb-container .wp-block-uagb-advanced-heading{width:-webkit-fill-available}}.wp-block-uagb-image--align-none{justify-content:center}\n.wp-block-uagb-advanced-heading.uagb-block-5b2a99a9.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-5b2a99a9.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5b2a99a9.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5b2a99a9.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-container.uagb-block-e335d0b1 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-e335d0b1 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-e335d0b1 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-e335d0b1 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-e335d0b1 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-e335d0b1{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-e335d0b1 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-e335d0b1{box-shadow: 0px 0px   #00000070 ;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-04d51c73 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-04d51c73 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-04d51c73 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-04d51c73 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-04d51c73 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-04d51c73{max-width: 50%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-04d51c73 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-04d51c73{box-shadow: 0px 0px   #00000070 ;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-21737c1e .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-21737c1e .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-21737c1e .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-21737c1e .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-21737c1e .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-21737c1e{max-width: 50%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-21737c1e > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-21737c1e{box-shadow: 0px 0px   #00000070 ;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top:  !important;margin-bottom:  !important;overflow: visible;order: initial;border-color: inherit;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-advanced-heading.uagb-block-f0607f90.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-f0607f90.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-f0607f90.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-f0607f90.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5baab5c6.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-5baab5c6.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5baab5c6.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-5baab5c6.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-328c2404.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-328c2404.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-328c2404.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-328c2404.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-e335d0b1{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-e335d0b1 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-e335d0b1{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-04d51c73{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-04d51c73 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-04d51c73{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-21737c1e{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-21737c1e > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-21737c1e{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top:  !important;margin-bottom:  !important;order: initial;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-e335d0b1{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-e335d0b1 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-e335d0b1{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top:  !important;margin-bottom:  !important;order: initial;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-04d51c73{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-04d51c73 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-04d51c73{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-21737c1e{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-21737c1e > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-21737c1e{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top:  !important;margin-bottom:  !important;order: initial;flex-wrap: wrap;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n.wp-block-uagb-counter .wp-block-uagb-counter__icon,.wp-block-uagb-counter .wp-block-uagb-counter__image-wrap{display:inline-block;line-height:0}.wp-block-uagb-counter--number .wp-block-uagb-counter__number{font-size:52px;color:#3a3a3a}.wp-block-uagb-counter--number .wp-block-uagb-counter__icon{margin-bottom:10px}.wp-block-uagb-counter--bars{display:flex;flex-direction:column}.wp-block-uagb-counter--bars .wp-block-uagb-counter-bars-container{width:100%;background-color:#eaeaea}.wp-block-uagb-counter--bars .wp-block-uagb-counter-bars-container .wp-block-uagb-counter__number{width:0%;min-height:5px;text-align:right;line-height:1;white-space:nowrap;overflow:hidden;background:#007cba;display:flex;justify-content:flex-end;align-items:center}.rtl .wp-block-uagb-counter--bars .wp-block-uagb-counter-bars-container .wp-block-uagb-counter__number{flex-direction:row-reverse;justify-content:flex-start}.wp-block-uagb-counter--bars .wp-block-uagb-counter-bars-container .wp-block-uagb-counter__number>:last-child{margin-right:5px}.wp-block-uagb-counter--bars .wp-block-uagb-counter__title{margin-top:15px}.wp-block-uagb-counter--bars .wp-block-uagb-counter__number{color:#fff;padding-top:5px;padding-bottom:5px}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container{position:relative;display:inline-block;width:100%}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container .wp-block-uagb-counter__icon svg{width:30px}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container svg{pointer-events:none}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container>svg{transform:rotate(-90deg);width:100%;height:100%}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container>svg circle{stroke:#eaeaea;stroke-width:1em;fill:transparent}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container>svg .uagb-counter-circle__progress{stroke:#007cba}.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container__content{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1}.wp-block-uagb-counter--circle .wp-block-uagb-counter__number{margin-top:5px;font-size:52px;color:#3a3a3a}.wp-block-uagb-counter--circle .wp-block-uagb-counter__title{margin-top:5px}.wp-block-uagb-counter__icon svg{width:30px}.wp-block-uagb-counter__title{margin-top:10px;margin-bottom:17px;font-size:16px}body[class*=\"astra\"] .wp-block-uagb-counter__title,body[class*=\"astra\"] .wp-block-uagb-counter__number{line-height:normal}\n.uagb-block-a9f1687a.wp-block-uagb-counter{text-align: center;}.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__icon svg{fill: #4B4F58;width: 30px;height: 30px;}.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__title{font-style: normal;color: #4B4F58;}.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__number{font-style: normal;}.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__number .uagb-counter-block-prefix{margin-right: 0px;}.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__number .uagb-counter-block-suffix{margin-left: 0px;}.uagb-block-a9f1687a.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container{max-width: 230px;}.uagb-block-a9f1687a.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container svg circle{stroke-width: 8px;stroke: #eaeaea;r: 111px;cx: 115px;cy: 115px;}.uagb-block-a9f1687a.wp-block-uagb-counter--circle .wp-block-uagb-counter-circle-container svg .uagb-counter-circle__progress{stroke: #007cba;stroke-dasharray: 697.43px;stroke-dashoffset: 697.43px;}.uagb-block-a9f1687a.wp-block-uagb-counter--bars{flex-direction: column;}.uagb-block-a9f1687a.wp-block-uagb-counter--bars .wp-block-uagb-counter-bars-container{background: #eaeaea;}.uagb-block-a9f1687a.wp-block-uagb-counter--bars .wp-block-uagb-counter-bars-container .wp-block-uagb-counter__number{background: #007cba;}@media only screen and (max-width: 976px) {.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__icon svg{width: 30px;height: 30px;}.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__number .uagb-counter-block-prefix{margin-right: 0px;}.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__number .uagb-counter-block-suffix{margin-left: 0px;}}@media only screen and (max-width: 767px) {.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__icon svg{width: 30px;height: 30px;}.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__number .uagb-counter-block-prefix{margin-right: 0px;}.uagb-block-a9f1687a.wp-block-uagb-counter .wp-block-uagb-counter__number .uagb-counter-block-suffix{margin-left: 0px;}}.wp-block-uagb-countdown{display:flex;justify-content:center;text-align:center}.wp-block-uagb-countdown .wp-block-uagb-countdown__box{transition:box-shadow 0.2s ease}.wp-block-uagb-countdown__box{position:relative;display:flex;flex-direction:column;width:155px;height:155px;aspect-ratio:1;justify-content:center}@media (max-width: 976px){.wp-block-uagb-countdown__box{width:100px;height:100px}}@media (max-width: 767px){.wp-block-uagb-countdown__box{width:65px;height:65px}}.wp-block-uagb-countdown__time{font-size:52px}@media (max-width: 976px){.wp-block-uagb-countdown__time{font-size:32px}}.wp-block-uagb-countdown__label{font-size:14px}@media (max-width: 976px){.wp-block-uagb-countdown__label{font-size:12px}}.wp-block-uagb-countdown .wp-block-uagb-countdown-innerblocks{text-align:initial}html:not([dir=\"rtl\"]) .wp-block-uagb-countdown__box:not(:last-child){margin-right:38px}html:not([dir=\"rtl\"]) .wp-block-uagb-countdown__box:not(:last-child) .wp-block-uagb-countdown__time::after{position:absolute;right:0}html:not([dir=\"rtl\"]) .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-seconds .wp-block-uagb-countdown__time-seconds::after{display:none}html:not([dir=\"rtl\"]) .wp-block-uagb-countdown>.wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-seconds:not(:last-child){margin-right:unset}.wp-block-uagb-countdown-innerblocks{display:none}html[dir=\"rtl\"] .wp-block-uagb-countdown__box:not(:first-child){margin-right:38px}html[dir=\"rtl\"] .wp-block-uagb-countdown__box:not(:first-child) .wp-block-uagb-countdown__time::before{position:absolute;right:0}body[class*=\"astra\"] .wp-block-uagb-countdown{line-height:normal}\n.uagb-block-3b743b20.wp-block-uagb-countdown{justify-content: center;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box{aspect-ratio: 1;flex-direction: column;justify-content: center;align-items: center;background-color: transparent;box-shadow: 0px 0px 0 #00000070 ;}.uagb-block-3b743b20.wp-block-uagb-countdown:hover .wp-block-uagb-countdown__box{box-shadow: 0px 0px 0 #00000070 ;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-minutes:not(:last-child){margin-right: 38px;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-hours:not(:last-child){margin-right: 38px;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-days:not(:last-child){margin-right: 38px;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__time{font-style: normal;}.uagb-block-3b743b20.wp-block-uagb-countdown div.wp-block-uagb-countdown__label{align-self: unset;font-style: normal;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box:not(:last-child) .wp-block-uagb-countdown__time::after{content: ':';right: -26px;}@media only screen and (max-width: 976px) {.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box{flex-direction: column;justify-content: center;align-items: center;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-minutes:not(:last-child){margin-right: 20px;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-hours:not(:last-child){margin-right: 20px;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-days:not(:last-child){margin-right: 20px;}.uagb-block-3b743b20.wp-block-uagb-countdown div.wp-block-uagb-countdown__label{align-self: unset;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box:not(:last-child) .wp-block-uagb-countdown__time::after{right: -14px;}}@media only screen and (max-width: 767px) {.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box{flex-direction: column;justify-content: center;align-items: center;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-minutes:not(:last-child){margin-right: 18px;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-hours:not(:last-child){margin-right: 18px;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box.wp-block-uagb-countdown__box-days:not(:last-child){margin-right: 18px;}.uagb-block-3b743b20.wp-block-uagb-countdown div.wp-block-uagb-countdown__label{align-self: unset;}.uagb-block-3b743b20.wp-block-uagb-countdown .wp-block-uagb-countdown__box:not(:last-child) .wp-block-uagb-countdown__time::after{right: -12px;}}.wp-block-uagb-icon svg{width:30px}.uagb-icon-wrapper .uagb-svg-wrapper{transition:box-shadow 0.2s ease}\n .uagb-block-ff98bb37.uagb-icon-wrapper{text-align: center;} .uagb-block-ff98bb37.uagb-icon-wrapper .uagb-svg-wrapper a{display: contents;} .uagb-block-ff98bb37.uagb-icon-wrapper svg{width: 40px;height: 40px;transform: rotate(0deg);box-sizing: content-box;fill: #333;filter: drop-shadow( 0px 0px 0px #00000070 );} .uagb-block-ff98bb37.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;border-style: default;box-shadow: 0px 0px 0 #00000070 ;} .uagb-block-ff98bb37.uagb-icon-wrapper .uagb-svg-wrapper:hover{box-shadow: 0px 0px 0 #00000070 ;} .uagb-block-ff98bb37.uagb-icon-wrapper .uagb-svg-wrapper:focus-visible{box-shadow: 0px 0px 0 #00000070 ;}@media only screen and (max-width: 976px) { .uagb-block-ff98bb37.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;}}@media only screen and (max-width: 767px) { .uagb-block-ff98bb37.uagb-icon-wrapper .uagb-svg-wrapper{display: inline-flex;}}\";s:2:\"js\";s:1372:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'load', function() {\n\tUAGBCounter.init( '.uagb-block-a9f1687a', {\"layout\":\"number\",\"heading\":\"Ajoutez votre titre iciu2026\",\"numberPrefix\":\"\",\"numberSuffix\":\"%\",\"startNumber\":0,\"endNumber\":80,\"totalNumber\":100,\"decimalPlaces\":0,\"animationDuration\":1500,\"thousandSeparator\":\",\",\"circleSize\":230,\"circleStokeSize\":8,\"isFrontend\":true} );\n});\n\t\t\twindow.addEventListener( 'load', function() {\n\t\t\t\tUAGBCountdown.init( '.uagb-block-3b743b20', {\"block_id\":\"3b743b20\",\"endDateTime\":\"2025-02-23T23:28:19.075Z\",\"showDays\":true,\"showHours\":true,\"showMinutes\":true,\"isFrontend\":true,\"timerEndAction\":\"zero\",\"redirectURL\":\"\",\"timerType\":\"date\",\"evergreenDays\":0,\"evergreenHrs\":0,\"evergreenMinutes\":0,\"campaignID\":\"\",\"resetDays\":30,\"reloadOnExpire\":true,\"autoReload\":false} );\n\t\t\t});\n\t\t\t\t\t\twindow.addEventListener( 'DOMContentLoaded', () => {\n\t\t\t\t\tconst blockScope = document.querySelector( '.uagb-block-ff98bb37' );\n\t\t\t\t\tif ( ! blockScope ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst anchorElement = blockScope.querySelector('a');\n\t\t\t\t\tif (!anchorElement) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t} \n\n\t\t\t\t\t \n\t\t\t\t\tblockScope.addEventListener('keydown', (event) => {\n\t\t\t\t\t\tif ( 13 === event.keyCode || 32 === event.keyCode ) {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\tanchorElement.click();\t\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t });\";s:18:\"current_block_list\";a:20:{i:0;s:14:\"core\/paragraph\";i:1;s:14:\"core\/separator\";i:2;s:21:\"uagb\/advanced-heading\";i:3;s:27:\"kevinbatdorf\/code-block-pro\";i:4;s:14:\"uagb\/container\";i:6;s:9:\"core\/list\";i:7;s:14:\"core\/list-item\";i:8;s:11:\"core\/search\";i:9;s:10:\"core\/group\";i:10;s:12:\"core\/heading\";i:11;s:17:\"core\/latest-posts\";i:12;s:20:\"core\/latest-comments\";i:13;s:13:\"core\/archives\";i:14;s:15:\"core\/categories\";i:15;s:12:\"uagb\/counter\";i:16;s:14:\"uagb\/countdown\";i:17;s:14:\"core\/read-more\";i:18;s:10:\"core\/embed\";i:19;s:9:\"uagb\/icon\";i:20;s:10:\"core\/quote\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1775621012\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"FlynnHub","author_link":"https:\/\/overcomputing.net\/index.php\/author\/flynnhub\/"},"uagb_comment_info":0,"uagb_excerpt":"WordPress, \u00e9minent dans le panorama des CMS (Syst\u00e8mes de Gestion de Contenu), se distingue par sa robustesse et sa flexibilit\u00e9, en particulier pour les professionnels de l&rsquo;informatique qui souhaitent \u00e9difier des sites web sophistiqu\u00e9s. Reposant sur une architecture modulaire et open source, WordPress permet une personnalisation pouss\u00e9e gr\u00e2ce \u00e0 son [&hellip;]","_links":{"self":[{"href":"https:\/\/overcomputing.net\/index.php\/wp-json\/wp\/v2\/posts\/616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/overcomputing.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/overcomputing.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/overcomputing.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/overcomputing.net\/index.php\/wp-json\/wp\/v2\/comments?post=616"}],"version-history":[{"count":2,"href":"https:\/\/overcomputing.net\/index.php\/wp-json\/wp\/v2\/posts\/616\/revisions"}],"predecessor-version":[{"id":848,"href":"https:\/\/overcomputing.net\/index.php\/wp-json\/wp\/v2\/posts\/616\/revisions\/848"}],"wp:attachment":[{"href":"https:\/\/overcomputing.net\/index.php\/wp-json\/wp\/v2\/media?parent=616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/overcomputing.net\/index.php\/wp-json\/wp\/v2\/categories?post=616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/overcomputing.net\/index.php\/wp-json\/wp\/v2\/tags?post=616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}