ייבוא והצגה של הטוויט האחרון שלכם באתר

הצג את הטוויט שלך באתר שלך

בזמן שטכנולוגיות משתגעות שם בחוץ, גוגל ופייסבוק במאבק על הבמה החברתית נדמה כאילו טוויטר נשארת יציבה ומשפרת בצורה עקבית את השירות שלה. טוויטר הוא ללא ספק אחת מענקי הרשתות החברתיות ולמרות שלא תופס כל כך בישראל משמש רבים בעולם לתקשורת שוטפת עם קהל הגולשים, חברים, תוכניות טלוויזיה, עיתונים ועסקים כדי לתקשר עם הלקוחות שלהם. בנוסף, קלות השימוש בAPI של טוויטר מאפשר למנהלי אתרים רבים להציג מידע וטוויטים באתר שלהם בקלות.

במדריך שלנו היום אני רוצה ללמד אתכם איך להציג את הטוויט האחרון שלכם באתר הבית שלכם או באתרים אחרים שלכם. מדריך זה מתאים לאתרי PHP מכיוון שהקוד בנוי בPHP והוא קל מאוד לביצוע! למעשה כל שאתם צריכים לעשות הוא להחליף את שם המשתמש שלי בטוויטר בשם המשתמש שלכם, להטמיע את הקוד במקום בו תרצו שהטוויט האחרון שלכם יוצג באתר, להחיל על התוצאה המוגמרת קצת עיצוב (ואוסיף CSS שאני כבר בניתי) וסיימתם!

הצגת הטוויט האחרון שלכם

  • מה: הקוד הבא ימשוך האת הטוויט האחרון ויציג אותו
  • איפה: יש להטמיע היכן שתרצו להציג מבחינת מיקום וקובץ
<div class="lastTwitt">;
<div class="innerTwitt">;
<?php
$username = "sagive"; // <-- החליפו כאן לשם המשתמש שלכם
$feed = "http://search.twitter.com/search.atom?q=from:".$username."&amp;rpp=2";
function parse_feed($feed) {
$stepOne = explode('<content type="html">;', $feed);
$stepTwo = explode('</content>;', $stepOne[1]);
$tweet = $stepTwo[0];
$tweet = str_replace("&amp;lt;", "<", $tweet);
$tweet = str_replace("&amp;gt;", ">;", $tweet);
return $tweet;
}
$latest_tweet = file_get_contents($feed);
echo 'טוויט אחרון:';
echo parse_feed($latest_tweet);
?>;
</div>;
</div>;

 

איפה אני מכניס את שם המשתמש שלי?

את שם המשתמש שלכם יש להחליף בשורה הבאה. אם תשאירו אותה ריקה תקבלו את הטוויט האחרון ברחבי טוויטר עם כל רענון של הדף כלומר בכל פעם יוצג טוויט של משתמש אחר שממש הרגע פרסם טוויט בטוויטר

$username = "sagive"; // <-- החליפו כאן לשם המשתמש שלכם

 

איך אני משנה את הטקסט "טוויט אחרון:" ?

את הטקסט שמופיע לפני הטוויט יש לשנות בשורה הבאה רק שימו לב להשאיר את הטקסט בתוך מרכאות

echo 'טוויט אחרון:';

 

קצת CSS להציג את הטוויט האחרון בסטייל!

לא יודע אם שמתם לב אבל את כל הקוד עטפתי בשני DIV'ים… העליון עם Class="lastTwitt" ומתחתיו עוד DIV עם Class="innerTwitt". בצורה כזאת יש לנו מיכל בתוך מיכל אשר מחזיק את הטוויטים שלנו ועליהם אנחנו יכולים להחיל הגדרות CSS כדי ליצור עיצוב נעים יותר.

בקוד הבא אתן לכם את קוד הCSS שאני הכנתי עבור פרויקט קטן שאני מכיCSS שאני הכנתי עבור אתר מסוים ואתם מוזמנים לשנות אותו כמובן לצרכים שלכם. השמת CSS זה ייצור עיצוב בדומה לתמונה העליונה של פוסט זה.

  • מה: קוד CSS שיחיל עיצוב על על הקוד שלנו
  • איפה: בקובץ CSS של האתר שלכם
.lastTwitt {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    font-size: 11px;
    margin-bottom: 20px;
    padding: 5px;
}

.lastTwitt .innerTwitt {
    background: url("images/lastTwitt.png") no-repeat scroll right center #F3F3F3;
    border: 1px solid #28669C;
    border-radius: 3px 3px 3px 3px;
    min-height: 25px;
    padding: 10px 70px 10px 20px;
}

 

הערה לגבי הCSS

אם שמתם לב אני הוספתי רקע / תמונה לDIV הפנימי כדי שיהיה לי לוגו של טוויטר לצד הטוויט האחרון שפרסמתי. כדי להוריד את האייקון בו אני השתמשתי לחצו כאן ושמרו אליכם בעזרת כפתור ימני "שמור קובץ כ"…

טוויט חדש דינמי ואטרקטיבי!

זהו, סיימתם! אם עברתם על כל הצעדים אז כל שנותר להגיד הוא תתחדשו. יש לכם קוד חדש באתר אשר מציג את הטוויט האחרון שפרסמתם ועוד בסטייל. אם נשארתם עם שאלה אתם מוזמנים להשאיר אותה כתגובה וננסה לעזור. בהצלחה, שגיב SEO.

  • אהבתם? שתפו!