Maison > Applet WeChat > Développement WeChat > WeChat implémente des vignettes et des titres de liens partagés

WeChat implémente des vignettes et des titres de liens partagés

小云云
Libérer: 2018-03-22 14:43:22
original
6300 Les gens l'ont consulté


Cet article partage principalement avec vous les vignettes et les titres des liens de partage sur WeChat. J'espère qu'il pourra aider tout le monde.

1. Partage dans WeChat

Après avoir ouvert le lien dans WeChat, cliquez sur […] dans le coin supérieur droit et sélectionnez [Envoyer à des amis] ou [Partager dans Moments]. obtiendra l'abréviation Méthode miniature :

  • Méthode 1 : Ajouter une image de 300 * 300 pixels en haut du corps de la page

tels que L'image n'a pas besoin d'être affichée et peut être masquée à l'aide de CSS, mais display: none; ne peut pas être définie directement sur l'img.

peut être défini sur le calque parent p ou display: none; sur l'img. position: absolute; visibility: hidden;

<p style="display:none;">
<img src="/img/thumbnail.png" alt=""></p>
Copier après la connexion
  • Méthode 2 : Partage de l'interface via WeChat JS-SDK

Cette méthode nécessite un WeChat L'app_id du compte public nécessite également un service backend pour générer la signature. L'avantage est que vous pouvez personnaliser le titre, la vignette et la description partagés.

2. Partager depuis le navigateur

Après avoir ouvert le lien dans le navigateur, cliquez sur l'icône de partage et sélectionnez [WeChat]. 🎜> Ajoutez des métadonnées Open Graph à la partie d'en-tête de la page :

Parmi elles, og:image affecte l'icône lorsque le navigateur la partage, et le chemin complet de l'image doit être spécifié.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal