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

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="/static/imghwm/default1.png"  data-src="/img/thumbnail.png"  class="lazy"   alt=""></p>

• 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!