Leiðbeiningar vefhönnuðar til Tumblr

Höfundur: Louise Ward
Sköpunardag: 11 Febrúar 2021
Uppfærsludagsetning: 18 Maint. 2024
Anonim
Leiðbeiningar vefhönnuðar til Tumblr - Skapandi
Leiðbeiningar vefhönnuðar til Tumblr - Skapandi

Efni.

Þessi grein birtist fyrst í tölublaði 213 í .net tímaritinu - mest selda tímarit heims fyrir hönnuði og forritara.

Hversu oft hefur þú sagt: „Þetta er árið sem ég ætla loksins að stofna blogg“? Eins og margir byrjar þú á því langa og erfiða ferli að hanna vefsíðu fyrir erfiðasta viðskiptavininn - sjálfan þig - aðeins til að horfa á það færast á afturbrennarann ​​í hvert skipti sem raunverulegir, borgandi viðskiptavinir koma í veg fyrir.

Þegar þú loksins hefur neglt niður hönnunina byrjar ferlið við uppbyggingu og þróun bloggs þíns. Eftir vikur (eða mánuði) er loksins kominn tími til að ýta á ræsihnappinn. Einhvers staðar á milli fjórðu og fimmtu innsæi og ljómandi færslu kemur það þér í koll ... að halda þessu bloggi uppfærðu mun taka gífurlega mikla vinnu.

Persónulega hef ég lent í því að vera fastur í þeirri nákvæmu hringrás oftar en einu sinni í gegnum árin. Snemma árs 2009 komst ég að því að ég þyrfti að hugsa nákvæmlega upp á nýtt hvað ég var að reyna að ná með persónulegu bloggi. Hugmyndin um að skrifa langar bloggfærslur nokkrum sinnum í viku hljómar ótrúlega, en fyrir mig var það einfaldlega ekki raunhæft. Ég var þegar að tísta, en það sem ég raunverulega þurfti var hæfileikinn til að deila aðeins meira með stuttum, beinum og nákvæmum færslum. Leit mín að einfaldleika leiddi mig beint til Tumblr.


Að byrja

6. apríl 2009 skráði ég mig inn á reikning og byrjaði að senda. Með því að nota Þemagarð Tumblr valdi ég grunnþema sem ég vissi að ég gæti búið við á meðan ég gaf Tumblr reynsluakstur. Einfaldleiki vettvangsins þýddi líka að ég þurfti ekki að hafa áhyggjur af því að setja blogghugbúnað á netþjóninn minn. Ég legg mig alla fram um að halda utan um efni varðandi hönnun, menningu, tækni og viðskipti ásamt persónulegum hugsunum mínum og skoðunum.

Tæpum tveimur árum síðar hefur mér tekist að halda áfram að blogga á Tumblr með hátt í 600 færslur á síðunni minni á www.jonathanmoore.com: að meðaltali 0,85 innlegg á dag. Í dag er ég búinn að átta mig á því að einfaldleikinn er það sem hefur hjálpað mér að vera í samræmi við póstinn, en netkerfi fólks á Tumblr er það sem heldur mér spenntur fyrir pallinum. Tumblr einfaldar dæmigert blogg og gerir bloggið fallega auðvelt. Milljónir manna um allan heim deila hlutum sem þeir gera, elska, finna og skapa.


Í kjarna Tumblr eru átta pósttegundir - texti, ljósmynd, tilvitnun, hlekkur, spjall, hljóð, myndband og svaraðar spurningar - sem þú getur birt á mælaborðinu. Þetta gerir það að deila öllu sem þér finnst eða búa til fáránlega auðvelt. Ef þú ert að senda myndband er myndbandið sjálft aðalviðfangsefnið og síðan geturðu bætt við valfrjálsri myndatexta til að veita samhengi, innsýn eða upplýsingar um það. Sama gildir um aðrar færslur, að undanskildum textapóstum, sem gera þér kleift að búa til dæmigerðari bloggfærslur með samblandi af texta, myndum og myndbandi í einni færslunni.

Ekki aðeins einfaldar Tumblr færslugerðirnar, það gefur þér einnig fjölbreyttar leiðir til að senda á bloggið þitt. Persónulega hef ég tilhneigingu til að nota mælaborðið oftast, en það eru ýmsar aðrar leiðir til að senda efni á bloggið þitt.

  • Bookmarklet, sem gerir þér kleift að birta beint úr vafranum þínum meðan þú vafrar á netinu
  • Farsímaforrit fyrir iPhone, BlackBerry og Android
  • Háþróuð tölvupóstsútgáfa til að senda texta, myndir, MP3 eða myndskeið beint úr farsímanum þínum eða í gegnum tölvupóst
  • Innhringingar hljóðpósts með gjaldfrjálst númer
  • Mörg önnur forrit frá þriðja aðila (www.tumblr.com/docs/en/apps)

Nánari upplýsingar um ýmsar leiðir til að senda póst á Tumblr er að finna á www.tumblr.com/goodies.


Samfélagið

Jú, þú gætir notað Tumblr einfaldlega sem leið til að uppfæra bloggið þitt, en þú myndir missa af ríku og heillandi samfélagi Tumblr. Hinn raunverulegi skemmtun byrjar þegar þú fylgir handfylli af áhugaverðu, hvetjandi og svipuðu fólki. Og þegar bloggið þitt hefur byggt upp ágætis fylgi, er ótrúlegt að sjá hversu hratt færsla getur breiðst út um vettvanginn, með like og reblogs.

Utan þess að fylgja þekktu fólki á Tumblr er innbyggða skráin frábær leið til að uppgötva nýtt fólk á vettvangnum. Skránni er skipt upp í næstum 50 flokka sem fjalla um fjölmörg viðfangsefni, þar á meðal hönnuðir, verktaki, frumkvöðlar, sprotafyrirtæki, arkitektúr, rekstrarlegur hagnaður og ferðalög. Eyddu klukkutíma eða tveimur í að skoða blogg sem mælt er með í samfélaginu og fljótlega hefurðu framúrskarandi hóp af síðum til að fylgja sem upphafspunkt.

Tumblr hefur byggt upp á ýmsan hátt til að verðlauna fólk sem birtir frumlegt, hvetjandi, skapandi og áhugavert efni á bloggið sitt. Mest áberandi væri líkar og reblogs. Efst á hverri síðusíðu bloggsíðu og á mælaborðinu finnur þú hjartatákn til að „líkja“ við færsluna. Ef þú rekst á færslu sem þér finnst vera þess virði að deila eða vilt bæta við þínar eigin hugsanir geturðu endurblaðið færsluna á þitt eigið blogg. Endurlogging er leiðin sem hugmynd eða færsla meme dreifist hratt yfir net þúsund blogga.

Fara hreyfanlegur

Hraðari en við gerum okkur grein fyrir er fólk farið að skurða fartölvur sínar í þágu farsíma, svo Tumblr hefur búið til farsímaforrit og farsímabjartsetta bloggskipulag. Forrit fyrir iPhone, BlackBerry og Android vettvang gera þér kleift að vafra um mælaborðið þitt og birta allar færslur af gerðinni beint úr símanum þínum. Forritin fyrir iPhone og Android gera þér kleift að fá aðgang að háþróaðri valkosti fyrir birtingu Tumblr - vista sem drög, bæta við biðröð, birta á og sérsníða vefslóðir.

Sendu póstinn þinn beint á bloggið þitt með vandaðri netútgáfu Tumblr. Farðu á Goodies síðuna (tumblr.com/goodies) til að komast að einstöku netfangi vefsvæðisins.

Þegar þú smellir á senda mun Tumblr sjálfkrafa greina tegund færslunnar sem þú ert að reyna að búa til og birta á vefsvæðinu þínu. Ef þú vilt aðeins meiri stjórn á sniðinu hefur Tumblr stuðning við setningafræði Markdown (daringfireball.net/projects/markdown/syntax).

Öll bloggin þín eru með bjartsýni og myndarlegt farsímaskipulag fyrir iPhone, BlackBerry, Android og fleira. Ef þemað sem þú notar virkar vel í farsímavöfrum geturðu alltaf slökkt á bjartsýni í valmyndinni Sérsníða. Tumblr gefur þér einnig möguleika á að skrifa yfir sjálfgefið farsímaskipulag með þínum eigin sérsniðnu: sjá tumblr.com/docs/en/custom_themes#iphone-themes.

Þemu

Með því að Tumblr leggur áherslu á að hafa allar færslugerðir eins einfaldar og mögulegt er, er það ótrúlega auðvelt að breyta hönnun vefsvæðisins. Þú getur valið úr hundruðum ókeypis og úrvals þema sem eru innbyggð í Tumblr; að öðrum kosti gefur Tumblr þér fulla stjórn til að búa til eitthvað frumlegt.

Eins og er eru næstum 900 hágæða þemu í innbyggðum þemagarði Tumblr (tumblr.com/themes). Þegar þú flettir í gegnum lögun, úrvals, nýleg og vinsæl þemu geturðu forskoðað hvert og eitt til að fá tilfinningu fyrir því hvernig það gæti litið út á síðunni þinni. Þegar þú hefur fundið einn sem hentar þér, með aðeins einum smelli geturðu sett þemað upp á hvaða Tumblr vefsvæðum sem er.

Meirihluti þessara þema er alveg ókeypis að nota og aðlaga, en handfylli er í aukagjaldi og kostar $ 9, $ 19 eða $ 49 (tumblr.com/themes/premium). Þú munt komast að því að flest úrvalsþemu eru með hágæða hönnun, sérhver Tumblr-eiginleiki sem falla undir, heilmikið af sérsniðnum valkostum og tungumálþýðingarstuðningur fyrir ensku, frönsku, þýsku, ítölsku og japönsku. Auk þess bjóða hágæða þemahönnuðir ótrúlegan stuðning við hvert þema þeirra.

Fyrir utan opinbera þemagarðinn hjá Tumblr bjóða fyrirtæki sem jafnan hafa lagt áherslu á WordPress þemu núna Tumblr útgáfur, þar á meðal The Theme Foundry (thethemefoundry.com) og Obox (obox-design.com). Í mörgum tilvikum munu þeir bjóða upp á viðbótar góðgæti við kaupin, svo sem PSD skrár sem hægt er að hlaða niður og aðgang að öðrum þemum. Þrátt fyrir að þemu utan vefsíðu geti ekki boðið upp á uppsetningu með einum smelli er að bæta þemað við síðuna þína eins einfalt og að líma þemað HTML í Tumblr sérsníða valmyndina.

Aðlaga síðuna þína

Tumblr hefur ótrúlega gagnlegan innbyggðan sérsníða valmynd, sem gerir þér kleift að sérsníða, framlengja og stjórna fjölda aðgerða fyrir hverja vefsíðu. Við skulum skoða nokkra valkosti sem eru í boði í sjö valmyndunum:

  • Upplýsingar Stilltu heiti vefsvæðis þíns, bættu við HTML lýsingu, settu upp andlitsmynd eða tákn og stilltu Tumblr vefslóðina þ.mt möguleika á að bæta við þínu sérsniðna lén.
  • Þema Forskoða, setja upp og í sumum tilvikum kaupa eitt af aukagjaldunum eða Tumblr þemunum. Að auki geturðu smellt á Notaðu sérsniðna HTML hnappinn til að breyta HTML núverandi þema þíns eða límt í þinn eigin sérsniðna HTML þema.
  • Útlit Ef þemað þitt styður útlitsmöguleika finnur þú fjölda litavalara, hnappana fyrir myndupphleðslu, valkosti til að virkja og textareit til að sérsníða útlit þemans. Mörg af hágæða Tumblr þemunum bjóða upp á nokkra tugi valkosta sem gera þér kleift að breyta litum þemans, hlaða upp hausmyndum, breyta uppsetningu vefsvæðisins og samþætta valkosti þriðja aðila eins og Google Analytics, Disqus athugasemdir og Flickr myndastrauma með því að líma í Skilríki.
  • Síður Bættu við fleiri kyrrstæðum síðum á síðuna þína sem eru fullkomnar fyrir ævisögur, upplýsingar um tengiliði og upplýsingar um síðuna. Að auki geturðu vísað síðum sem leiða þig í ytri tengla eða oft í gerviflokka með því að tengja við vefslóð merkis á síðuna þína.
  • Þjónusta Tengdu Tumblr síðuna þína við Facebook og settu færslurnar þínar óaðfinnanlega í fréttaveituna þína á Facebook. Heimiltu Tumblr að senda sjálfkrafa færslurnar þínar á Twitter og nota Feedburner fyrir RSS straum vefsvæðisins.Tumblr gefur þér einnig möguleika á sjálfkrafa að flytja inn RSS strauma, uppfærslur á Twitter, bloggfærslur utan Tumblr, YouTube og Vimeo upphleðslur og aðra sem færslur á Tumblr síðuna þína.
  • Samfélag Gerðu fólki kleift að svara færslunum þínum, spyrja þig spurninga og senda hvaða færslugerð sem er bætt við biðröð þína til samþykktar.
  • Lengra komnir Stilltu þema og tungumál stjórnborðs á ensku, frönsku, þýsku, ítölsku eða japönsku, bættu við sérsniðnu CSS til að skrifa yfir einhverja af CSS eiginleikum þemans, ákvarðaðu fjölda færslna sem birtast á hverri síðu og marga aðra valkosti.

Sérsniðin þemu

Sama áhersla á einfaldleika og uppbyggingu sem Tumblr veitir til að senda og deila heldur áfram með tólið til að búa til þitt eigið sérsniðna þema. Svo framarlega sem þér líður vel með HTML og CSS ættirðu að geta lifað hönnun þinni á mettíma. Þemukerfi Tumblr reiðir sig á hrokkinlegar svigabreytur og blokkir sem gera þér kleift að láta í sér nánast allar tegundir gagna eftir staður og staðsetningar, með enga þróun í bakendanum.

Þegar þú býrð til nýtt Tumblr þema er alltaf auðveldast að byggja upp hönnunina þína með hreinum og einföldum HTML og CSS sem nær yfir átta kjarna póstgerða - texta, ljósmynd, tilvitnun, hlekk, spjall, hljóð, myndband og svar - og allt hitt ýmsir Tumblr þættir eins og póstmerki, dagsetningar, minnispunktar og blaðsíðan. Þegar þú hefur lokið kyrrstöðu HTML uppbyggingu á síðunni þinni getur þú byrjað á því skemmtilega að sleppa þemabreytunum. Breytur (feitletraðar) eru notaðar til að setja kraftmikil gögn í þemað.

html lang = "en"> head> title> {Title} / title> meta name = "description" content = "{MetaDescription}" /> link rel = "shortcut icon" href = "{Favicon}" /> link rel = "apple-touch-icon" href = "{PortraitURL-128}" /> link rel = "alternate" type = "application / rss + xml" title = "RSS" href = "{RSS}" /> / head > body> {block: Posts} hlutinn>! - Allar tegundir póstanna eru bættar inn í Posts-blokkina -> / section> block: Posts} / body> / html>

Blokkir

Til viðbótar við þemabreyturnar notar Tumblr kerfi kubba til að gera kubba af HTML sem tengjast tilteknu gagnamagni, svo sem færslum, tegundum pósts, merkjum og síðuskiptum.

Blokkir eru annaðhvort notaðir sem skilyrtir þættir sem aðeins eru gefnir upp ef gagnagerðin er til - {block: HasTags} - eða þau þjóna sem lykkja sem gefur HTML fyrir hvern og einn af þáttunum í reitnum: {block: Tags}.

{block: HasTags} ul> {block: Tags} li> a href = "{TagURL}"> {Tag} / a> / li> {/ block: Tags} / ul> {/ block: HasTags}

Hér eru dæmi um grunntexta og myndpóst uppbyggingu sem þú gætir notað til að búa til sniðmát þitt. (Athugið að ég er að nota nýju HTML5 þættina sem gera HTML töluvert auðveldara að lesa og gagnaeiginleika sem hægt er að nota sem krókar við jQuery / JavaScript meðferð á þema að eigin vali.)

Texti:

{block: Text} grein>! - Valfrjálst titilblokk textafærslu verður gefinn ef titill er til -> {block: Title} haus> h2> a href = "{Permalink}"> {Title} / a> / h2> / haus> {/ block: Title} hluti> {Body} / hluti> {/ block: Text}

Ljósmynd:

{block: Photo} grein> haus>! - Vefðu myndinni með alt og highres eiginleika í breytum til að gera tengil á póstsíðuna -> {LinkOpenTag} img src = "{PhotoURL-500}" alt = "{ PhotoAlt} "data-highres =" {PhotoURL- HighRes} "/> {LinkCloseTag} / haus>! - Ef birtingatexti er til verður myndatexti gerður -> {block: Caption} hluti> {Caption} / hluti> {/ block: Caption} {/ block: Photo}

Vertu með hraða á öllum öðrum tegundum kubba, breytu og gagna til að búa til eitthvað frábært fyrir bloggið þitt með því að fara hér: tumblr.com/docs/en/custom_themes.

Skoðaðu 40 bestu Tumblr blogg fyrir hönnuði á systurvef okkar Creative Bloq.

Útlit
10 helstu HTML5 auðlindir
Frekari

10 helstu HTML5 auðlindir

Vefurinn er dá amlegur hlutur, fullur af úrræðum og nám keiðum fyrir fólk em vill læra HTML5. En tundum getur of mikið val verið rugling legt, vo vi&#...
4 helstu leturgerðarverkfæri fyrir vefhönnuði
Frekari

4 helstu leturgerðarverkfæri fyrir vefhönnuði

Að fá leturfræði rétt í vefhönnun þinni er líf nauð ynleg kunnátta en erfitt að ná tökum á henni. Þe i ef tu leturfr...
Hvernig á að hanna notendavænt tengi fyrir farsíma
Frekari

Hvernig á að hanna notendavænt tengi fyrir farsíma

um far ímahönnun þjái t af vandamáli: þau gætu litið vel út á yfirborðinu, en byrjaðu að nota þau og þú kem t fljó...