Page 1 sur 1

[phpBB 3.2.x] Ajouter un menu de partage

Posté : ven. 8 sept. 2017 19:44
par Dakin Quelia
» Ajouter un menu de partage
A l'aide de cette documentation, vous allez pouvoir ajouter un nouveau menu au niveau des outils de la vue des sujets. Ce menu de partage permet de publier le sujet sur Facebook, Twitter et Google+. Si vous voulez en ajouter, il suffit de modifier le code ci-dessous.
» 1. Modification template

Dans cette partie, nous allons simplement modifier notre fichier template afin d'ajouter notre menu de partage. Pour ce faire, suivez l'étape suivante.

Ouvrez le fichier template « styles/{VOTRE_THEME}/template/viewtopic_topic_tools.html ».

Cherchez :

Code : Tout sélectionner

	</div>
<!-- ENDIF -->
Après, ajoutez :

Code : Tout sélectionner

<!-- DEBUT OUTILS DE PARTAGE -->
	<div class="dropdown-container dropdown-button-control topic-tools">
		<span title="Outils de partage" class="button button-secondary dropdown-trigger dropdown-select">
			<i class="icon fa-share-alt fa-fw" aria-hidden="true"></i>
			<span class="caret"><i class="icon fa-sort-down fa-fw" aria-hidden="true"></i></span>
		</span>
		<div class="dropdown">
			<div class="pointer"><div class="pointer-inner"></div></div>
			<ul class="dropdown-contents">
				<li>
					<a href="https://www.facebook.com/sharer/sharer.php?u={U_CANONICAL}" title="Facebook">
						<i class="icon fa-facebook fa-fw" aria-hidden="true"></i><span> Partager sur Facebook</span>
					</a>
				</li>
				<li>
					<a href="https://twitter.com/home?status={U_CANONICAL}" title="Twitter">
						<i class="icon fa-twitter fa-fw" aria-hidden="true"></i><span> Partager sur Twitter</span>
					</a>
				</li>
				<li>
					<a href="https://plus.google.com/share?url={U_CANONICAL}" title="Google+">
						<i class="icon fa-google-plus fa-fw" aria-hidden="true"></i><span> Partager sur Google+</span>
					</a>
				</li>
			</ul>
		</div>
	</div>
<!-- FIN OUTILS DE PARTAGE -->		
» 2. Vider le cache

Enfin, il nous faut vider le cache du forum. Pour cela, rendez-vous dans le panneau d'administration et cliquez sur le bouton « Exécuter maintenant » en face de « Purger le cache ».

» 3. Résultat

Voici ce que cela donne une fois vos modifications effectuées et le cache vidé.
menu-partage-02.png