2
61

Partage sur les réseaux sociaux

Vous pouvez choisir quelles pages sont partagées, sur quels réseaux sociaux et comment les boutons de partage sont affichés et où. L'implémentation ajoute précisément ce qui est nécessaire à une page comme les balises dans la section <head> du document qui sont lues par les moteur de recherche et le code JavaScript indispensable pour interfacer le serveur.

Configuration

Le type de boutons et le positionnement de la barre de partage d'une page sur les réseaux sociaux sont configurés par les paramètres $socializing et $socializingmode du fichier config.inc.

global $socializing, $socializingmode;

$socializing='inline';  // false, 'inline', 'bar', 'either', 'both'
$socializingmode='lite';       // 'lite', 'awesome'

Si $socializing vaut inline, la barre est affichée à la fin du contenu de la page.

Si $socializing vaut bar, la barre flotte à gauche de la page du site. Si la taille de l'affichage est trop petite, la barre est cachée.

Si $socializing vaut either, la barre flotte à gauche de la page du site. Elle est cachée dès que la taille de l'affichage est trop petite et remplacée par la barre à la fin du contenu de la page.

Si $socializing vaut both, la barre est toujours affichée dans la page du site mais elle flotte aussi à gauche de la page du site si l'affichage est assez large.

Si $socializing vaut false, la barre n'est pas affichée.

NOTE : iZend Bootstrap montre toujours les boutons de partage dans la page, i.e. inline, et $socializing ne peut avoir que les valeurs true ou false.

La barre affiche des boutons qui appellent l'interface du service correspondant via une URL. Si $socializingmode vaut lite, le code affiche des icônes dans les boutons. Si $socializingmode vaut awesome, le code utilise une police de caractères pour dessiner les logos des services.

Pour utiliser un autre jeu d'iĉones, remplacez le fichier social.png dans le dossier images/theme et éditez le CSS des balises #socialbar et #sharebar dans theme.css.

IMPORTANT : Quand $socializingmode vaut awesome, assurez-vous que le fichier CSS de Font Awesome est chargé par le navigateur en éditant la vue head.phtml :

<?php if (true): ?>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v7.2.0/css/all.css" media="all" />
<?php endif; ?>

Vous pouvez copier le CSS de Font Awesome dans un dossier font-awesome dans le dossier css à la racine du site et modifier l'URL de la balise <link> dans head.phtml.

Édition
Options

Cochez les cases facebook twitter linkedin pinit whatsapp pour partager le nœud sur Facebook, Twitter, LinkedIn, Pinterest ou WhatsApp.

Une option pour nœud est activée uniquement si la même option est cochée par le fil.

Options

NOTE : Les options sont les mêmes pour toutes les langues.

BD

La base de données enregistre les options pour les nœuds dans la table node.

CREATE TABLE `izend_node` (
  `node_id` INT UNSIGNED NOT NULL AUTO_INCREMENT,
  `user_id` INT UNSIGNED NOT NULL,
  `created` datetime NOT NULL,
  `modified` datetime NOT NULL,
  `visits` tinyint(1) NOT NULL DEFAULT '1',
  `nocomment` tinyint(1) NOT NULL DEFAULT '0',
  `nomorecomment` tinyint(1) NOT NULL DEFAULT '0',
  `novote` tinyint(1) NOT NULL DEFAULT '0',
  `nomorevote` tinyint(1) NOT NULL DEFAULT '0',
  `ilike` tinyint(1) NOT NULL DEFAULT '1',
  `tweet` tinyint(1) NOT NULL DEFAULT '1',
  `plusone` tinyint(1) NOT NULL DEFAULT '1',
  `linkedin` tinyint(1) NOT NULL DEFAULT '1',
  `pinit` tinyint(1) NOT NULL DEFAULT '0',
  `whatsapp` tinyint(1) NOT NULL DEFAULT '0',
  PRIMARY KEY (`node_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3;

Les options pour les fils sont dans la table thread.

CREATE TABLE `izend_thread` (
  `thread_id` INT UNSIGNED NOT NULL AUTO_INCREMENT,
  `user_id` INT NOT NULL DEFAULT '1',
  `thread_type` enum('thread','folder','story','book','rss','newsletter') NOT NULL DEFAULT 'thread',
  `created` datetime NOT NULL,
  `modified` datetime NOT NULL,
  `number` INT UNSIGNED NOT NULL,
  `visits` tinyint(1) NOT NULL DEFAULT '1',
  `nosearch` tinyint UNSIGNED NOT NULL DEFAULT '0',
  `nocloud` tinyint UNSIGNED NOT NULL DEFAULT '0',
  `nocomment` tinyint UNSIGNED NOT NULL DEFAULT '1',
  `nomorecomment` tinyint(1) NOT NULL DEFAULT '0',
  `novote` tinyint(1) NOT NULL DEFAULT '0',
  `nomorevote` tinyint(1) NOT NULL DEFAULT '0',
  `ilike` tinyint(1) NOT NULL DEFAULT '1',
  `tweet` tinyint(1) NOT NULL DEFAULT '1',
  `plusone` tinyint(1) NOT NULL DEFAULT '1',
  `linkedin` tinyint(1) NOT NULL DEFAULT '1',
  `pinit` tinyint(1) NOT NULL DEFAULT '1',
  `whatsapp` tinyint(1) NOT NULL DEFAULT '1',
  PRIMARY KEY (`thread_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb3;
Vues
facebook ilike.phtml
twitter tweetit.phtml
linkedin linkedin.phtml
pinit pinit.phtml
whatsapp whatsapp.phtml

Commentaires

Votre commentaire :
[p] [b] [i] [u] [s] [quote] [pre] [br] [code] [url] [email] strip aide 2000

Entrez un maximum de 2000 caractères.
Améliorez la présentation de votre texte avec les balises de formatage suivantes :
[p]paragraphe[/p], [b]gras[/b], [i]italique[/i], [u]souligné[/u], [s]barré[/s], [quote]citation[/quote], [pre]tel quel[/pre], [br]à la ligne,
[url]http://www.izend.org[/url], [url=http://www.izend.org]site[/url], [email]izend@izend.org[/email], [email=izend@izend.org]izend[/email],
[code]commande[/code], [code=langage]code source en c, java, php, html, javascript, xml, css, sql, bash, dos, make, etc.[/code].