Der Leitfaden für Webdesigner zu Tumblr
Dieser Artikel erschien zuerst in Ausgabe 213 of .net magazine - das weltweit meistverkaufte Magazin für Webdesigner und Entwickler.
Wie oft hast du gesagt: 'Dies ist das Jahr, in dem ich endlich einen Blog starten werde'? Wie viele andere beginnen Sie mit dem langwierigen und schwierigen Prozess, eine Website für den schwierigsten Kunden - Sie selbst - zu entwerfen, nur um zu sehen, wie sie jedes Mal in den Hintergrund tritt, wenn echte, zahlende Kunden im Weg stehen.
Sobald Sie das Design endgültig festgelegt haben, beginnt der Prozess des Erstellens und Entwickelns Ihres Blogs. Nach Wochen (oder Monaten) ist es endlich Zeit, den Startknopf zu drücken. Irgendwo zwischen Ihrem vierten und fünften aufschlussreichen und brillanten Beitrag trifft es Sie… die Aktualisierung dieses Blogs wird eine enorme Menge an Arbeit erfordern.
Persönlich war ich im Laufe der Jahre mehr als einmal in genau diesem Zyklus gefangen. Anfang 2009 wurde mir klar, dass ich genau überdenken musste, was ich mit einem persönlichen Blog erreichen wollte. Die Idee, ein paar Mal pro Woche lange Blog-Posts zu schreiben, klingt erstaunlich, aber für mich war es einfach nicht realistisch. Ich habe bereits getwittert, aber was ich wirklich brauchte, war die Möglichkeit, ein bisschen mehr mit kurzen, direkten und auf den Punkt gebrachten Posts zu teilen. Meine Suche nach Einfachheit führte mich direkt zu Tumblr .
Einstieg
Am 6. April 2009 habe ich mich für ein Konto angemeldet und mit dem Posten begonnen. Mit Tumblrs Themengarten habe ich ein grundlegendes Thema ausgewählt, mit dem ich leben konnte, während ich Tumblr eine Probefahrt gab. Die Einfachheit der Plattform bedeutete auch, dass ich mich nicht um die Installation von Blogging-Software auf meinem Server kümmern musste. Ich habe alle Anstrengungen unternommen, um Inhalte zu Design, Kultur, Technologie und Wirtschaft zusammen mit meinen persönlichen Gedanken und Meinungen zu kuratieren.
Fast zwei Jahre später habe ich es geschafft, beim Bloggen auf Tumblr mit fast 600 Posts auf meiner Website unter zu bleiben www.jonathanmoore.com : durchschnittlich 0,85 Beiträge pro Tag. Heute ist mir klar geworden, dass die Einfachheit mir geholfen hat, mit dem Posten im Einklang zu bleiben, aber das Netzwerk von Leuten auf Tumblr ist es, das mich über die Plattform begeistert. Tumblr vereinfacht das typische Blog und macht das Bloggen sehr einfach. Millionen von Menschen auf der ganzen Welt teilen Dinge, die sie tun, lieben, finden und erschaffen.
Im Mittelpunkt von Tumblr stehen acht Beitragstypen - Text, Foto, Zitat, Link, Chat, Audio, Video und beantwortete Fragen -, die Sie im Dashboard veröffentlichen können. Dies macht das Teilen von allem, was Sie finden oder erstellen, lächerlich einfach. Wenn Sie ein Video veröffentlichen, ist das Video selbst das Hauptthema. Anschließend können Sie eine optionale Beschriftung hinzufügen, um Kontext, Einblicke oder Details dazu bereitzustellen. Gleiches gilt für andere Beitragstypen, mit Ausnahme von Textbeiträgen, mit denen Sie typischere Blogbeiträge mit einer Kombination aus Text, Bildern und Videos in einem einzelnen Beitrag erstellen können.
Tumblr vereinfacht nicht nur die Beitragstypen, sondern bietet Ihnen auch eine Vielzahl von Möglichkeiten, in Ihrem Blog zu posten. Persönlich benutze ich das Dashboard meistens, aber es gibt eine Reihe anderer Möglichkeiten, um Inhalte in Ihrem Blog zu veröffentlichen.
- Lesezeichen, mit dem Sie beim Surfen im Internet direkt in Ihrem Browser posten können
- Mobile Anwendungen für iPhone, BlackBerry und Android
- Anspruchsvolle E-Mail-Veröffentlichung zum Posten von Text, Fotos, MP3s oder Videos direkt von Ihrem Handy oder per E-Mail
- Call-In-Audio-Posts mit einer gebührenfreien Nummer
- Viele andere Anwendungen von Drittanbietern ( www.tumblr.com/docs/en/apps )
Weitere Informationen zu den verschiedenen Möglichkeiten zum Posten bei Tumblr finden Sie unter www.tumblr.com/goodies .
Die Gemeinde
Natürlich können Sie Tumblr einfach zum Aktualisieren Ihres Blogs verwenden, aber Sie werden die reichhaltige und faszinierende Tumblr-Community verpassen. Der wahre Spaß beginnt, wenn Sie einer Handvoll interessanter, inspirierender und gleichgesinnter Menschen folgen. Und sobald Ihr Blog eine anständige Fangemeinde aufgebaut hat, ist es erstaunlich zu sehen, wie schnell sich ein Beitrag mit Likes und Runden auf der Plattform verbreiten kann.
Abgesehen davon, dass Sie bekannten Personen auf Tumblr folgen, ist das integrierte Verzeichnis eine großartige Möglichkeit, neue Personen auf der Plattform zu entdecken. Das Verzeichnis ist in fast 50 Kategorien unterteilt, die eine breite Palette von Themen abdecken, darunter Designer, Entwickler, Unternehmer, Startups, Architektur, gemeinnützige Organisationen und Reisen. Verbringen Sie ein oder zwei Stunden damit, in von der Community empfohlenen Blogs zu stöbern, und bald haben Sie eine hervorragende Gruppe von Websites, denen Sie als Ausgangspunkt folgen können.
Tumblr hat eine Reihe von Möglichkeiten entwickelt, um Menschen zu belohnen, die originelle, inspirierende, kreative und interessante Inhalte in ihren Blogs veröffentlichen. Am augenfälligsten wären Likes und Runden. Oben auf jeder Blog-Permalink-Seite und im Dashboard finden Sie ein Herzsymbol, mit dem Sie den Beitrag „mögen“ können. Wenn Sie auf einen Beitrag stoßen, der Ihrer Meinung nach geteilt werden sollte, oder wenn Sie Ihre eigenen Gedanken hinzufügen möchten, können Sie den Beitrag in Ihrem eigenen Blog umrunden. Mit Reblogging verbreitet sich eine Idee oder ein Post-Mem schnell in einem Netzwerk von Tausenden von Blogs.
Mobil werden
Schneller als wir denken, beginnen die Leute, ihre Laptops zugunsten mobiler Geräte zu entsorgen. Deshalb hat Tumblr mobile Anwendungen und für Mobilgeräte optimierte Blog-Layouts erstellt. Mit Anwendungen für die iPhone-, BlackBerry- und Android-Plattformen können Sie Ihr Dashboard durchsuchen und jeden Beitragstyp direkt von Ihrem Telefon aus veröffentlichen. Mit den iPhone- und Android-Anwendungen können Sie auf die erweiterten Veröffentlichungsoptionen von Tumblr zugreifen - als Entwurf speichern, zur Warteschlange hinzufügen, veröffentlichen und benutzerdefinierte URLs veröffentlichen.
Senden Sie Ihre Beiträge mit Tumblrs hochentwickeltem E-Mail-Publishing direkt per E-Mail an Ihr Blog. Gehen Sie zur Goodies-Seite ( tumblr.com/goodies ), um die eindeutige E-Mail-Adresse Ihrer Website zu ermitteln.
Sobald Sie auf 'Senden' klicken, erkennt Tumblr automatisch die Art des Posts, den Sie erstellen möchten, und veröffentlicht ihn auf Ihrer Website. Wenn Sie die Formatierung etwas besser steuern möchten, unterstützt Tumblr die Markdown-Syntax ( daringfireball.net/projects/markdown/syntax ).
Alle Ihre Blogs verfügen über ein optimiertes und ansprechendes mobiles Layout für iPhone, BlackBerry, Android und mehr. Wenn das von Ihnen verwendete Thema in mobilen Browsern gut funktioniert, können Sie das optimierte Layout jederzeit im Menü 'Anpassen' deaktivieren. Mit Tumblr können Sie auch das Standardlayout für Mobilgeräte mit Ihrem eigenen benutzerdefinierten Layout überschreiben: siehe tumblr.com/docs/en/custom_themes#iphone-themes .
Themen
Mit dem Engagement von Tumblr, alle Beitragstypen so einfach wie möglich zu halten, ist es unglaublich einfach, das Design Ihrer Website zu ändern. Sie können aus Hunderten von kostenlosen und Premium-Themen auswählen, die in Tumblr integriert sind. Alternativ haben Sie mit Tumblr die volle Kontrolle, um etwas Originelles zu erstellen.
Derzeit gibt es im integrierten Themengarten von Tumblr fast 900 hochwertige Themen ( tumblr.com/themes ). Während Sie durch die vorgestellten, Premium-, aktuellen und beliebten Themen blättern, können Sie eine Vorschau der einzelnen Themen anzeigen, um ein Gefühl dafür zu bekommen, wie sie auf Ihrer Website aussehen könnten. Sobald Sie eine gefunden haben, die für Sie funktioniert, können Sie das Thema mit nur einem Klick auf jeder Ihrer Tumblr-Websites installieren.
Die meisten dieser Themen können kostenlos verwendet und angepasst werden. Eine Handvoll davon kostet jedoch 9, 19 oder 49 US-Dollar ( tumblr.com/themes/premium ). Sie werden feststellen, dass die meisten Premium-Themen hochwertige Designs, alle abgedeckten Tumblr-Funktionen, Dutzende von Anpassungsoptionen und Unterstützung für Sprachübersetzungen für Englisch, Französisch, Deutsch, Italienisch und Japanisch bieten. Außerdem bieten die meisten Premium-Themendesigner eine unglaubliche Unterstützung für jedes ihrer Themen.
Außerhalb des offiziellen Themengartens von Tumblr bieten Unternehmen, die sich traditionell auf WordPress-Themen konzentriert haben, jetzt Tumblr-Versionen an, darunter The Theme Foundry ( thethemefoundry.com ) und Obox ( obox-design.com ). In vielen Fällen bieten sie beim Kauf zusätzliche Extras an, z. B. herunterladbare PSD-Dateien und Zugriff auf andere Themen. Off-Site-Designs können zwar keine Ein-Klick-Installationen anbieten, das Hinzufügen des Themas zu Ihrer Site ist jedoch so einfach wie das Einfügen des HTML-Themas in das Tumblr-Menü 'Anpassen'.
Anpassen Ihrer Site
Tumblr verfügt über ein unglaublich nützliches integriertes Menü zum Anpassen, mit dem Sie eine Reihe von Funktionen für jede Ihrer Websites personalisieren, erweitern und steuern können. Schauen wir uns einige der Optionen an, die in den sieben Anpassungsmenüs verfügbar sind:
- Die Info Legen Sie den Titel Ihrer Website fest, fügen Sie eine HTML-Beschreibung hinzu, laden Sie ein Porträt oder Symbol hoch und legen Sie Ihre Tumblr-URL fest, einschließlich der Option, Ihren eigenen benutzerdefinierten Domainnamen hinzuzufügen.
- Thema Vorschau, Installation und in einigen Fällen Kauf eines der Premium- oder vorgestellten Tumblr-Themen. Darüber hinaus können Sie auf die Schaltfläche Benutzerdefiniertes HTML verwenden klicken, um das HTML Ihres vorhandenen Themas zu ändern, oder es in Ihr eigenes benutzerdefiniertes HTML-Thema einfügen.
- Aussehen Wenn Ihr Thema Darstellungsoptionen unterstützt, finden Sie eine Reihe von Farbwählern, Schaltflächen zum Hochladen von Bildern, zu aktivierenden Optionen und Textfeldern zum Anpassen des Erscheinungsbilds Ihres Themas. Viele der Premium-Tumblr-Themen bieten mehrere Dutzend Optionen, mit denen Sie die Farben des Themas ändern, Header-Bilder hochladen, das Layout der Website ändern und Optionen von Drittanbietern wie Google Analytics, Disqus-Kommentare und Flickr-Bild-Feeds durch Einfügen in Ihre Themen integrieren können IDs.
- Seiten Fügen Sie Ihrer Site zusätzliche statische Seiten hinzu, die sich perfekt für Biografien, Kontaktinformationen und Site-Details eignen. Darüber hinaus können Sie Seiten, die Sie zu externen Links oder häufig zu Pseudokategorien führen, umleiten, indem Sie auf eine Tag-URL auf Ihrer Website verlinken.
- Dienstleistungen Verbinden Sie Ihre Tumblr-Website mit Facebook und fügen Sie Ihre Beiträge nahtlos Ihrem Facebook-Newsfeed hinzu. Autorisieren Sie Tumblr, Ihre Beiträge automatisch an Twitter zu senden und Feedburner für den RSS-Feed Ihrer Website zu verwenden. Tumblr bietet Ihnen auch die Möglichkeit, RSS-Feeds, Updates auf Twitter, Blog-Beiträge außerhalb von Tumblr-, YouTube- und Vimeo-Uploads und andere automatisch als Beiträge auf Ihre Tumblr-Website zu importieren.
- Gemeinschaft Ermöglichen Sie Personen, auf Ihre Beiträge zu antworten, Ihnen Fragen zu stellen und jeden Beitragstyp, der Ihrer Übermittlungswarteschlange hinzugefügt wurde, zur Genehmigung einzureichen.
- Fortgeschrittene Stellen Sie Ihr Thema und Ihre Dashboard-Sprache auf Englisch, Französisch, Deutsch, Italienisch oder Japanisch ein, fügen Sie benutzerdefiniertes CSS hinzu, um die CSS-Eigenschaften des Themas zu überschreiben, bestimmen Sie die Anzahl der Beiträge, die pro Seite angezeigt werden, und viele andere Optionen.
Benutzerdefinierte Themen
Der gleiche Fokus auf Einfachheit und Struktur, den Tumblr für das Posten und Teilen bietet, gilt auch für das Tool zum Erstellen eines eigenen benutzerdefinierten Themas. Solange Sie mit HTML und CSS vertraut sind, sollten Sie in der Lage sein, Ihr Design in Rekordzeit zum Leben zu erwecken. Das Theming-System von Tumblr basiert auf Variablen und Blöcken in geschweiften Klammern, mit denen Sie praktisch alle Arten von Post- und Site-Daten ohne Back-End-Entwicklung einfügen können.
Wenn Sie ein neues Tumblr-Thema erstellen, ist es immer am einfachsten, Ihr Design mit sauberem und unkompliziertem HTML und CSS zu erstellen, das die acht wichtigsten Beitragstypen - Text, Foto, Zitat, Link, Chat, Audio, Video und Antwort - und alles andere abdeckt verschiedene Tumblr-Elemente wie Post-Tags, Daten, Notizen und Paginierung. Sobald Sie einen vollständigen statischen HTML-Build Ihrer Site erstellt haben, können Sie mit dem unterhaltsamen Einfügen der Themenvariablen beginnen. Variablen (in Fettdruck) werden verwendet, um dynamische Daten in Ihr Thema einzufügen.
{Title} {block:Posts} block:Posts} Blöcke
Zusätzlich zu den Themenvariablen verwendet Tumblr ein Blocksystem, um HTML-Blöcke zu rendern, die sich auf einen bestimmten Datensatz beziehen, z. B. Beiträge, Beitragstypen, Tags und Paginierung.
Blöcke werden entweder als bedingte Elemente verwendet, die nur gerendert werden, wenn der Datentyp vorhanden ist - {block: HasTags} - oder sie dienen als Schleife, die HTML für jedes der Elemente im Block rendert: {block: Tags}.
{block:HasTags} {block:Tags}- {Tag} {/block:Tags}
{/block:HasTags}Hier finden Sie Beispiele für grundlegende Text- und Fotopoststrukturen, mit denen Sie Ihre Vorlage erstellen können. (Beachten Sie, dass ich die neuen HTML5-Elemente verwende, die das Lesen des HTML-Codes erheblich erleichtern, und Datenattribute, die als Hooks für die jQuery / JavaScript-Manipulation des Themas Ihrer Wahl verwendet werden können.)
Text:
{block:Text} {block:Title} {Title}
{/block:Title} {Body} {/block:Text}Foto:
{block:Photo} {LinkOpenTag}{LinkCloseTag}{block:Caption} {Caption}{/block:Caption} {/block:Photo}Machen Sie sich mit allen anderen Arten von Blöcken, Variablen und Daten vertraut, um etwas Großartiges für Ihr Blog zu erstellen, indem Sie hier klicken: tumblr.com/docs/en/custom_themes .
Schauen Sie sich die 40 an besten Tumblr-Blogs für Designer auf unserer Schwesterseite Creative Bloq.
