11
votes

Intégrer un profil Twitter, pas une chronologie

Je cherche une solution pour l'intégration des profils d'utilisateurs Twitter, mais je suis venu vide jusqu'à présent. Ce que je cherche, c'est quelque chose de similaire à la manière dont Twitter apparaît sur une vue d'ensemble de profil de joli lorsque vous cliquez sur un nom d'utilisateur sur Twitter.com. J'ai pris un screencap de mon profil afin que vous puissiez voir ci-dessous de quoi je parle.

Entrez la description de l'image ici

Je n'ai pas besoin de la chronologie de l'utilisateur ou de quoi que ce soit comme ça, juste l'information de l'utilisateur, l'arrière-plan de la photo de couverture serait agréable et un lien pour suivre la personne. J'ai parcouru un coup d'œil à travers des twitters Intégrer Code Builder, mais il ne semblait pas y avoir rien qui correspond vraiment à la facture. J'utilise WordPress pour que une solution de plugin pourrait être viable, mais si c'est juste un code incorporé aussi bien.


5 commentaires

Est-ce pour un seul profil? Tout dans le profil est statique sauf tweets, suivants et adeptes.


@topdown Oui, ce serait pour un seul profil utilisateur. J'espérais créer plusieurs incorporations sur une page, qui montreraient différents utilisateurs.


des nouvelles à ce sujet? à la recherche de la même chose, espère une solution embourgeable


@ducu je n'ai pas pu trouver quoi que ce soit qui a travaillé pour ce problème particulier. Je sais que c'est quelque chose que vous pourriez probablement construire à l'aide de l'API, mais c'est un peu hors de ma profondeur.


Hey vient de trouver cela, ça vaut la peine d'être regardé dev.Twitter.com/web/interents#User -Intant


3 Réponses :


1
votes

Il n'existe actuellement aucune fonctionnalité d'intégration que je connaisse pour le résumé du profil, mais vous pouvez appeler l'API pour obtenir des informations de profil de Twitter de deux manières:

  1. Pour une utilisation à la fois: / Utilisateurs / Afficher , ou
  2. pour un maximum de 100 utilisateurs à la fois: / Utilisateurs / Recherche

    Vous pouvez ensuite prendre le JSON retourné et le style pour correspondre au format Twitter ou à tout autre style que vous souhaitez.


0 commentaires


1
votes

Voici une implémentation pour le bouton, ce qui nécessite des travaux d'ajout de la photo de profil et de l'image d'arrière-plan

icône code SVG: p> xxx pré>

SASS / CSS: p> xxx pré>

html: p> xxx pré>

p>

<style>
.twitter a {
  font-family: "Roboto", "Noto Sans", "Open Sans", "sans-serif";
  display: inline-flex;
  color: #fff;
  border-radius: 5px;
  background: #1b95e0;
  padding: .4em .8em;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
}
</style>

<div class="twitter" style="height: 35px; width: 300px;"><a target="_blank" rel="noopener noreferrer" href="https://twitter.com/LinuxHacksOrg">
<svg height="20px" width="20px" style="margin-right: 5px; fill: #fff;" viewBox="0 0 512 512" preserveAspectRatio="none">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" />
</svg>
Follow us @LinuxHacksOrg</a></div>


1 commentaires

@JBWHARRIS J'ai mis à jour le code avec un extrait;) ... L'avantage principal ici est d'éviter de charger les JS de Twitter ballonné.