<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>Archives des wordpress - La programmation sur le web</title>
	<atom:link href="https://programmation.surleweb-france.fr/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://programmation.surleweb-france.fr/tag/wordpress/</link>
	<description>La programmation gratuite pour tous</description>
	<lastBuildDate>Sun, 03 Apr 2022 08:39:33 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>

<image>
	<url>https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2023/08/cropped-19518430-icone-de-programmation-pour-votre-site-web-mobile-presentation-et-conception-de-logo-gratuit-vectoriel.jpg?fit=32%2C32&#038;ssl=1</url>
	<title>Archives des wordpress - La programmation sur le web</title>
	<link>https://programmation.surleweb-france.fr/tag/wordpress/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">176210735</site>	<item>
		<title>Développement Web, les CMS</title>
		<link>https://programmation.surleweb-france.fr/developpement-web-les-cms/</link>
					<comments>https://programmation.surleweb-france.fr/developpement-web-les-cms/#respond</comments>
		
		<dc:creator><![CDATA[Zigomato]]></dc:creator>
		<pubDate>Sat, 27 Nov 2021 17:48:00 +0000</pubDate>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[création]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mariadb]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[sgbdd]]></category>
		<category><![CDATA[sql]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[xhtml]]></category>
		<guid isPermaLink="false">https://programmation.surleweb-france.fr/?p=1238</guid>

					<description><![CDATA[<p>Les CMS te permettront de publier ton site internet sans plus de connaissances mais voyons ce qu'est un CMS</p>
<p class="continue-reading-button"> <a class="continue-reading-link" href="https://programmation.surleweb-france.fr/developpement-web-les-cms/">Continuer la lecture<i class="crycon-right-dir"></i></a></p>
<p>L’article <a href="https://programmation.surleweb-france.fr/developpement-web-les-cms/">Développement Web, les CMS</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>A moins d&rsquo;être un féru de PHP et HTML, la mise en place d&rsquo;un site internet peut être fastidieuse, connaissance en langage de programmation, le mise en page, des scripts. Tout ses concepts peuvent être déroutant surtout si tu veux faire un site simple pour évoquer tes recettes de cuisine ou tout autre sujet que tu as envie de partager.</p>



<p>De plus, tu peux rapidement avoir des soucis pour la mise en page ou l&rsquo;intégration d&rsquo;outils si tes connaissances sont limitées. Limitées ne veut pas dire que tu es idiot, des personnes font de la programmation leur métier, ils vont étudier des années afin d&rsquo;acquérir les compétences notamment pour créer et/ou administrer et/ou gérer le contenu d&rsquo;un site internet.</p>



<p>Heureusement, des personnes pleines de bon sens et voulant se simplifier la vie ont créées les <strong><a href="https://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu" target="_blank" rel="noreferrer noopener">CMS</a></strong> pour<strong> Content Management System</strong> (pour les anglophiles) ou <strong>Système de Gestion de Contenu</strong> (SGC pour les francophiles !!!).</p>



<h2 class="wp-block-heading">CMS, c&rsquo;est quoi ?</h2>



<p>Un CMS est un système de gestion de contenu, il va permettre de mettre à disposition un ensemble d&rsquo;outils pour publier et gérer du contenu que ce soit la mise en page avec bien souvent des thèmes à foison mais aussi pour l&rsquo;administration de la base de données (<a href="https://www.lemagit.fr/definition/Systeme-de-gestion-de-base-de-donnees-distribuees-SGBDD" target="_blank" rel="noreferrer noopener">SGBDD</a>), les actions sur celle-ci seront gérées par le CMS.</p>



<p>Les CMS vont également fournir (dans la majorité des cas), une gestion des utilisateurs que ce soit en tant qu&rsquo;administrateur, auteur ou lecteur avec des droits qui leur seront propres.</p>



<p>Parmi les CMS les plus connus, on va retrouver :</p>



<ul class="wp-block-list"><li><a href="https://wordpress.com/" target="_blank" rel="noreferrer noopener">WordPress</a></li><li><a href="https://www.prestashop.com/fr" target="_blank" rel="noreferrer noopener">Prestashop</a></li><li><a href="https://www.joomla.fr/" target="_blank" rel="noreferrer noopener">Joomla</a></li><li><a href="https://www.drupal.fr/" target="_blank" rel="noreferrer noopener">Drupal</a></li><li><a href="https://magento.com/" target="_blank" rel="noreferrer noopener">Magento</a></li></ul>



<p>Bien que ce sont tous des systèmes de gestion de contenu, ils n&rsquo;ont pas tous le même objectif, WordPress sera plus orienté blog facile à mettre en œuvre avec l&rsquo;intégration de plugins divers et variés (y compris pour y ajouter une petite plateforme d&rsquo;e-commerce) alors que Magento sera bien plus orienté e-commerce.</p>



<h2 class="wp-block-heading">Plus en détails</h2>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Cette partie n&rsquo;est pas présente pour te dégouter, cela reste très intéressant à connaître, elle est simplement faite pour te montrer comment un CMS peut être utile.</p></blockquote>



<p>Quelque soit le type de site internet que nous voulons concevoir, nous allons avoir besoin de compétences dans différents domaines. Pour la mise en page d&rsquo;un site, qu&rsquo;il soit statique (avec des pages qui ne se modifieront pas une fois chargées) ou bien dynamique (avec des pages ayant une interaction avec l&rsquo;utilisateur même si celui-ci n&rsquo;en a pas conscience).</p>



<p>Vous allez avoir donc besoin de connaître au moins le <a href="https://www.boureliou.com/cnam/xhtml/xhtml-01-xhtml-definition.html" target="_blank" rel="noreferrer noopener">XHTML </a>qui est un langage de description avec des balises :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="html" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">&lt;!DOCTYPE html>
&lt;html>
    &lt;head>
        &lt;meta charset="utf-8" />
        &lt;title>Mon blog&lt;/title>
        &lt;link href="style.css" rel="stylesheet" /> 
    &lt;/head>
        
    &lt;body>
        &lt;h1>Mon super blog !&lt;/h1>
&lt;p>Derniers billets du blog :&lt;/p>


    &lt;div class="news">
        &lt;h3>
            Le PHP à la conquête du monde !            &lt;em>le 20/09/2020 à 19h38min49s&lt;/em>
        &lt;/h3>
        
        &lt;p>
            C'est officiel, l'éléPHPant a annoncé à la radio  hier soir &amp;quot;J'ai l'intention de conquérir le monde&amp;quot;.&lt;br />
Il a en outre précisé que le monde serait serait à sa botte en moins de temps qu'il n'en fallait pour dire &amp;quot;éléPHPant. Pas dur, ceci dit entre nous ...            &lt;br />
            &lt;em>&lt;a href="index.php?action=post&amp;amp;id=1">Commentaires&lt;/a>&lt;/em>
        &lt;/p>
    &lt;/div>
    &lt;div class="news">
        &lt;h3>
            Bienvenu sur mon blog !            &lt;em>le 18/09/2020 à 10h12min00s&lt;/em>
        &lt;/h3>
        
        &lt;p>
            Je vous souhaite à toutes et à tous la bienvenue  sur mon blog qui parlera de ... PHP, bien sûr !            &lt;br />
            &lt;em>&lt;a href="index.php?action=post&amp;amp;id=2">Commentaires&lt;/a>&lt;/em>
        &lt;/p>
    &lt;/div>
    &lt;/body>
&lt;/html></pre>



<p>Cette page aura le rendu suivant dans votre navigateur :</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="933" height="329" src="//i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-32.png" alt="" class="wp-image-1258" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-32.png?w=933&amp;ssl=1 933w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-32.png?resize=300%2C106&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-32.png?resize=768%2C271&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-32.png?resize=150%2C53&amp;ssl=1 150w" sizes="(max-width: 900px) 100vw, 900px" /><figcaption>Exemple en ayant suivi un cours sur <a href="https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql" target="_blank" rel="noreferrer noopener">openclassroom</a></figcaption></figure></div>



<p>Pas très beau, n&rsquo;est-ce pas ?</p>



<p>Pour lui donner un peu plus de forme, nous devons inclure du CSS. Le CSS permettra de faire la mise en forme des balises utilisées dans le code XHTML. Sans chercher à réaliser quoi que ce soit, voici un exemple en utilisant le code HTML précédent :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="css" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">body{
  background-color: green;
  margin: auto
}
h1, h2, h3{
  text-align: center;
}
h1{
  font-size: 50px;
  color: red;
}
h2{
  font-size: 40px;
}
h3{
  font-size: 30px;
}</pre>



<p>Cela donnera un rendu (moche) de ce type :</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img decoding="async" src="//i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-33-1024x356.png" alt="" class="wp-image-1259" width="498" height="173" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-33.png?resize=1024%2C356&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-33.png?resize=300%2C104&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-33.png?resize=768%2C267&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-33.png?resize=150%2C52&amp;ssl=1 150w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-33.png?resize=1180%2C410&amp;ssl=1 1180w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-33.png?w=1366&amp;ssl=1 1366w" sizes="(max-width: 498px) 100vw, 498px" /></figure></div>



<p>J&rsquo;espère que malgré la pauvreté de cet exemple, tu comprends que les connaissances pour écrire son site sont importantes.</p>



<p>Maintenant, si tu veux en plus ajouter du dynamisme à ta page, tu auras besoin d&rsquo;un langage de programmation, par exemple le <a href="https://www.php.net/manual/fr/intro-whatis.php#:~:text=PHP%20(officiellement%2C%20ce%20sigle%20est,le%20d%C3%A9veloppement%20d'applications%20web." target="_blank" rel="noreferrer noopener">PHP </a>qui sera du côté serveur, le code HTML pourra être différent en fonction de l&rsquo;internaute mais une fois la page chargée, le code ne bougera plus. Pour faire simple, si tu veux simplement créer un espace membre pour afficher le nom de l&rsquo;internaute qu&rsquo;il aura préalablement enregistrer, sur ton serveur, tu devras écrire les lignes pour :</p>



<ul class="wp-block-list"><li>créer un compte</li><li>se connecter au compte</li><li>afficher les données liées au compte</li></ul>



<p>L&rsquo;exemple suivant, provient du site <a href="https://waytolearnx.com/2020/02/creer-un-espace-membre-avec-administration-en-php-et-mysql.html" target="_blank" rel="noreferrer noopener">Waytolearnx.com</a> :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="php" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">&lt;!DOCTYPE html>
&lt;html>
&lt;head>
&lt;link rel="stylesheet" href="style.css" />
&lt;/head>
&lt;body>
&lt;?php
require('config.php');

if (isset($_REQUEST['username'], $_REQUEST['email'], $_REQUEST['password'])){
  // récupérer le nom d'utilisateur 
  $username = stripslashes($_REQUEST['username']);
  $username = mysqli_real_escape_string($conn, $username); 
  // récupérer l'email 
  $email = stripslashes($_REQUEST['email']);
  $email = mysqli_real_escape_string($conn, $email);
  // récupérer le mot de passe 
  $password = stripslashes($_REQUEST['password']);
  $password = mysqli_real_escape_string($conn, $password);
  
  $query = "INSERT into `users` (username, email, type, password)
        VALUES ('$username', '$email', 'user', '".hash('sha256', $password)."')";
  $res = mysqli_query($conn, $query);

    if($res){
       echo "&lt;div class='sucess'>
             &lt;h3>Vous êtes inscrit avec succès.&lt;/h3>
             &lt;p>Cliquez ici pour vous &lt;a href='login.php'>connecter&lt;/a>&lt;/p>
       &lt;/div>";
    }
}else{
?>
&lt;form class="box" action="" method="post">
  &lt;h1 class="box-logo box-title">
    &lt;a href="https://waytolearnx.com/">WayToLearnX.com&lt;/a>
  &lt;/h1>
    &lt;h1 class="box-title">S'inscrire&lt;/h1>
  &lt;input type="text" class="box-input" name="username" 
  placeholder="Nom d'utilisateur" required />
  
    &lt;input type="text" class="box-input" name="email" 
  placeholder="Email" required />
  
    &lt;input type="password" class="box-input" name="password" 
  placeholder="Mot de passe" required />
  
    &lt;input type="submit" name="submit" 
  value="S'inscrire" class="box-button" />
  
    &lt;p class="box-register">Déjà inscrit? 
  &lt;a href="login.php">Connectez-vous ici&lt;/a>&lt;/p>
&lt;/form>
&lt;?php } ?>
&lt;/body>
&lt;/html></pre>



<p>Pour dynamiser ta page sans la recharger, tu pourras aussi utiliser le <a href="https://developer.mozilla.org/fr/docs/Learn/JavaScript/First_steps/What_is_JavaScript" target="_blank" rel="noreferrer noopener">javascript</a>, il s&rsquo;agit d&rsquo;un autre langage de programmation qui peut être directement utilisé dans ton navigateur sans avoir à recharger la page, voici un exemple provenant de <a href="http://www.outils-web.com/script-javascript/boite-de-news-3/" target="_blank" rel="noreferrer noopener">Outils-web</a> :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="js" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">&lt;script language="JavaScript1.2">
/*
Source :  http://www.editeurjavascript.com
 Adaptation : http://www.outils-web.com
 */
/*dimensions de la box*/
ejs_scroll_largeur = 200;
ejs_scroll_hauteur = 100;
/*couleur du fond de la box*/
ejs_scroll_bgcolor = '#DDD';
/* chemin de l'image de fond */
ejs_scroll_background = "";
/* temps en secondes */
ejs_scroll_pause_seconde = 3;

ejs_scroll_message = new Array;
/* placez vos liens et messages ici*/
ejs_scroll_message[0]='&lt;a href="lien 1" CLASS=ejs_scroll>message 1&lt;/a>';
ejs_scroll_message[1]='&lt;a href="lien 2" CLASS=ejs_scroll>message 2&lt;/a>';
ejs_scroll_message[2]='&lt;a href="lien 3" CLASS=ejs_scroll>message 3&lt;/a>';
function d(texte)
	{document.write(texte);}
	d('&lt;DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
	d('&lt;DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
	d('&lt;div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'&lt;/DIV>');
	d('&lt;div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'&lt;/DIV>');
d('&lt;/DIV>&lt;/DIV>');

ejs_scroll_mode =1;
ejs_scroll_actuel = 0;
/* NE PAS MODIFIER*/
function ejs_scroll_start()
	{if(ejs_scroll_mode == 1)
		{ejs_scroller_haut = "ejs_scroller_1";
		ejs_scroller_bas = "ejs_scroller_2";
		ejs_scroll_mode = 0;}
	else
		{ejs_scroller_bas = "ejs_scroller_1";
		ejs_scroller_haut = "ejs_scroller_2";
		ejs_scroll_mode = 1;}
	ejs_scroll_nb_message = ejs_scroll_message.length-1;
	if(ejs_scroll_actuel == ejs_scroll_nb_message)
		ejs_scroll_suivant = 0;
	else
		ejs_scroll_suivant = ejs_scroll_actuel+1;
	if(document.getElementById)
		document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
	ejs_scroll_top = 0;
	if(document.getElementById)
		setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)	}
function ejs_scroll_action()
	{ejs_scroll_top -= 1;
	document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
	document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
	if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
		setTimeout("ejs_scroll_action()",10)
	else
		ejs_scroll_stop()}
function ejs_scroll_stop()
	{ejs_scroll_actuel = ejs_scroll_suivant;
	ejs_scroll_start()}
window.onload = ejs_scroll_start;</pre>



<p>Pour finir cette partie, en reprenant un espace membre, tu auras besoin d&rsquo;un base de données et de faire des requêtes pour lire des données s&rsquo;y trouvant ou en inscrire de nouvelles, tu utiliseras certainement le langage <a href="https://sql.sh/" target="_blank" rel="noreferrer noopener">SQL </a>(oui encore un nouveau). Pour cela, tu auras besoin d&rsquo;un <a href="https://www.lemagit.fr/definition/Systeme-de-gestion-de-base-de-donnees-distribuees-SGBDD" target="_blank" rel="noreferrer noopener">SGBDD </a>comme <a href="https://mariadb.org/" target="_blank" rel="noreferrer noopener">MariaDB </a>ou bien <a href="https://www.mysql.com/fr/" target="_blank" rel="noreferrer noopener">MySQL </a>:</p>



<pre class="EnlighterJSRAW" data-enlighter-language="sql" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">INSERT INTO client (prenom, nom, ville, age)
 VALUES
 ('Rébecca', 'Armand', 'Saint-Didier-des-Bois', 24),
 ('Aimée', 'Hebert', 'Marigny-le-Châtel', 36),
 ('Marielle', 'Ribeiro', 'Maillères', 27),
 ('Hilaire', 'Savary', 'Conie-Molitard', 58);</pre>



<h2 class="wp-block-heading">Et alors ? Un CMS ?</h2>



<p>Maintenant que tu as vu les connaissances (minimum) à devoir acquérir, tu comprends que pour mettre en ligne tes pages pour simplement les partager sans faire de toi un <a href="https://www.youtube.com/watch?v=rlarCLhzfoU&amp;ab_channel=michel2i" target="_blank" rel="noreferrer noopener">ingénieur informaticien</a>, il sera plus simple d&rsquo;utiliser un CMS qui te donnera tous les outils pour publier ton site.</p>



<p>Si l&rsquo;on prend l&rsquo;interface de WordPress, tu auras accès (via ton navigateur) à ce genre de page :</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img decoding="async" width="1024" height="401" src="//i1.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-34-1024x401.png" alt="" class="wp-image-1261" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-34.png?resize=1024%2C401&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-34.png?resize=300%2C117&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-34.png?resize=768%2C300&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-34.png?resize=150%2C59&amp;ssl=1 150w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-34.png?w=1263&amp;ssl=1 1263w" sizes="(max-width: 900px) 100vw, 900px" /><figcaption>Page d&rsquo;accueil</figcaption></figure></div>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="356" src="//i1.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-35-1024x356.png" alt="" class="wp-image-1263" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-35.png?resize=1024%2C356&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-35.png?resize=300%2C104&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-35.png?resize=768%2C267&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-35.png?resize=150%2C52&amp;ssl=1 150w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-35.png?resize=1180%2C410&amp;ssl=1 1180w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-35.png?w=1362&amp;ssl=1 1362w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption>Création d&rsquo;un article</figcaption></figure></div>



<p>WordPress se chargera de mettre en base de données tes articles ainsi que la mise en page grâce à l&rsquo;ajout de thème et de plugin.</p>



<p>Pour ce qui est du rendu, je t&rsquo;invite de finir la lecture pour voir les résultats possibles.</p>



<h2 class="wp-block-heading">Quelques exemples</h2>



<h3 class="wp-block-heading">Site WordPress</h3>



<p>Voici quelques sites utilisant les différentes solutions :</p>



<h4 class="wp-block-heading"><a href="https://thewaltdisneycompany.com/" target="_blank" rel="noreferrer noopener">Walt Disney Company</a></h4>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="476" src="//i3.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-28-1024x476.png" alt="" class="wp-image-1239" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-28.png?resize=1024%2C476&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-28.png?resize=300%2C139&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-28.png?resize=768%2C357&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-28.png?resize=150%2C70&amp;ssl=1 150w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-28.png?w=1347&amp;ssl=1 1347w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<h4 class="wp-block-heading"><a href="https://news.microsoft.com/" target="_blank" rel="noreferrer noopener">News Microsoft</a></h4>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="472" src="//i1.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-29-1024x472.png" alt="" class="wp-image-1240" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-29.png?resize=1024%2C472&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-29.png?resize=300%2C138&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-29.png?resize=768%2C354&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-29.png?resize=150%2C69&amp;ssl=1 150w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-29.png?w=1353&amp;ssl=1 1353w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<h3 class="wp-block-heading">Site Prestashop</h3>



<h4 class="wp-block-heading"><a href="https://www.leslipfrancais.fr/" target="_blank" rel="noreferrer noopener">Le slip français</a></h4>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="455" src="//i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-30-1024x455.png" alt="" class="wp-image-1251" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-30.png?resize=1024%2C455&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-30.png?resize=300%2C133&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-30.png?resize=768%2C341&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-30.png?resize=150%2C67&amp;ssl=1 150w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-30.png?w=1349&amp;ssl=1 1349w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<h4 class="wp-block-heading"><a href="https://www.naturabox.com/" target="_blank" rel="noreferrer noopener">Naturabox</a></h4>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="475" src="//i2.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-31-1024x475.png" alt="" class="wp-image-1252" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-31.png?resize=1024%2C475&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-31.png?resize=300%2C139&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-31.png?resize=768%2C356&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-31.png?resize=150%2C70&amp;ssl=1 150w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2021/11/image-31.png?w=1353&amp;ssl=1 1353w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<p>Je pourrais également faire de même pour l&rsquo;ensemble des CMS, mais tu as saisi l&rsquo;idée. Ces 5 solutions sont les plus répandues.</p>



<h2 class="wp-block-heading">Conclusion</h2>



<p>J&rsquo;espère ne pas t&rsquo;avoir détourner de l&rsquo;apprentissage des connaissances utiles pour la création d&rsquo;un site internet mais simplement t&rsquo;avoir montré que la création d&rsquo;un site peut être simple même pour une personne ne possédant de connaissance en langage informatique.</p>
<p>L’article <a href="https://programmation.surleweb-france.fr/developpement-web-les-cms/">Développement Web, les CMS</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://programmation.surleweb-france.fr/developpement-web-les-cms/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1238</post-id>	</item>
		<item>
		<title>Avec quoi créer son site</title>
		<link>https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/</link>
					<comments>https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/#respond</comments>
		
		<dc:creator><![CDATA[Zigomato]]></dc:creator>
		<pubDate>Sat, 16 May 2020 17:00:00 +0000</pubDate>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[lamp]]></category>
		<category><![CDATA[serveur]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://programmation.surleweb-france.fr/?p=329</guid>

					<description><![CDATA[<p>Créer un site peut être facile encore faut-il savoir quoi utiliser, coder de bout en bout ou bien utiliser un CMS ?</p>
<p class="continue-reading-button"> <a class="continue-reading-link" href="https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/">Continuer la lecture<i class="crycon-right-dir"></i></a></p>
<p>L’article <a href="https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/">Avec quoi créer son site</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>On avance dans la série d&rsquo;article sur « <a rel="noreferrer noopener" href="https://programmation.surleweb-france.fr/comprendre-creer-site-internet/" target="_blank">Comprendre et créer son site</a>« . Je t&rsquo;invite d&rsquo;ailleurs à aller lire cette page, tu y apprendras ce que tu dois faire avant pour que tout soit prêt.</p>



<p>Tu auras le choix dans la manière dont tu veux créer ton site, tu pourras choisir :</p>



<ul class="wp-block-list"><li>de coder ton site ligne par ligne, cela te demandera beaucoup de connaissances que ce soit en PHP (ou Perl&#8230;), en javascript, en CSS. Pour un site statique, avec une présentation simple, cela peut être une bonne solution</li><li>d&rsquo;utiliser un <a href="https://www.journaldunet.fr/web-tech/dictionnaire-du-webmastering/1203349-cms-content-management-system-definition-traduction-et-acteurs/" target="_blank" rel="noreferrer noopener">CMS </a>tel que WordPress, l&rsquo;avantage est qu&rsquo;en quelques minutes, ton site peut être en ligne en prenant en compte les différents types de navigateur (ordinateur, tablette, téléphone) que les visiteurs utilisent</li></ul>



<p>Dans cet article, je te montrerai comment installer et utiliser WordPress qui sera installé sur ton serveur web tout frais (vu dans <a rel="noreferrer noopener" href="https://programmation.surleweb-france.fr/installer-serveur-web-complet/" target="_blank">cet article</a>).</p>



<h2 class="wp-block-heading">Installation de WordPress</h2>



<p>Une fois que ton serveur web est installé, je m&rsquo;appuie sur un LAMP (pour moi Linux, Apache2, MariaDB, PHP). L&rsquo;installation de WordPress est simple.</p>



<p>Je ferai une installation en ligne de commande.</p>



<h3 class="wp-block-heading">Création de la base de données et de son utilisateur</h3>



<p>WordPress utilise une base de données pour stocker la configuration de ton site, les différentes pages, les utilisateurs &#8230; En bref, tout le contenu de ton site. Tu auras donc besoin d&rsquo;une base avec son utilisateur. Dans ton terminal :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo mysql</pre>



<p>Ensuite, on crée la base et son utilisateur, en lui donnant les droits :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="sql" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">CREATE DATABASE nom_base;
GRANT ALL PRIVILEGES ON nom_base.* TO 'utilisateur'@'localhost' IDENTIFIED BY 'mot_de_passe';
FLUSH  PRIVILEGES;
QUIT;</pre>



<p>Les apostrophes sont importantes.</p>



<h3 class="wp-block-heading">Mise en place de WordPress</h3>



<p>Maintenant que ta base et ton utilisateur est créé, passons à WordPress.</p>



<p>On commence par télécharger la dernière version de WordPress :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">wget https://fr.wordpress.org/wordpress-latest-fr_FR.zip</pre>



<p>On le décompresse et le place dans le dossier du serveur qui doit contenir le site :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo unzip wordpress-latest-fr_FR.zip -d /var/www</pre>



<p>Maintenant, on va donner les bons droits au dossier afin :</p>



<ul class="wp-block-list"><li>de limiter les actions des utilisateurs</li><li>s&rsquo;assurer que l&rsquo;installation via le navigateur fonctionne</li><li>les fichiers doivent être modifiés par le serveur (www-data)</li></ul>



<p>Dans le terminal, saisies :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo chown www-data:www-data /var/www/wordpress -R
sudo chmod -R -wx,u+rwX,g+rX,o+rX /var/www/wordpress</pre>



<p>Afin de modifier le nom de ton dossier qui contient ton site, actuellement le dossier se nomme <strong>wordpress</strong> :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo mv /var/www/wordpress /var/www/mon_site</pre>



<h3 class="wp-block-heading">Configuration du VirtualHost d&rsquo;Apache2</h3>



<p>Ecrire dans un nouveau fichier de configuration de virtual <strong>/etc/apache2/sites-available/mon_site.conf</strong> :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="apache" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">&lt;VirtualHost *:80>
        ServerName mon_site
        DocumentRoot /var/www/mon_site
        &lt;Directory /var/www/mon_site>
                AllowOverride all
                Require all granted
        &lt;/Directory>
        ErrorLog /var/log/apache2/error.mon_site.log
        CustomLog /var/log/apache2/access.mon_site.log combined
&lt;/VirtualHost></pre>



<p>Maintenant, tu dois activer ce virtualhost :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo a2ensite mon_site.conf</pre>



<p>puis recharger le service :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo service apache2 reload</pre>



<h2 class="wp-block-heading">Conclusion</h2>



<p>Ton site est entièrement opérationnel. Abonnes-toi, je ferai une page sur l&rsquo;utilisation de WordPress.</p>
<p>L’article <a href="https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/">Avec quoi créer son site</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">329</post-id>	</item>
		<item>
		<title>Comprendre et créer son site internet</title>
		<link>https://programmation.surleweb-france.fr/comprendre-creer-site-internet/</link>
					<comments>https://programmation.surleweb-france.fr/comprendre-creer-site-internet/#respond</comments>
		
		<dc:creator><![CDATA[Zigomato]]></dc:creator>
		<pubDate>Mon, 11 May 2020 17:00:00 +0000</pubDate>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[création]]></category>
		<category><![CDATA[créer]]></category>
		<category><![CDATA[hébergement]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[nom de domaine]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[rémunération]]></category>
		<category><![CDATA[serveur web]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://programmation.surleweb-france.fr/?p=247</guid>

					<description><![CDATA[<p>La création de site internet passe par de nombreuse étapes, avant de commencer, il est important de comprendre comment cela fonctionne, l'environnement du web et quoi mettre en place</p>
<p class="continue-reading-button"> <a class="continue-reading-link" href="https://programmation.surleweb-france.fr/comprendre-creer-site-internet/">Continuer la lecture<i class="crycon-right-dir"></i></a></p>
<p>L’article <a href="https://programmation.surleweb-france.fr/comprendre-creer-site-internet/">Comprendre et créer son site internet</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Cette page sera vivante, il se peut que tous les articles ne soit pas encore disponibles, alors n&rsquo;hésites pas à t&rsquo;abonner soit par la newsletter, soit par les réseaux sociaux. Si tu vois qu&rsquo;un article manque(ra), n&rsquo;hésites pas à le dire en commentaire.</p><cite>Zigomato</cite></blockquote>



<p>En venant sur ce site, j&rsquo;imagine que tu as dans l&rsquo;idée de mettre en ligne (sur le web ou localement) un site internet. La mise en ligne et la conception peut être très simple, encore faut-il savoir comment s&rsquo;y prendre. Tu verras qu&rsquo;en quelques minutes, un site peut être publié mais avant de se lancer dedans, il est important de comprendre ce qu&rsquo;il faut et connaître les mécanismes d&rsquo;internet (dans les grandes lignes). </p>



<p>A la fin de cet article tu seras en mesure d&rsquo;avoir ton propre site mais pour cela et pour que ce soit plus digeste (j&rsquo;ai pas une plume des plus légères), j&rsquo;ai découpé le sujet en plusieurs parties.</p>



<p>Chacune aura son intérêt, peut être facultative mais te donnera une idée générale. </p>



<p>Je n&rsquo;ai pas pour objectif de révolutionner le sujet, mais j&rsquo;essayerai d&rsquo;amener un maximum d&rsquo;informations.</p>



<h2 class="wp-block-heading">Internet ? C&rsquo;est quoi au juste?</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1280" height="905" src="https://i2.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?fit=900%2C636&amp;ssl=1" alt="" class="wp-image-254" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?w=1280&amp;ssl=1 1280w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?resize=300%2C212&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?resize=1024%2C724&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?resize=768%2C543&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/tree-200795_1280-1.jpg?resize=150%2C106&amp;ssl=1 150w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure>



<p>Internet est un outil du quotidien, tellement quotidien que l&rsquo;on oubli qu&rsquo;il n&rsquo;a pas toujours existé, la première partie t&rsquo;amèra sur cette page.</p>



<p>Pour lire l&rsquo;article, je t&rsquo;invite à suivre ce <a href="https://programmation.surleweb-france.fr/internet-c-est-quoi-au-juste/(ouvre un nouvel onglet)" target="_blank" rel="noreferrer noopener">lien</a>.</p>



<h2 class="wp-block-heading">Hébergement local ou extérieur ?</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1280" height="853" src="https://i1.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?fit=900%2C599&amp;ssl=1" alt="" class="wp-image-269" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?w=1280&amp;ssl=1 1280w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/besides-the-cancer-time-to-nearby-lodging-2513008_1280-1.jpg?resize=150%2C100&amp;ssl=1 150w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<p>Tu devra faire un choix, faire héberger ton site chez un hébergeur ou bien l&rsquo;auto-héberger. Les deux ont leurs avantages et inconvénients.</p>



<p>En fonction de tes besoins, tu verras que ton idée initiale n&rsquo;aura pas été la meilleur.</p>



<p>L&rsquo;article est visible sur cette <a href="https://programmation.surleweb-france.fr/hebergement-local-ou-exterieur/" target="_blank" rel="noreferrer noopener">page</a>.</p>



<h2 class="wp-block-heading">Un nom de domaine</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1280" height="975" src="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?fit=900%2C686&amp;ssl=1" alt="" class="wp-image-299" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?w=1280&amp;ssl=1 1280w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?resize=300%2C229&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?resize=1024%2C780&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?resize=768%2C585&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/domain-names-1772240_1280-1.png?resize=150%2C114&amp;ssl=1 150w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<p>Que tu sois hébergé à l&rsquo;extérieur ou chez toi (je parle de ton serveur), tu aura certainement besoin d&rsquo;un nom de domaine, si tu as lu la première partie, tu sauras. Malheureusement, ce nom de domaine aura un coût (ne t&rsquo;affole pas, il sera faible).</p>



<p>Plus d&rsquo;explication dans <a href="https://programmation.surleweb-france.fr/nom-de-domaine/" target="_blank" rel="noreferrer noopener">cet article</a>.</p>



<h2 class="wp-block-heading">Un serveur web</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1280" height="853" src="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?fit=900%2C599&amp;ssl=1" alt="" class="wp-image-310" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?w=1280&amp;ssl=1 1280w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/technology-3406895_1280-1.jpg?resize=150%2C100&amp;ssl=1 150w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<p>On progresse, tu as ton hébergement, ton nom de domaine, maintenant, il est temps d&rsquo;avoir ton site &#8230;, je m&#8217;emballe, avant cela, il te faut un serveur web. </p>



<p>Pour ma part, je vais te montrer comment installer un serveur web chez toi à base Apache, MariaDB et PHP, en plus, on installera PHPMyAdmin.</p>



<p>En général, les hébergements extérieurs proposent déjà des installations cela fait parti des avantages comme des inconvénients.</p>



<p>Je t&rsquo;invite à suivre ce lien, si tu veux en découvrir plus, <a href="https://programmation.surleweb-france.fr/installer-serveur-web-complet/">lien</a>.</p>



<h2 class="wp-block-heading">La création du site</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1280" height="853" src="https://i2.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?fit=900%2C599&amp;ssl=1" alt="" class="wp-image-328" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?w=1280&amp;ssl=1 1280w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?resize=1024%2C682&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?resize=768%2C512&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/webdesign-3411373_1280-1.jpg?resize=150%2C100&amp;ssl=1 150w" sizes="auto, (max-width: 900px) 100vw, 900px" /></figure></div>



<p>On y vient enfin, tu auras le choix de produire un site de A à Z ou bien d&rsquo;utiliser un CMS comme WordPress, en fonction de ton niveau mais également du temps disponible et du genre de site que tu veux faire, le choix t&rsquo;appartient.</p>



<p>Voici deux articles qui te montreront les outils nécessaires pour faire ton site :</p>



<ul class="wp-block-list"><li>avec WordPress</li><li>à la dure, en codant tout ton site.</li></ul>



<p>Pour en lire plus, suivre <a href="https://programmation.surleweb-france.fr/avec-quoi-creer-son-site/" target="_blank" rel="noreferrer noopener">ce lien</a>.</p>



<h2 class="wp-block-heading">Le référencement (facultatif)</h2>



<p>C&rsquo;est bien ton site est en ligne, encore faut-il le faire connaître. Le mettre en bonne place dans un moteur de recherche est un sacerdoce. Plein de règles plus ou moins défini, des outils et surtout de la patience.</p>



<p>Pourquoi ai-je mis que c&rsquo;était facultatif ? Tout simplement parce que tu ne souhaite pas obligatoirement avoir un site en tête de recherche, il s&rsquo;agit peut-être d&rsquo;un site pour ton usage personnel mais accessible de partout (dans ce cas, même le nom de domaine n&rsquo;est pas indispensable)</p>



<p>La page est enfin accessible à <a href="https://programmation.surleweb-france.fr/referencement-de-son-site/" target="_blank" rel="noreferrer noopener">cette adresse</a>.</p>



<h2 class="wp-block-heading">La rémunération (facultative)</h2>



<p>J&rsquo;ai bien préciser dès le titre du chapitre, la rémunération de ton site est facultative, cela ne fera pas mieux fonctionner ton site. </p>



<p>Il serait même extraordinaire que tu puisses en vivre, même si c&rsquo;est tout le mal que je te souhaite.</p>



<p>Pour voir l&rsquo;article, suivre ce <a href="https://programmation.surleweb-france.fr/remunerer-son-site-internet/" target="_blank" rel="noreferrer noopener">lien</a>.</p>



<h2 class="wp-block-heading">La veille (toujours facultative)</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="900" height="418" src="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=900%2C418&#038;ssl=1" alt="Bannière feedly" class="wp-image-547" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=1024%2C476&amp;ssl=1 1024w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=300%2C139&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=768%2C357&amp;ssl=1 768w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=1536%2C713&amp;ssl=1 1536w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?resize=150%2C70&amp;ssl=1 150w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/Feedly.jpg?w=1600&amp;ssl=1 1600w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption>Bannière feedly</figcaption></figure></div>



<p>La veille te permettra de te tenir à jour sur le thème de ton site, bien sûr, il se peut que cela ne soit pas nécessaire, mais la veille peut te permettre aussi de trouver des idées originales ou d&rsquo;actualités à publier.</p>



<p>L&rsquo;article pour la création de son système de veille est sur <a href="https://programmation.surleweb-france.fr/faire-une-veille-pour-son-site/" target="_blank" rel="noreferrer noopener">cette page</a>.</p>



<h2 class="wp-block-heading">Conclusion</h2>



<p>En arrivant à la fin de cet article, tu devrais être armé pour créer toi même ton site. </p>



<p>N&rsquo;hésites pas à partager cette page et surtout à faire des commentaires, sur une partie qui te sembles importante et que j&rsquo;aurai totalement mise de côté.</p>
<p>L’article <a href="https://programmation.surleweb-france.fr/comprendre-creer-site-internet/">Comprendre et créer son site internet</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://programmation.surleweb-france.fr/comprendre-creer-site-internet/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">247</post-id>	</item>
		<item>
		<title>WordPress, Imagick est manquant</title>
		<link>https://programmation.surleweb-france.fr/wordpress-imagick-est-manquant/</link>
					<comments>https://programmation.surleweb-france.fr/wordpress-imagick-est-manquant/#respond</comments>
		
		<dc:creator><![CDATA[Zigomato]]></dc:creator>
		<pubDate>Fri, 01 May 2020 17:15:00 +0000</pubDate>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[défaut]]></category>
		<category><![CDATA[erreur]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[imagick]]></category>
		<category><![CDATA[manquant]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://programmation.surleweb-france.fr/?p=69</guid>

					<description><![CDATA[<p>Résolution de l'extension php imagick manquante dans le bilan de santé de WordPress. Quelques lignes pour résoudre des bugs.</p>
<p class="continue-reading-button"> <a class="continue-reading-link" href="https://programmation.surleweb-france.fr/wordpress-imagick-est-manquant/">Continuer la lecture<i class="crycon-right-dir"></i></a></p>
<p>L’article <a href="https://programmation.surleweb-france.fr/wordpress-imagick-est-manquant/">WordPress, Imagick est manquant</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Imagick est une fameuse extension de PHP pour la création et modification d&rsquo;image qui utilise la librairie ImageMagick. Bien que cette extension de PHP ne soit pas obligatoire, WordPress en a besoin.</p>



<p>En effet, sur l&rsquo;installation récente que j&rsquo;ai effectuée, ce module de php n&rsquo;a pas été installé. Voici la méthode pour :</p>



<ul class="wp-block-list"><li>installer Imagick</li><li>faire disparaître cette recommandation dans l&rsquo;outils de bilan de santé</li><li>Tester l&rsquo;activation</li></ul>



<p>Pour information, je suis sur un serveur auto-hébergé qui tourne sur Ubuntu Server, donc ce qui suit ne concerne pas les utilisateurs de Windows ou MacOs.</p>



<h2 class="wp-block-heading">Installation du paquet</h2>



<p>Cela sera rapide, tu mettras plus de temps à me lire. </p>



<p>Afin que tu puisses utiliser Imagick sur php7,  installes le paquet :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo apt-get install php-imagick</pre>



<p>L&rsquo;installation est rapide et ne prend qu&rsquo;une à deux minutes.</p>



<h2 class="wp-block-heading">Vérification de l&rsquo;installation</h2>



<p>Ensuite, toujours dans un terminal, saisies la commande :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">php -m | grep imagick</pre>



<p>Dans le terminal, tu dois voir apparaître <em><strong>imagick</strong></em>.</p>



<h2 class="wp-block-heading">Redémarrage du serveur web</h2>



<p>Maintenant, il ne te reste plus qu&rsquo;à redémarrer ton serveur web, dans mon cas, Apache :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">sudo service apache2 restart</pre>



<p>Comme résultat de ces petites instructions qui régleront un soucis assez commun vu le nombre de sujet sur différent forum.</p>



<p class="has-small-font-size">Cet astuce a été vu sur <a href="https://ourcodeworld.com/articles/read/645/how-to-install-imagick-for-php-7-in-ubuntu-16-04">ourcodeworld.com</a>.</p>
<p>L’article <a href="https://programmation.surleweb-france.fr/wordpress-imagick-est-manquant/">WordPress, Imagick est manquant</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://programmation.surleweb-france.fr/wordpress-imagick-est-manquant/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">69</post-id>	</item>
		<item>
		<title>WordPress, thème par défaut absent</title>
		<link>https://programmation.surleweb-france.fr/wordpress-theme-par-defaut-absent/</link>
					<comments>https://programmation.surleweb-france.fr/wordpress-theme-par-defaut-absent/#respond</comments>
		
		<dc:creator><![CDATA[Zigomato]]></dc:creator>
		<pubDate>Thu, 30 Apr 2020 22:04:21 +0000</pubDate>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[absent]]></category>
		<category><![CDATA[défaut]]></category>
		<category><![CDATA[multi-site]]></category>
		<category><![CDATA[outils]]></category>
		<category><![CDATA[php.ini]]></category>
		<category><![CDATA[santé]]></category>
		<category><![CDATA[thème]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://programmation.surleweb-france.fr/?p=62</guid>

					<description><![CDATA[<p>La mise en place du thème par défaut de WordPress n'est qu'une recommandation mais l’apparition d'une recommandation est toujours bonne à suivre.</p>
<p class="continue-reading-button"> <a class="continue-reading-link" href="https://programmation.surleweb-france.fr/wordpress-theme-par-defaut-absent/">Continuer la lecture<i class="crycon-right-dir"></i></a></p>
<p>L’article <a href="https://programmation.surleweb-france.fr/wordpress-theme-par-defaut-absent/">WordPress, thème par défaut absent</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Si tu as un site sous <a href="https://fr.wordpress.org/">WordPress</a>, tu as dû voir apparaître depuis la mise à jour 5.2, un petit encart indiquant l&rsquo;état de santé du site :</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img data-recalc-dims="1" loading="lazy" decoding="async" width="565" height="173" src="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/wordpress-ecran-de-sante.png?resize=565%2C173&#038;ssl=1" alt="Wordpress, écran de santé du site" class="wp-image-477" srcset="https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/wordpress-ecran-de-sante.png?w=565&amp;ssl=1 565w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/wordpress-ecran-de-sante.png?resize=300%2C92&amp;ssl=1 300w, https://i0.wp.com/programmation.surleweb-france.fr/wp-content/uploads/2020/05/wordpress-ecran-de-sante.png?resize=150%2C46&amp;ssl=1 150w" sizes="auto, (max-width: 565px) 100vw, 565px" /><figcaption>WordPress, écran de santé du site</figcaption></figure></div>



<p>Obtenir un score à « good » est toujours une bonne chose quant au fonctionnement optimal de son site.</p>



<p>Il s&rsquo;agit parfois de conseils importants ou simplement de recommandations.</p>



<p>J&rsquo;ai eu lors de la réinstallation du serveur, le message m&rsquo;indiquant que je n&rsquo;avais pas de thème par défaut.</p>



<h2 class="wp-block-heading">Correction du défaut</h2>



<p>Tout d&rsquo;abord, il ne s&rsquo;agit pas réellement d&rsquo;un défaut, mais si comme moi, tu n&rsquo;aimes pas voir apparaître des recommandations, voici comment t&rsquo;y prendre. Il s&rsquo;agit d&rsquo;une astuce concernant la gestion multi-site de WordPress.</p>



<p>Dans le fichier  « <em><strong>wp-config.php</strong></em>&lsquo;, ajoute cette ligne :</p>



<pre class="EnlighterJSRAW" data-enlighter-language="php" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">/** 
     *Thème par défaut de WordPress MU * 
*/ 
define('WP_DEFAULT_THEME', 'nom_du_theme');</pre>



<p>Remplaces le nom du thème par le nom du dossier contenant le thème concerné. Sauvegardes. </p>



<p>Lorsque tu rafraîchis l&rsquo;outils, la ligne aura disparu.</p>



<p class="has-small-font-size">L&rsquo;astuce a été vu sur <a href="https://wpchannel.com/wordpress/tutoriels-wordpress/theme-defaut-wordpress-multisite/">wpchannel.com</a>.</p>
<p>L’article <a href="https://programmation.surleweb-france.fr/wordpress-theme-par-defaut-absent/">WordPress, thème par défaut absent</a> est apparu en premier sur <a href="https://programmation.surleweb-france.fr">La programmation sur le web</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://programmation.surleweb-france.fr/wordpress-theme-par-defaut-absent/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">62</post-id>	</item>
	</channel>
</rss>
