Hur man skapar Twitter-feedwidget för webbplatsen
Numera är det en trend att visa dina tweets på din webbplats. Webbplatsägare föredrog att visa dessa tweets i sidofältet eller sidfoten. Så besökarna kan enkelt läsa tweets. Om de gillar dina tweets blir de möjligen en följare av dig. I den här artikeln visar vi hur du skapar en officiell Twitter-feedwidget för din webbplats.
Skapa Twitter Feed Widget
För att skapa en widget bör du först känna till din twitter-URL. Du kan få det genom att klicka på ditt twitternamn. I mitt fall är min twitter-URLhttps://twitter.com/artisanswebblog. Nedan är skärmdumpen hur du får din URL.
När du har fått din twitter-URL, lägg till nedanstående HTML där du vill visa Twitter-feedwidget.
<a class="twitter-timeline"
href="https://twitter.com/artisanswebblog">
</a>
<script async
src="//platform.twitter.com/widgets.js"
charset="utf-8"></script>Det finns flera attribut för att anpassa din widget. Nedan är listan över attribut.
| Attribut | Beskrivning |
|---|---|
| data-bredd | Ställ in bredden på din widget. |
| data-höjd | Ställ in din widget. |
| datakrom | Kontrollera ramen för widgeten. Möjliga värden är noheader, nofooter, noborders, noscrollbar, transparent |
| datatema | Ställ in tema för widget. Möjliga värden är ljusa eller mörka. |
| datalänk-färg | Ställ in färg på länkar i tweets. |
| data-tweet-limit | Ställ in antal tweets för widgeten. |
Du kan använda ovanstående attribut och ställa in widgeten enligt dina krav. Genom att använda ovanstående attribut anpassar jag HTML: n enligt nedan.
<a class="twitter-timeline"
href="https://twitter.com/artisanswebblog"
data-width="300" data-height="300"
data-chrome="noscrollbar" data-theme="dark"
data-link-color="#E95F28" data-tweet-limit="3">
</a>
<script async
src="//platform.twitter.com/widgets.js"
charset="utf-8"></script>Här är skärmdumpen av min sista Twitter-widget.
I det här inlägget har vi diskuterat officiell Twitter-widget. Om du vill skapa helt anpassad flödeswidget och du använder WordPress läs vårt inlägg HUR SKAPAR DU WORDPRESS TWITTER FEED PLUGIN
Jag hoppas att du förstår hur du skapar en officiell Twitter-feedwidget. För eventuella frågor eller förslag lämna en kommentar nedan.