Bonjour,
Luchis a écrit :
Je suis très faible techniquement car ... je ne suis qu'en plein milieu de ma formation webdesign
Le problème n'a rien à voir avec WordPress. Ça fait des semaines que j'essaie de te faire tester un malheureux fichier html qui n'a rien à voir avec WordPress. Il suffit juste de mettre le bon chemin. Et ça, c'est quand même le minimum syndical si on veut faire du web design. Sinon, tu ne tiendras jamais 2 jours dans n'importe quelle agence web.
Luchis a écrit :
J'ai installé une nouvelle version du thème et réitéré l'expérience en injectant ton html, puis en l'ouvrant dans MAMP mais sans succès ( je ne pense pas avoir touché aux fichiers wordpress ... )
En l'injectant ? (je crains le pire).
Reprenons : tu as copié le html que j'ai fourni dans un fichier (enfin, j'espère que c'est ce que tu as fait, et que tu as copié l'ensemble du code). On va supposer que ce fichier s'appelle "test.html". On suppose que tu l'as mis dans le dossier "wordpress/wp-content/themes/hitchcock/fa/css". Pas le meilleur endroit, mais on va faire avec pour l'instant.
Contenu du fichier "test.html" :
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=yes">
<link rel="stylesheet" href="font-awesome.css" crossorigin="anonymous">
<style>
.social-menu a {
display: block;
width: 36px;
height: 36px;
background: #2d2d2d;
border-radius: 99px;
color: #fff;
position: relative;
-webkit-font-smoothing: antialiased;
}
.social-menu a:hover {
background: #3bc492;
color: #fff;
}
.social-menu li a::before {
content: '\f408';
font-family: 'fontAwesome';
display: inline-block;
font-size: 16px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -8px;
left: 0;
right: 0;
}
.wp-is-mobile .social-menu li a::before { margin-top: -7px; }
.social-menu li a[href*="codepen.io"]::before { content: '\f1cb'; }
.social-menu li a[href*="dribbble.com"]::before { content: '\f17d'; }
.social-menu li a[href*="facebook.com"]::before { content: '\f09a'; }
.social-menu li a[href*="flickr.com"]::before { content: '\f16e'; }
.social-menu li a[href*="github.com"]::before { content: '\f09b'; }
.social-menu li a[href*="instagram.com"]::before { content: '\f16d'; }
.social-menu li a[href*="linkedin.com"]::before { content: '\f0e1'; }
.social-menu li a[href*="pinterest.com"]::before { content: '\f0d2'; }
.social-menu li a[href*="plus.google.com"]::before { content: '\f0d5'; }
.social-menu li a[href*="soundcloud.com"]::before { content: '\f1be'; }
.social-menu li a[href*="tumblr.com"]::before { content: '\f173'; }
.social-menu li a[href*="twitter.com"]::before { content: '\f099'; }
.social-menu li a[href*="vimeo.com"]::before { content: '\f194'; }
.social-menu li a[href*="wordpress.org"]::before,
.social-menu li a[href*="wordpress.com"]::before { content: '\f19a'; }
.social-menu li a[href*="youtube.com"]::before { content: '\f167'; }
.social-menu li a[href*="mailto"]::before { content: '\f0e0'; }
</style>
</head>
<body>
<ul class="social-menu">
<li><a href="codepen.io"></a></li>
<li><a href="dribbble.com"></a></li>
<li><a href="facebook.com"></a></li>
<li><a href="flickr.com"></a></li>
<li><a href="github.com"></a></li>
<li><a href="instagram.com"></a></li>
<li><a href="linkedin.com"></a></li>
<li><a href="pinterest.com"></a></li>
<li><a href="plus.google.com"></a></li>
<li><a href="soundcloud.com"></a></li>
<li><a href="tumblr.com"></a></li>
<li><a href="twitter.com"></a></li>
<li><a href="vimeo.com"></a></li>
<li><a href="wordpress.com"></a></li>
<li><a href="youtube.com"></a></li>
<li><a href="mailto"></a></li>
</ul>
</body>
</html>
Ensuite, pour tester, tu lances un navigateur, et tu mets dans la barre d'adresse l'url complète pour "test.html". Chez moi, cette url est (j'ai aussi MAMP) :
http://localhost:8888/wordpress/wp-content/themes/hitchcock/fa/css/test.html
Ceci doit fonctionner si ton dossier "wordpress" est à la racine de tes sites pour MAMP. Sinon, il faut remplacer "wordpress" par un bout de chemin approprié (celui que tu mets pour lancer ton wordpress a priori).
Amicalement,
Modifié par parsimonhi (24 Jan 2019 - 18:18)
). Je fais le plein d'informations à chaque postes même si ça n'en a pas l'air ...
