Задаволены
Гэты артыкул упершыню з'явіўся ў нумары 213 часопіса .net - самага прадаванага ў свеце часопіса для вэб-дызайнераў і распрацоўшчыкаў.
Колькі разоў вы казалі: "У гэтым годзе я нарэшце буду весці блог"? Як і многія, вы пачынаеце працяглы і складаны працэс распрацоўкі сайта для самага складанага кліента - сябе - толькі для таго, каб назіраць, як ён пераходзіць на другі план, кожны раз, калі рэальныя платныя кліенты перашкаджаюць.
Пасля таго, як вы, нарэшце, замацуеце дызайн, пачынаецца працэс стварэння і распрацоўкі вашага блога. Праз некалькі тыдняў (ці месяцаў) нарэшце прыйшоў час націснуць кнопку запуску. Дзесьці паміж вашым чацвёртым і пятым праніклівым і бліскучым паведамленнем ён вас дзівіць ... Падтрыманне гэтага блога патрабуе велізарнай працы.
Асабіста я неаднаразова за гэтыя гады аказваўся ў пастцы менавіта гэтага цыкла. У пачатку 2009 года я зразумеў, што мне неабходна перагледзець менавіта тое, што я спрабаваў зрабіць з асабістым блогам. Ідэя напісання доўгіх паведамленняў у блогу некалькі разоў на тыдзень гучыць дзіўна, але для мяне гэта проста не было рэалістычнай. Я ўжо чырыкаў, але мне сапраўды спатрэбілася магчымасць падзяліцца крыху больш кароткімі, прамымі і дакладнымі паведамленнямі. Мае пошукі прастаты прывялі мяне непасрэдна да Tumblr.
Пачатак
6 красавіка 2009 года я падпісаў рахунак і пачаў размяшчаць паведамленні. Выкарыстоўваючы тэматычны сад Tumblr, я выбраў асноўную тэму, з якой ведаў, што змагу жыць, пакуль правёў тэст-драйв Tumblr. Прастата платформы таксама азначала, што мне не трэба было турбавацца аб усталёўцы праграмнага забеспячэння для вядзення блогаў на сваім серверы. Я прыклаў усе намаганні для курыравання зместу ў галіне дызайну, культуры, тэхналогій і бізнесу, а таксама асабістых думак і меркаванняў.
Амаль праз два гады мне ўдалося прытрымлівацца вядзення блога на Tumblr, прыблізна 600 паведамленняў на маім сайце www.jonathanmoore.com: у сярэднім 0,85 паведамленняў у дзень. Сёння я зразумеў, што прастата - гэта тое, што дапамагло мне захоўваць паслядоўнасць публікацый, але сетка людзей на Tumblr - гэта тое, што мяне ўзбуджае наконт платформы. Tumblr спрашчае тыповы блог, робячы блогі вельмі проста. Мільёны людзей па ўсім свеце дзеляцца тым, што робяць, любяць, знаходзяць і ствараюць.
У аснове Tumblr восем тыпаў паведамленняў - тэкст, фота, цытата, спасылка, чат, аўдыя, відэа і адказы на пытанні, якія вы можаце апублікаваць на панэлі кіравання. Гэта дазваляе абменьвацца ўсім, што знойдзеце альбо стварыце да смеху, проста. Калі вы публікуеце відэа, само відэа з'яўляецца асноўнай тэмай, і тады вы можаце дадаць неабавязковы загаловак, каб даць кантэкст, інфармацыю ці падрабязнасці пра яго. Тое ж тычыцца і іншых тыпаў паведамленняў, за выключэннем тэкставых паведамленняў, якія дазваляюць ствараць больш тыповыя паведамленні ў блогу з камбінацыяй тэксту, малюнкаў і відэа ў адным паведамленні.
Tumblr не толькі спрашчае тыпы публікацый, але і дае шырокі спектр спосабаў размяшчэння паведамленняў у сваім блогу. Асабіста я часцей за ўсё выкарыстоўваю панэль кіравання, але ёсць шэраг іншых спосабаў размяшчэння змесціва ў сваім блогу.
- Закладка, якая дазваляе публікаваць паведамленні непасрэдна з вашага аглядальніка падчас серфінгу ў Інтэрнэце
- Мабільныя прыкладання для iPhone, BlackBerry і Android
- Складаная публікацыя па электроннай пошце для размяшчэння тэксту, фотаздымкаў, MP3-файлаў ці відэа непасрэдна з мабільнага тэлефона альбо праз электронную пошту
- Выклік у аўдыя паведамленні з бясплатным нумарам
- Шмат іншых старонніх прыкладанняў (www.tumblr.com/docs/en/apps)
Больш падрабязна пра розныя спосабы размяшчэння паведамленняў на Tumblr глядзіце на сайце www.tumblr.com/goodies.
Грамада
Вядома, вы можаце выкарыстоўваць Tumblr проста як спосаб абнавіць свой блог, але вы страціце багатую і захапляльную суполку Tumblr. Сапраўднае задавальненне пачынаецца, як толькі вы пойдзеце за некалькімі цікавымі, натхняльнымі і аднадумцамі. І як толькі ваш блог стварыў прыстойныя падпісчыкі, дзіўна назіраць, як хутка допіс можа распаўсюджвацца па платформе з лайкамі і рэблогі.
Акрамя таго, каб сачыць за вядомымі людзьмі на Tumblr, убудаваны каталог - выдатны спосаб выявіць новых людзей на платформе. Каталог падзелены на амаль 50 катэгорый, якія ахопліваюць шырокі спектр прадметаў, уключаючы дызайнераў, распрацоўшчыкаў, прадпрымальнікаў, стартапы, архітэктуру, некамерцыйныя арганізацыі і турыстычныя праекты. Правядзіце гадзіну ці дзве, праглядаючы рэкамендаваныя супольнасцю блогі, і неўзабаве ў вас з'явіцца выдатная група сайтаў, з якіх можна адправіцца.
Tumblr стварыў шэраг спосабаў узнагародзіць людзей, якія размяшчаюць арыгінальны, натхняльны, творчы і цікавы змест у сваіх блогах. Самымі відавочнымі будуць лайкі і рэблогі. Уверсе кожнай старонкі пастаяннай спасылкі ў блогу і на прыборнай панэлі вы знойдзеце значок сэрца, які "спадабаецца" паведамленню. Калі вы сутыкнуліся з паведамленнем, якое, на ваш погляд, варта падзяліцца альбо вы хочаце дадаць у яго ўласныя думкі, вы можаце зрабіць рэблог гэтага паведамлення ў сваім блогу. Рэблогінг - гэта спосаб хуткага распаўсюджвання ідэі альбо паведамлення мема ў сетцы тысяч блогаў.
Пераход на мабільны
Хутчэй, чым мы гэта разумеем, людзі пачынаюць адмаўляцца ад наўтбукаў на карысць мабільных прылад, таму Tumblr стварыў мабільныя дадаткі і аптымізаваныя для макетаў макеты блогаў. Прыкладанні для платформаў iPhone, BlackBerry і Android дазваляюць праглядаць прыборную панэль і публікаваць любы тып паведамленняў непасрэдна з тэлефона. Прыкладанні для iPhone і Android дазваляюць атрымаць доступ да пашыраных параметраў размяшчэння Tumblr - захаваць як чарнавік, дадаць у чаргу, апублікаваць і адправіць уласныя URL-адрасы.
Адпраўляйце паведамленні па электроннай пошце непасрэдна ў свой блог пры дапамозе складанай публікацыі электроннай пошты ад Tumblr. Перайдзіце на старонку Goodies (tumblr.com/goodies), каб даведацца унікальны адрас электроннай пошты вашага сайта.
Пасля націску "Адправіць" Tumblr аўтаматычна вызначыць тып паведамлення, якое вы спрабуеце стварыць, і апублікуе яго на сваім сайце. Калі вы хочаце крыху больш кантраляваць фарматаванне, Tumblr мае падтрымку сінтаксісу Markdown (daringfireball.net/projects/markdown/syntax).
Усе вашы блогі пастаўляюцца з аптымізаванай і прыгожай мабільнай раскладкай для iPhone, BlackBerry, Android і іншых. Калі тэма, якую вы выкарыстоўваеце, добра працуе ў мабільных аглядальніках, вы заўсёды можаце адключыць аптымізаваны макет у меню "Наладзіць". Tumblr таксама дае вам магчымасць перазапісаць макет мабільнай пошты па змаўчанні сваім уласным: см. Tumblr.com/docs/en/custom_themes#iphone-themes.
Тэмы
З адданасцю Tumblr максімальна спросціць усе тыпы публікацый, неверагодна лёгка змяніць дызайн вашага сайта. Вы можаце выбраць з сотні бясплатных і прэміум-тэм, убудаваных у Tumblr; У якасці альтэрнатывы Tumblr дае вам поўны кантроль над стварэннем чагосьці арыгінальнага.
У цяперашні час ва ўбудаваным тэматычным садзе Tumblr ёсць амаль 900 тэм высокай якасці (tumblr.com/themes). Праглядаючы папулярныя, прэміум-класы, нядаўнія і папулярныя тэмы, вы можаце прагледзець кожную з іх, каб зразумець, як гэта можа выглядаць на вашым сайце. Пасля таго, як вы знойдзеце той, які падыходзіць вам, усяго адным пстрычкай мышы вы можаце ўсталяваць тэму на любы з вашых сайтаў Tumblr.
Большасць з гэтых тэм цалкам бясплатныя ў карыстанні і наладжванні, але жменька мае прэміум-кошт - 9, 19 ці 49 долараў (tumblr.com/themes/premium). Вы ўбачыце, што большасць прэміум-тэм маюць дызайн вышэйшай якасці, кожная функцыя Tumblr ахоплена, дзясяткі варыянтаў наладкі і падтрымка перакладу на англійскую, французскую, нямецкую, італьянскую і японскую мовы. Да таго ж большасць прэміум-дызайнераў тэм прапануюць неверагодную падтрымку для кожнай з іх тэм.
Па-за афіцыйным Theme Garden кампаніі Tumblr зараз кампаніі, якія традыцыйна займаюцца тэмамі WordPress, прапануюць версіі Tumblr, уключаючы The Theme Foundry (thethemefoundry.com) і Obox (obox-design.com). У многіх выпадках яны прапануюць дадатковыя смачнасці пры пакупцы, такія як загружаныя файлы PSD і доступ да іншых тэм. Хоць тэмы па-за межамі сайта не могуць прапанаваць ўсталёўкі адным націскам, дадаць тэму на ваш сайт так проста, як уставіць тэму HTML у меню наладкі Tumblr.
Настройка вашага сайта
Tumblr мае неверагодна карыснае ўбудаванае меню "Наладзіць", якое дазваляе персаналізаваць, пашырыць і кантраляваць шэраг функцый для кожнага з вашых сайтаў. Давайце разгледзім шэраг опцый, даступных у сямі меню "Наладзіць":
- Інфармацыя Усталюйце загаловак вашага сайта, дадайце апісанне HTML, загрузіце партрэт альбо абразок і ўсталюйце URL-адрас Tumblr, уключаючы магчымасць дадаць уласнае імя дамена.
- Тэма Папярэдне праглядзіце, усталюйце і, у некаторых выпадках, купіце адну з прэміум-тэм або рэкламных тэм Tumblr. Акрамя таго, вы можаце націснуць кнопку Выкарыстаць карыстацкі HTML, каб змяніць HTML існуючай тэмы альбо ўставіць у свой уласны HTML тэмы.
- Знешні выгляд Калі ваша тэма падтрымлівае варыянты знешняга выгляду, вы знойдзеце шэраг селектараў колераў, кнопкі загрузкі малюнкаў, параметры ўключэння і тэкставыя палі для налады вонкавага выгляду тэмы. Многія з прэміум-тэм Tumblr прапануюць некалькі дзясяткаў варыянтаў, якія дазваляюць змяняць колеры тэмы, загружаць выявы загалоўкаў, змяняць макет сайта і інтэграваць такія незалежныя параметры, як Google Analytics, каментарыі Disqus і каналы малюнкаў Flickr, устаўляючы ў ваш Ідэнтыфікатары.
- Старонкі Дадайце на свой сайт дадатковыя статычныя старонкі, якія ідэальна падыходзяць для біяграфій, кантактнай інфармацыі і звестак пра сайт. Акрамя таго, вы можаце перанакіроўваць старонкі, якія пераводзяць вас на знешнія спасылкі альбо часта ў псеўда-катэгорыі, спасылаючыся на URL-тэгі на вашым сайце.
- Паслугі Падключыце ваш сайт Tumblr да Facebook і лёгка дадавайце свае паведамленні ў стужку навін Facebook. Дазвольце Tumblr аўтаматычна адпраўляць вашы паведамленні ў Twitter і выкарыстоўваць Feedburner для RSS-канала вашага сайта.Tumblr таксама дае магчымасць аўтаматычна імпартаваць RSS-каналы, абнаўленні ў Twitter, паведамленні ў блогах па-за Tumblr, загрузкі на YouTube і Vimeo і іншыя ў якасці паведамленняў на ваш сайт Tumblr.
- Супольнасць Дайце людзям магчымасць адказваць на вашы допісы, задаваць вам пытанні і адпраўляць на зацвярджэнне любы тып паведамленняў, дададзены ў вашу чаргу.
- Пашыраны Усталюйце для тэмы і мовы панэлі кіравання англійскую, французскую, нямецкую, італьянскую ці японскую мовы, дадайце ўласны CSS, каб перазапісаць любыя ўласцівасці CSS тэмы, вызначыце колькасць паведамленняў, якія будуць адлюстроўвацца на старонцы, і мноства іншых опцый.
Нестандартныя тэмы
Той самы ўпор на прастату і структуру, які Tumblr забяспечвае для публікацыі і абмену, працягваецца з інструментам для стварэння ўласнай тэмы. Пакуль вам зручна карыстацца HTML і CSS, вы зможаце ўвасобіць свой дызайн у жыццё ў рэкордна кароткія тэрміны. Сістэма тэматыкі Tumblr абапіраецца на фігурныя дужкі зменных і блокаў, якія дазваляюць апускаць практычна ўсе тыпы дадзеных паведамленняў і сайтаў з нулявым узроўнем распрацоўкі.
Ствараючы новую тэму Tumblr, заўсёды лягчэй за ўсё распрацаваць дызайн з дапамогай чыстага і зразумелага HTML і CSS, які ахоплівае восем асноўных тыпаў публікацый - тэкст, фота, цытаты, спасылкі, чат, аўдыя, відэа і адказы - і ўсе астатнія. розныя элементы Tumblr, такія як тэгі паведамленняў, даты, нататкі і пагінацыя. Пасля таго, як вы поўнасцю пабудуеце свой статычны HTML-сайт, вы пачнеце самую цікавую частку, апускаючы зменныя тэмы. Зменныя (тлустым шрыфтам) выкарыстоўваюцца для ўстаўкі дынамічных дадзеных у тэму.
html lang = "be"> head> title> {Title} / title> meta name = "description" content = "{MetaDescription}" /> link rel = "icon shortcut" href = "{Favicon}" /> спасылка rel = "apple-touch-icon" href = "{PortraitURL-128}" /> link rel = "alternate" type = "application / rss + xml" title = "RSS" href = "{RSS}" /> / head > body> {section: Posts} section>! - Усе тыпы паведамленняў дадаюцца ўнутр блока Posts -> / section> block: Posts} / body> / html>
Блокі
У дадатак да зменных тэм, Tumblr выкарыстоўвае сістэму блокаў для адлюстравання блокаў HTML, звязаных з пэўным наборам дадзеных, такіх як паведамленні, тыпы паведамленняў, тэгі і пагінацыя.
Блокі альбо выкарыстоўваюцца як умоўныя элементы, якія адлюстроўваюцца толькі пры наяўнасці тыпу дадзеных - {block: HasTags} - альбо служаць цыклам, які адлюстроўвае HTML для кожнага з элементаў у блоку: {block: Tags}.
{block: HasTags} ul> {block: Tags} li> a href = "{TagURL}"> {Tag} / a> / li> {/ block: Тэгі} / ul> {/ block: HasTags}
Вось прыклады асноўных структур тэксту і фотаздымкаў, якія вы можаце выкарыстоўваць для стварэння шаблону. (Звярніце ўвагу, што я выкарыстоўваю новыя элементы HTML5, якія значна палягчаюць чытанне HTML, і атрыбуты дадзеных, якія можна выкарыстоўваць як хукі для маніпуляцый jQuery / JavaScript з абранай тэмай.)
Тэкст:
{block: Text} article>! - Факультатыўны загаловак тэкставага паведамлення будзе адлюстраваны, калі загаловак існуе -> {block: Title} header> h2> a href = "{Permalink}"> {Title} / a> / h2> / header> {/ block: Title} раздзел> {Body} / section> {/ block: Text}
Фота:
{block: Photo} article> header>! - Абгарніце выяву атрыбутамі alt і highres зменнымі, каб зрабіць спасылку на старонку паведамлення -> {LinkOpenTag} img src = "{PhotoURL-500}" alt = "{ PhotoAlt} "data-highres =" {PhotoURL- HighRes} "/> {LinkCloseTag} / загаловак>! - Калі існуе загаловак паведамлення, блок загалоўкаў будзе адлюстраваны -> {block: Caption} раздзел> {Caption} / section> {/ block: Caption} {/ block: Photo}
Паспрабуйце ўсе іншыя тыпы блокаў, зменных і дадзеных, каб стварыць нешта выдатнае для вашага блога, адправіўшыся сюды: tumblr.com/docs/en/custom_themes.
Праверце 40 лепшых блогаў Tumblr для дызайнераў на нашым сястрынскім сайце Creative Bloq.