Bonjour,

Y a un truc que je ne comprends pas : ton fontAwesome, c'est lequel ?

https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css ?

En prenant ce fontAwesome et en utilisant "fontAwesome" dans le font-family du html que je t'ai fourni, chez moi, ça marche. C'est à dire en utilisant exactement le code suivant :
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=yes">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.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>


Tu testes sur un serveur local ou sur un serveur distant ?
EDIT: arf, je viens de voir que tu mets "font Awesome" dans le font-family. Essaie avec "fontAwesome" sans espace entre "font" et "Awesome".

Amicalement,
Modifié par parsimonhi (23 Jan 2019 - 17:43)
Bonjour
Ca y est j'ai rectifié. je me doutais que c’était du à un inline manquant mais j'avoue que je suis vite perdue avec la multiplication des css que je ne maîtrise pas dans un cms et j'ai peur de me modifications quand il y a des cascades.
Là je crois que je n'ai ps le chois des !important mais cela fonctionne Smiley smile
Merci pour ta persévérance et pédagogie qui m'a poussé à aller au bout
Bonne journée

mon code final

.sp-module ul.menugestion-tableau-bord ul > li > a  {
  text-decoration: underline;  
  line-height: 1rem!important;
  display: inline!important;
}

.sp-module ul.menugestion-tableau-bord ul > li:before {
content:"> ";
}

.sp-module ul.menugestion-tableau-bord ul > li > a:visited {
text-decoration: underline; 
  color:green;
 /* text-decoration: underline overline #FF3028; */
}
.sp-module ul.menugestion-tableau-bord ul > li > a:hover{
  text-decoration:  #a00 wavy underline;
  color: #a00;
}

.menugestion-tableau-bord  span.nav-header {
    font-size:1.5rem;
    padding: 0rem 0rem 0rem 1.2rem;
    font-weight : 800;
}
Oui, merci, c'est sans doute la bonne approche.
Ça signifie que l'administrateur sache gérer le workflow, ce qui n'est pas évident, mais un peu de réflexion et de design de ma part peuvent éviter de grosses bourdes, du genre ne pas accepter -- dans l'application de saisie -- des références à des objets qui n'existent pas encore, mais surtout mettre un warning dans le formulaire de saisie pour rappeler ce genre de contraintes, évidentes... quand on a déjà rencontré le problème.
Il est certain qu'étant à la fois le concepteur-réalisateur du site et le seul administrateur, je n'ai pas vraiment besoin de garde fou, surtout que je fais ça depuis près de 20 ans, les réflexes sont acquis.
Je vais partir sur un design de ce genre, on verra bien ce qui se passe, je ne manquerai pas de consulter les experts à l'occasion.
Je marque le sujet comme résolu... du moins pour le moment.
Modifié par PapyJP (23 Jan 2019 - 13:53)
Bonjour,

le problème c'est que dans la pratique, quasi aucun site n'utilise ce genre de workflow car pour les petits ça complexifie énormément la chose, et pour les gros, ils ont presque toujours de la gestion de concurrence qui empêchent ce genre de modifications «par publication».

On travaille généralement en modifiant au fur et à mesure sur la bête en production, une modification étant directement publique (la plupart du temps). Pour les contenus un peu plus conséquents on ajoute une option de publication parfois (un booléen / une case à cocher) qui permet de ne le publier qu'une fois que nous sommes content du contenu (ou pour préparer à l'avance un contenu pour une date précise).

Après il faut juste un peu d'organisation pour ne pas avoir des données absurdes.

Prenons un exemple concret:

Je crée une fiche «film». Ce film est lié à des acteurs. Si des acteurs n'existent pas encore je commence par créer leurs fiches et je les publie. Avant que la fiche film ne soit crée j'ai donc des fiches acteurs reliés à aucun film qui sont publiées. C'est une petite incohérence temporaire avec laquelle on peut vivre. Ensuite on peut créer notre fiche film et la publier.
Pour la modification de l'un ou de l'autre ça ne pose généralement pas de problèmes de cohérence, pour la suppression on peut soit gérer des cascades, soit le faire méthodiquement selon les cas.

Dans ton cas précis ton contenu principal est «répétition», tu peux choisir de devoir créer au préalable les contenus liés avant le contenu principal. Ou tu peux permettre de créer / gérer à la volée les contenus liés dans le formulaire principal des répétitions. C'est un peu plus complexe à coder, mais pas insurmontable. Par contre cela rend ce formulaire beaucoup plus long à remplir, et c'est là que l'option publié/non publié devient pratique. Cela permet de sauvegarder le travail en cours sans qu'il soit visible hors administrateur ou sur le calendrier. Mais c'est le seul contenu dans ton exemple qui mérite ce traitement. Tu peux créer et mettre en ligne directement de nouveaux auteurs/partitions/extraits sonores sans problèmes, de toute façon il y a peu de chance qu'on tombe dessus s'ils ne sont encore liés à rien.
Bonjour ,
Salutations!

Je suis intéressé à aider plus loin sur l'exigence affichée.
Récemment, j'ai développé un module sur drupal 7 pour calculer le nombre de nœuds à partir d'un lien sur le forum

S'il vous plaît laissez-moi savoir, si vous êtes intéressé souhaitez discuter plus sur les attentes

Skype - deepvyas71

Meilleures salutations
Deep
Modifié par deepvyas (23 Jan 2019 - 13:23)
Merci de ta réponse

Bien entendu l’interface sera des listes déroulantes des titres des œuvres et pas leurs identifiants. Ça demande un peu de travail pour présenter les bonnes entrées dans ces listes pour éviter d’avoir des listes avec plusieurs centaines de lignes, mais ce n’est pas un gros problème.

Le point qui n’est pas clair pour moi c’est le processus de publication des données par l’administrateur.
Étape 1: il modifie ou crée des enregistrements dans la database et crée ou modifie des fichiers dans le système de fichiers.
Durant cette étape, qui correspond à ce que je fais actuellement sur mon PC, les modifications ne sont pas visibles par les utilisateurs.
Étape 2: il considère que c’est bon et publie ses modifications
La question est « comment ça se passe ? »
C’est cela l’objet de cette discussion.

Ce que je pense pour le moment, c’est avoir une database "admin" et une database "public" et faire une mise à jour des modifications de la première vers la deuxième. Ça me semble lourd comme processus et c’est pour cela que j’aimerais avoir l’avis de personnes qui l’ont déjà fait.
Bonjour

Bon ben du coup j'ai mis un !important sur le line-height et cela fonctionne

Pour ne pas avoir le soulignement de "*" j'avai déjà essayé de mettre après le before, ela me met un retour à la ligne inadéquat. Voic imon code au cas ou j'ai fais encore une erreur bête, sinon si qq peut me donner d'autres pistes.
/*.sp-module ul.menugestion-tableau-bord ul > li:before  { */
.sp-module ul.menugestion-tableau-bord ul > li > a:before  {
  content: "> ";
}

en tout les cas merci pour ton aide et explicatins
Bonne journée
Merci encore pour ton aide,

Je vais essayer de suivre au mieux tes directives. Voici un screenshot du résultat :

https://image.noelshack.com/fichiers/2019/04/3/1548238059-capture-d-ecran-2019-01-23-a-11-14-35.png

Au milieu ton html et à gauche, le css disponible dans le thème Hitchcock.

N : Je me suis trompée dans l'écriture du lien href, apparemment c'est "https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" mais le résultat est le même.
Bonjour,
Luchis a écrit :
Bonjour Parsimonhi,

Et merci encore pour ton temps.

Autant pou moi, je n'avais pas bien compris ta question : pas de soucis du côté de l'affichage des FontAwesome sur une page html externe. Je viens de tester pour le font-family, sans succès ...

Il faut déjà que tu fasses fonctionner le html externe que je t'ai fourni, mais en remplaçant le fontAwesome de ce html par ton fontAwesome à toi (celui qui doit être quelque part dans l'arborescence de ton CMS. Et il faudra sans doute changer le font-family (celui qui est dans mon code HTML fait référence à la version 5 de fontAwesome alors que tu as une version 4). Il y a de grande chance pour que le font family soit "fontAwesome" dans ce cas.

Une fois que ce html fonctionnera avec ton fontAwesome (j'insiste), on pourra avancer.

Amicalement,
Modifié par parsimonhi (23 Jan 2019 - 10:59)
Bonjour Parsimonhi,

Merci encore pour ton temps.

Autant pou moi, je n'avais pas bien compris ta question : pas de soucis du côté de l'affichage des FontAwesome sur une page html externe.

Voici le point sur les différentes tentatives amorcées :
- Remplacement du "Font Awesome" par "Font Awesome 5 Free', 'Font Awesome 5 Brands';" dans le font-family - non concluant
- Suppression du fichier "fa" ( comprenant un dossier css et fonts ) - non concluant
- Installation du plugin Font Awesome - non concluant
- Ajout du code "add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', PHP_INT_MAX);
function enqueue_child_theme_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
wp_enqueue_style( 'hitchcock_fontawesome', get_template_directory_uri() . '/fa/css/font-awesome.css' ); }
"dans le fichier FUNCTIONS.PHP non concluant
- Remplacement de la ligne php "wp_enqueue_style( 'hitchcock_fontawesome', get_template_directory_uri() . '/fa/css/font-awesome.css' );" par "wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' ); non concluant
Modifié par Luchis (23 Jan 2019 - 10:44)
25 Dernières réponses