FEATURE Refining behaviour & introducing share buttons & urls

header.php

@@ -7,6 +7,9 @@
 	<link rel="profile" href="http://gmpg.org/xfn/11">
 	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
 
+	<!-- Métadonnées Open Graph pour le partage sur les réseaux sociaux -->
+	<?php echo generate_og_meta_tags(); ?>
+
 	<?php wp_head(); ?>
 </head>
 

includes/utilities.php

@@ -1,5 +1,15 @@
 <?php
 
+/**
+ * Récupère tous les auteurs uniques d'une revue
+ * 
+ * Cette fonction collecte tous les auteurs des articles liés à une revue spécifique.
+ * Elle parcourt tous les articles publiés qui ont une relation avec la revue
+ * et retourne un tableau d'IDs d'auteurs uniques.
+ * 
+ * @param int $revueID L'ID de la revue pour laquelle récupérer les auteurs
+ * @return array Tableau d'IDs d'auteurs uniques
+ */
 function getRevueAuthors($revueID)
 {
 	$revueRelatedArticles = new WP_Query(array(
@@ -28,6 +38,17 @@ function getRevueAuthors($revueID)
 	return array_unique($authors);
 }
 
+/**
+ * Récupère tous les termes uniques d'une taxonomie pour une revue
+ * 
+ * Cette fonction collecte tous les termes d'une taxonomie spécifique
+ * associés aux articles d'une revue. Elle parcourt tous les articles
+ * liés à la revue et retourne les termes uniques de la taxonomie donnée.
+ * 
+ * @param int $revueID L'ID de la revue
+ * @param string $taxonomy Le nom de la taxonomie (ex: 'etiquettes', 'category')
+ * @return array Tableau d'objets de termes uniques
+ */
 function get_revue_terms($revueID, $taxonomy)
 {
 	$revueRelatedArticles = new WP_Query(array(
@@ -63,6 +84,16 @@ function get_revue_terms($revueID, $taxonomy)
 }
 
 
+/**
+ * Compte le nombre d'articles d'un utilisateur pour un type de post donné
+ * 
+ * Cette fonction compte combien d'articles d'un type spécifique
+ * sont associés à un utilisateur donné via le champ custom 'authors'.
+ * 
+ * @param int $userID L'ID de l'utilisateur
+ * @param string $postType Le type de post à compter (ex: 'articles')
+ * @return int Le nombre d'articles trouvés
+ */
 function count_user_articles($userID, $postType)
 {
 	$args = array(
@@ -80,6 +111,17 @@ function count_user_articles($userID, $postType)
 }
 
 
+/**
+ * Génère un sommaire automatique à partir du contenu d'un post
+ * 
+ * Cette fonction analyse les blocs Gutenberg d'un post pour extraire
+ * tous les titres de niveau 2 (h2) et créer un index de navigation.
+ * Elle génère des ancres automatiques pour chaque titre.
+ * 
+ * @param int $postID L'ID du post à analyser
+ * @return array Tableau associatif contenant les éléments du sommaire
+ *               Chaque élément contient: title, anchor, level
+ */
 function build_sommaire_from_content($postID)
 {
 	$blocks = parse_blocks(get_the_content($postID));
@@ -137,6 +179,16 @@ function build_sommaire_from_content($postID)
 }
 
 
+/**
+ * Construit un index des notes de bas de page à partir du contenu HTML
+ * 
+ * Cette fonction analyse le contenu HTML pour détecter les liens de notes
+ * de bas de page (avec classe 'footnote-reference') et extrait leur contenu
+ * pour créer un index numéroté des notes.
+ * 
+ * @param string $content Le contenu HTML à analyser
+ * @return array Tableau des notes de bas de page avec clé, ancre et contenu
+ */
 function build_footnotes_index_from_content($content)
 {
 	if (empty($content)) {
@@ -167,6 +219,16 @@ function build_footnotes_index_from_content($content)
 }
 
 
+/**
+ * Ajoute des identifiants uniques aux liens de notes de bas de page dans le contenu
+ * 
+ * Cette fonction parcourt le contenu HTML et ajoute un attribut id unique
+ * à chaque lien ayant la classe "footnote-reference". Cela permet de créer
+ * des ancres de navigation pour les notes de bas de page.
+ * 
+ * @param string $content Le contenu HTML à traiter
+ * @return string Le contenu modifié avec les IDs ajoutés aux notes de bas de page
+ */
 function apply_footnotes_urls_to_content($content)
 {
 	$post_type = get_post_type();
@@ -188,3 +250,243 @@ function apply_footnotes_urls_to_content($content)
 	return $content;
 }
 add_filter('the_content', 'apply_footnotes_urls_to_content', 10);
+
+
+
+
+/**
+ * Récupère le nombre de likes d'un post
+ * 
+ * Cette fonction utilitaire récupère le compteur de likes stocké
+ * dans les métadonnées d'un post. Retourne 0 si aucun like n'existe.
+ * 
+ * @param int $post_id L'ID du post
+ * @return int Le nombre de likes (0 si aucun)
+ */
+function get_post_likes_count($post_id)
+{
+	$likes_count = get_post_meta($post_id, 'likes_count', true);
+	return $likes_count ? intval($likes_count) : 0;
+}
+
+
+/**
+ * Affiche le nombre de likes d'un post avec formatage
+ * 
+ * Cette fonction utilitaire formate l'affichage du compteur de likes
+ * avec une icône optionnelle et la gestion du pluriel.
+ * 
+ * @param int $post_id L'ID du post
+ * @param bool $show_icon Afficher l'icône cœur (défaut: true)
+ * @return string Le texte formaté (ex: "❤️ 5 likes" ou "3 like")
+ */
+function display_likes_count($post_id, $show_icon = true)
+{
+	$likes_count = get_likes_count($post_id);
+	$icon = $show_icon ? '❤️ ' : '';
+
+	return $icon . $likes_count . ' like' . ($likes_count > 1 ? 's' : '');
+}
+
+
+/**
+ * Construit les URL de partage pour un post
+ * 
+ * Cette fonction génère les URL de partage pour un post spécifique.
+ * Elle retourne un tableau associatif contenant les URL de partage pour Facebook, Twitter-X et LinkedIn.
+ * 
+ * @return array Tableau associatif contenant les URL de partage
+ */
+function build_share_urls()
+{
+	$post_id = get_the_ID();
+
+	$postUrl = get_permalink($post_id);
+	$postTitle = get_the_title($post_id);
+	$facebookUrl = 'https://www.facebook.com/sharer.php?u=' . $postUrl;
+	$twitterUrl = 'https://twitter.com/intent/tweet?text=' . $postTitle  . '&url=' . get_the_permalink(get_the_id());
+	$linkedInUrl = 'https://www.linkedin.com/feed/?shareActive=true&text=' . $postTitle . ' ' . $postUrl;
+
+	return array(
+		'Facebook' => $facebookUrl,
+		'Twitter-X' => $twitterUrl,
+		'Linkedin' => $linkedInUrl
+	);
+}
+
+/**
+ * Génère les métadonnées Open Graph pour le partage sur les réseaux sociaux
+ */
+function generate_og_meta_tags()
+{
+	global $post;
+
+	// URL canonique
+	$og_url = is_home() ? home_url() : get_permalink();
+
+	// Titre
+	if (is_home() || is_front_page()) {
+		$og_title = get_bloginfo('name');
+		$og_description = get_bloginfo('description');
+	} elseif (is_single() || is_page()) {
+		$og_title = get_the_title();
+		$og_description = get_the_excerpt();
+
+		// Pour les articles, améliorer la description avec les métadonnées
+		if (empty($og_description) && get_post_type() === 'articles') {
+			// Essayer d'utiliser le champ de référence de citation si disponible
+			$cite_reference = get_field('cite_reference');
+			if (!empty($cite_reference)) {
+				$og_description = strip_tags($cite_reference);
+			}
+		}
+
+		// Fallback vers le contenu si toujours vide
+		if (empty($og_description)) {
+			$og_description = wp_trim_words(strip_tags(get_the_content()), 30);
+		}
+	} elseif (is_category()) {
+		$og_title = single_cat_title('', false) . ' - ' . get_bloginfo('name');
+		$og_description = category_description();
+	} elseif (is_tag()) {
+		$og_title = single_tag_title('', false) . ' - ' . get_bloginfo('name');
+		$og_description = tag_description();
+	} elseif (is_archive()) {
+		$og_title = get_the_archive_title() . ' - ' . get_bloginfo('name');
+		$og_description = get_the_archive_description();
+	} else {
+		$og_title = wp_get_document_title();
+		$og_description = get_bloginfo('description');
+	}
+
+	// Nettoyer la description
+	$og_description = wp_strip_all_tags($og_description);
+	$og_description = str_replace(array("\r", "\n", "\t"), ' ', $og_description);
+	$og_description = wp_trim_words($og_description, 30);
+
+	// Image
+	$og_image = '';
+	if (is_single() || is_page()) {
+		if (has_post_thumbnail()) {
+			$og_image = get_the_post_thumbnail_url(null, 'large');
+		}
+	}
+
+	// Image par défaut si aucune image n'est trouvée
+	if (empty($og_image)) {
+		// Essayer d'utiliser le logo personnalisé du site
+		$custom_logo = wp_get_attachment_image_src(get_theme_mod('custom_logo'), 'large');
+		if ($custom_logo) {
+			$og_image = $custom_logo[0];
+		} else {
+			// Utiliser l'icône du site
+			$og_image = get_site_icon_url(512);
+			// Si pas d'icône de site, utiliser une image par défaut du thème
+			if (empty($og_image)) {
+				$og_image = get_template_directory_uri() . '/resources/img/covers/carhop-articles-page-cover.svg';
+			}
+		}
+	}
+
+	// Type de contenu
+	$og_type = is_single() ? 'article' : 'website';
+
+	// Nom du site
+	$site_name = get_bloginfo('name');
+
+	// Auteur (pour les articles)
+	$og_author = '';
+	$article_authors = array();
+	if (is_single()) {
+		$post_type = get_post_type();
+		if ($post_type === 'articles') {
+			// Pour les articles, utiliser le champ ACF 'authors'
+			$authors = get_field('authors');
+			if ($authors && is_array($authors)) {
+				foreach ($authors as $author) {
+					$first_name = get_field('first_name', $author->ID) ?: '';
+					$last_name = get_field('last_name', $author->ID) ?: '';
+					$author_name = trim($first_name . ' ' . $last_name);
+					if (empty($author_name)) {
+						$author_name = $author->post_title;
+					}
+					$article_authors[] = $author_name;
+				}
+				$og_author = implode(', ', $article_authors);
+			}
+		}
+
+		// Fallback vers l'auteur WordPress standard
+		if (empty($og_author)) {
+			$og_author = get_the_author_meta('display_name');
+		}
+	}
+
+	// Date de publication (pour les articles)
+	$published_time = '';
+	$modified_time = '';
+	if (is_single()) {
+		$published_time = get_the_date('c');
+		$modified_time = get_the_modified_date('c');
+	}
+
+	// Générer les balises meta
+	$meta_tags = array();
+
+	// Open Graph
+	$meta_tags[] = '<meta property="og:title" content="' . esc_attr($og_title) . '" />';
+	$meta_tags[] = '<meta property="og:description" content="' . esc_attr($og_description) . '" />';
+	$meta_tags[] = '<meta property="og:type" content="' . esc_attr($og_type) . '" />';
+	$meta_tags[] = '<meta property="og:url" content="' . esc_url($og_url) . '" />';
+	$meta_tags[] = '<meta property="og:site_name" content="' . esc_attr($site_name) . '" />';
+
+	if (!empty($og_image)) {
+		$meta_tags[] = '<meta property="og:image" content="' . esc_url($og_image) . '" />';
+		$meta_tags[] = '<meta property="og:image:alt" content="' . esc_attr($og_title) . '" />';
+	}
+
+	if (!empty($og_author)) {
+		$meta_tags[] = '<meta property="article:author" content="' . esc_attr($og_author) . '" />';
+	}
+
+	if (!empty($published_time)) {
+		$meta_tags[] = '<meta property="article:published_time" content="' . esc_attr($published_time) . '" />';
+	}
+
+	if (!empty($modified_time)) {
+		$meta_tags[] = '<meta property="article:modified_time" content="' . esc_attr($modified_time) . '" />';
+	}
+
+	// Ajouter les tags/sections pour les articles
+	if (is_single() && get_post_type() === 'articles') {
+		$article_tags = get_the_tags();
+		if ($article_tags) {
+			foreach ($article_tags as $tag) {
+				$meta_tags[] = '<meta property="article:tag" content="' . esc_attr($tag->name) . '" />';
+			}
+		}
+
+		// Ajouter la section/revue si disponible
+		$related_revue = get_field('related_revue');
+		if ($related_revue) {
+			$meta_tags[] = '<meta property="article:section" content="' . esc_attr($related_revue->post_title) . '" />';
+		}
+	}
+
+	// Twitter Cards
+	$meta_tags[] = '<meta name="twitter:card" content="summary_large_image" />';
+	$meta_tags[] = '<meta name="twitter:title" content="' . esc_attr($og_title) . '" />';
+	$meta_tags[] = '<meta name="twitter:description" content="' . esc_attr($og_description) . '" />';
+
+	if (!empty($og_image)) {
+		$meta_tags[] = '<meta name="twitter:image" content="' . esc_url($og_image) . '" />';
+	}
+
+	// Meta description standard
+	$meta_tags[] = '<meta name="description" content="' . esc_attr($og_description) . '" />';
+
+	// Canonical URL
+	$meta_tags[] = '<link rel="canonical" href="' . esc_url($og_url) . '" />';
+
+	return implode("\n\t", $meta_tags);
+}

template-parts/post-header.php

@@ -1,11 +1,12 @@
 <?php
 $currentPostType = get_post_type();
+$post_id = get_the_ID();
 
 if ($currentPostType === 'revues') {
 	$currentRevueID = get_the_ID();
 }
 if ($currentPostType === 'articles') {
-	$currentRevueID = get_field('related_revue', get_the_ID());
+	$currentRevueID = get_field('related_revue', $post_id);
 }
 if (!$currentRevueID) return;
 
@@ -14,7 +15,9 @@ $issueNumber = get_field('issue_number', $currentRevueID);
 
 $post_type = get_post_type();
 $hasThumbnail = has_post_thumbnail();
-$citeReference = get_field('cite_reference', get_the_ID());
+$citeReference = get_field('cite_reference', $post_id);
+
+$likes_count = get_post_likes_count($post_id);
 
 ?>
 
@@ -69,11 +72,13 @@ $citeReference = get_field('cite_reference', get_the_ID());
 						<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-citer-article.svg" alt="">
 						Citer
 					</button>
-					<button class="socials-buttons__button socials-buttons__button--like">
+					<button class="socials-buttons__button socials-buttons__button--like is-disabled" data-likes-count="<?php echo $likes_count; ?>">
 						<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="">
-						J'aime
+						<span class="likes-count"><?php echo $likes_count; ?></span>
+						<span class="button-action-text">J'aime</span>
+
 					</button>
-					<button class="socials-buttons__button socials-buttons__button--share">
+					<button class="socials-buttons__button socials-buttons__button--share" data-share-url="<?php echo get_the_permalink(); ?>">
 						<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-partager-social.svg" alt="">
 						Partager
 					</button>
@@ -82,4 +87,30 @@ $citeReference = get_field('cite_reference', get_the_ID());
 		</div>
 
 	</div>
-</section>
+</section>
+
+
+
+<?php
+$published = $args['published'] ?? null;
+$modified = $args['modified'] ?? null;
+
+
+$shareUrls = build_share_urls();
+write_log($shareUrls);
+?>
+
+<div class="post-infos-capsule">
+
+	<ul class="post-infos-capsule__share">
+		<?php foreach ($shareUrls as $key => $shareUrl) : ?>
+			<li class="share-button share-button--<?php echo  $key ?>">
+				<a href='<?php echo  $shareUrl ?>' class="share-link" target="_blank" title="<?php echo __("Partager ce contenu sur ", "homegrade-theme__texte-fonctionnel") . $key ?>">
+				</a>
+			</li>
+		<?php endforeach; ?>
+	</ul>
+
+
+
+</div>