Zeigen Sie Ihre Instructables auf einem Wordpress oder PHP-basierte Seite

5 Schritt:Schritt 1: Checkliste Schritt 2: In Wordpress Schritt 3: Einfache PHP-Seite Schritt 4: Anpassungen Schritt 5: Fragen

Zeigen Sie Ihre Instructables auf einem Wordpress oder PHP-basierte Seite

Wollten Sie schon immer eine haben Auflistung Ihrer Instrucatbles auf einer Webseite, wie, was auf Ihrem Profil angezeigt? Ich habe versucht, mehrere Wordpress-Plugins, aber kam mit nichts so schrieb ich / kam mit einer Lösung.

(UPDATE)


Ich habe ein Plugin für Wordpress geschrieben, um dieses zu tun http://wordpress.org/plugins/instructables/ . Ich habe eine neue instructable für das hier http://www.instructables.com/id/Instructables-Wordpress-Plugin/ gelegen würde ich Feedback von euch lieben.

In diesem Instructable zeige ich Ihnen, wie Sie dies in Wordpress und in einem einfachen PHP-basierte Seite erreichen. Sie können ein funktionierendes Beispiel hier sehen http://mrb.mickred.com/redbeard-on-instructables-com/

Schritt 1: Checkliste

  1. Zeigen Sie Ihre Instructables auf einem Wordpress oder PHP-basierte Seite
    Ich weiß, es ist eine kurze Liste, aber ernsthaft Sie brauchen nicht viel.

    Sie benötigen Folgendes:
    Ein Wordpress-Blog mit dem "Exec-PHP" Plugin installiert, einfach PHP-Seite oder andere Content-Manager, die PHP-Code ermöglicht.
    Ein Instructables Profil mit mindestens einem Instructable geschrieben, beachten Sie Ihren Benutzernamen.

Schritt 2: In Wordpress

  1. Zeigen Sie Ihre Instructables auf einem Wordpress oder PHP-basierte Seite
    Wie bereits erwähnt ist die Exec-PHP Plugin für Wordpress für diese Installation benötigen, um zu arbeiten.

    Erstellen Sie eine neue Seite und klicken Sie auf "Text" wie in der folgenden Abbildung dargestellt.

    Paste in den folgenden Code dann ändern "MrRedBeard" Ihren Benutzernamen in der Variable $ url.

    <? Php
    $ Url = "http://www.instructables.com/member/MrRedBeard/rss.xml?show=instructable";
    $ Feed = simplexml_load_file ($ url);
    $ Feed_array = array ();
    foreach ($ feed-> Channel-> item as $ item)
    {
    echo "<div style =" float: left; width: 200px; height: 300px; margin-right: 15px; text-align: center; ">";
    echo "<a href =" ". $ Item-> Link. "" Target = "_ blank"> ";
    if (strpos ($ item-> imagethumb, "com"))
    {
    echo "<img src =" ". $ Item-> imagethumb. "" /> ";
    }
    sonst
    {
    echo "<img src = 'http: //www.instructables.com". $ Item-> imagethumb. "" /> ";
    }
    echo "<br />". $ Item-> Titel. "</a> </ Div>";
    }
    echo "<div style =" clear: both; "> & nbsp; </ div>"
    ?>

    Seite gebaut mit diesen Instructable <a href = "http://www.instructables.com/id/Display-your-Instructables-on-a-Wordpress-or-PHP-b/" target="_blank">http://www.instructables.com/id/Display-your-Instructables-on-a-Wordpress-or-PHP-b/</a>

Schritt 3: Einfache PHP-Seite

  1. Zeigen Sie Ihre Instructables auf einem Wordpress oder PHP-basierte Seite
    Sie können entweder den Code zu einer vorhandenen Seite (minus <? Php ... dieser ...?>) Oder erstellen Sie eine völlig neue PHP-Datei mit einem einfachen Texteditor. Ändern Sie "MrRedBeard" in der $ url-Variable auf Ihren Benutzernamen. Nach der Erstellung können Sie diese Datei auf Ihre Website hochgeladen werden.

    <? Php
    $ Url = "http://www.instructables.com/member/MrRedBeard/rss.xml?show=instructable";
    $ Feed = simplexml_load_file ($ url);
    $ Feed_array = array ();
    foreach ($ feed-> Channel-> item as $ item)
    {
    echo "<div style =" float: left; width: 200px; height: 300px; margin-right: 15px; text-align: center; ">";
    echo "<a href =" ". $ Item-> Link. "" Target = "_ blank"> ";
    if (strpos ($ item-> imagethumb, "com"))
    {
    echo "<img src =" ". $ Item-> imagethumb. "" /> ";
    }
    sonst
    {
    echo "<img src = 'http: //www.instructables.com". $ Item-> imagethumb. "" /> ";
    }
    echo "<br />". $ Item-> Titel. "</a> </ Div>";
    }
    echo "<div style =" clear: both; "> & nbsp; </ div>"
    ?>

    Seite gebaut mit diesen Instructable <a href = "http://www.instructables.com/id/Display-your-Instructables-on-a-Wordpress-or-PHP-b/" target="_blank">http://www.instructables.com/id/Display-your-Instructables-on-a-Wordpress-or-PHP-b/</a>

Schritt 4: Anpassungen

  1. Zeigen Sie Ihre Instructables auf einem Wordpress oder PHP-basierte Seite
    Es mehr Artikel, die Sie aus dem RSS-Feed angezeigt werden können. Sie können auf den Code, indem Sie $ Element hinzufügen -> "item name" wie Sie in den nachfolgenden Code und Referenzierung der rss feed, wie im Bild unten zu sehen.

    Es gibt auch andere Beschickungen wie
    http://www.instructables.com/member/MrRedBeard/rss.xml?show=comments
    http://www.instructables.com/member/MrRedBeard/rss.xml?show=good (Favoriten)
    http://www.instructables.com/member/MrRedBeard/rss.xml?show=subscriptions (neu instructables von Ihren Nachfolgern)

    <? Php
    $ Url = "http://www.instructables.com/member/MrRedBeard/rss.xml?show=instructable";
    $ Feed = simplexml_load_file ($ url);
    $ Feed_array = array ();
    foreach ($ feed-> Channel-> item as $ item)
    {
    echo "<div style =" float: left; width: 200px; height: 300px; margin-right: 15px; text-align: center; ">";
    echo "<a href =" ". $ Item-> Link. "" Target = "_ blank"> ";
    if (strpos ($ item-> imagethumb, "com"))
    {
    echo "<img src =" ". $ Item-> imagethumb. "" /> ";
    }
    sonst
    {
    echo "<img src = 'http: //www.instructables.com". $ Item-> imagethumb. "" /> ";
    }
    echo "<br />". $ Item-> Titel. "</a> </ Div>";
    }
    echo "<div style =" clear: both; "> & nbsp; </ div>"
    ?>

    Seite gebaut mit diesen Instructable <a href = "http://www.instructables.com/id/Display-your-Instructables-on-a-Wordpress-or-PHP-b/" target="_blank">http://www.instructables.com/id/Display-your-Instructables-on-a-Wordpress-or-PHP-b/</a>

Schritt 5: Fragen

  1. Ich hoffe, Sie finden diese Instructable hilfreich. Wenn Sie Hilfe brauchen nur Ihre Frage oder ein Problem zu schreiben in den Kommentaren und ich werde mein Bestes tun, um Ihnen zu helfen.

    Aktuelles
    Erste Update. Wenn Sie soeben eine Instructable wird es nicht sofort angezeigt. Nicht sicher, warum das so ist, aber ich werde versuchen, und beachten Sie die Verzögerungszeit, sobald es beginnt zu erscheinen. (Etwa 15 Minuten nach der Veröffentlichung bemerkte ich, zeigte sich)

    Zweites Update. Einige Bildpfade unterscheiden sich von anderen, fügte ich Code, um dies zu überprüfen. Ich habe auch bemerkt, dass das Layout sah lustig mit langen Titel also habe ich das Layout ein wenig.