Tumblrテーマを本気でつくる Vol.1「テーマカスタマイズの基本編」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 以前、「Tumblrでもここまでデザインできる！オリジナルカスタマイズの実例解説」という記事で、「いいオフィスBLOG」の例を出して解説をしたのですが、汎用性がないなあと今更反省をしています。 前回はまだTumblr初心者ということもあったので許してもらうとして……。今回は、本気でTumblrテーマを作りたい人のために出直してきました！ 1つの記事にすると長い戦いになると思ったので、以下の順で連載のかたちをとってご紹介したいと思います。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 テーマカスタマイズということで、あらかじめ「HTML／CSSの理解がある」「Tumblrの管理画面くらいは知っている」というのを前提に話を進めていきます。 Vol.1「テーマカスタマイズの基本編
Tumblrをカスタマイズして、無料テーマとして申請しました | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのはるかです。 昨日、デザイナーのぺちこのTumblrカスタマイズ解説ブログが完結しましたね。 ※知らない方は下記をどうぞ Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 Vol.3にもあるように、先日完成したオリジナルテーマ「Simplig-folio」を無料テーマへ申請しましたので、今回は無料テーマへの申請方法をご紹介します。 無料テーマに申請するために必要なこと https://www.tumblr.com/themes/new 上記にある無料テーマの申請ページで行うことは、大きく5つに分けられます。 1. テーマのタイトル、タグライン テーマのタイトルとタグライン（テーマの特徴）を記載します。なお、サムネイル画像は375×250pxでご用意ください。 今回はテーマのタイトルを「si
Tumblrテーマを本気でつくる Vol.3「テーマカスタマイズ実践編」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
OGP画像はというと、次に説明する「テーマオプション」にも関わりますが、オプションで「Facebook Ogp Image」という項目を追加したうえで、以下のように設定をします。 {block:IndexPage} {block:FacebookOgpImage}<meta property="og:image" content="{image:Facebook Ogp Image}">{/block:FacebookOgpImage} {/block:IndexPage} {block:PermalinkPage} {block:Posts} {block:Photo}<meta property="og:image" content="{PhotoURL-HighRes}">{/block:Photo} {block:Panorama}<meta property="og:image"
Tumblrテーマを本気でつくる Vol.2「テーマカスタマイズの独自タグ理解編」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
トップページ 読んで字のごとく、ドメイン直下のトップページのことです。 日付ページ 特定の日付に投稿された記事の一覧を表示するページです。「http://ユーザー名.tumblr.com/day/2015/03/05/」といった形で、年月日を指定したURLとなっています。 タグページ 投稿時にタグを付けることができますが、当該タグが付けられた記事の一覧ページです。「http://ユーザー名.tumblr.com/tagged/タグ名」でアクセスが可能です。 検索ページ Tumblr上の検索機能を使って出る検索結果のページです。「http://ユーザー名.tumblr.com/search/検索ワード」でアクセスが可能です。 記事詳細ページ 各投稿の詳細ページです。基本的には「http://ユーザー名.tumblr.com/post/投稿ID」というURLになっていますが、投稿時に「フレンド
Tumblrサイトの作り方教えます−−企業事例とメリット (1/2)
「Tumblrでサイト作って」そんなオーダーにももう困らない！ 人気Tumblrテーマ「ZEN 2.0」「Apollo」の作者である佐野章核さんが、Tumblrを使ったサイト制作の方法を解説する新連載です。（編集部） 手軽な情報発信ツールとして、数年前から大きな話題になっているWebサービス「Tumblr（タンブラー）」。企業にも活用事例は広がっていて、「今度のショップサイトはTumblrで作りたい」なんて話もよく耳にします。しかし、流行っていることはなんとなく知っていても、実際にTumblrを使ったことがない、何ができてどうやるのか分からない……という方も多いのではないでしょうか。 この連載は、そんなWebデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を全5回に分けて解説します。最終的にはTumblrを使ったWebサイトの制作・公開を目標にします。 いまさら聞けない、Tumbl
「Tumblr.」の使い方
こんにちは。編集部のぐっさんです。 今回は、Tumblr初心者の私が、過去に公開したTumblr記事を再編集し、最新版に更新してみました。……え？ ちゃんと説明できんのかって？ 大丈夫です。正しい情報をみなさんにお届けするため、Tumblrマスターの知人を２時間拘束し、記事を書き上げました。 以下より、私のTumblrに対する基礎知識の少なさと、Tumblrマスターの情報の正確さを兼ね合わせた内容で、Tumblrの使い方をお届けいたします。 Tumblrとは？ https://www.tumblr.com/ Tumblrとは、アメリカのDavidville.incが運営する、世界中で注目のブログサービスです。日本ではあまり認知度が高くありませんが、デザイン性のよさやブログをベースにしたコミュニケーションができることで、一定のファンがいるSNSといえます。 「リブログ」という、Web上の画像
オリジナルのtumblrテーマ作りに挑戦�
書籍「tumblrデザインカスタマイズガイド」では、既存のテーマを変更してブログをカスタマイズする方法と、基本的な機能のみを使ったオリジナルのテーマを作成する方法について、解説しています。 ここでは、オリジナルテーマの作成に必要な演算子について、少しずつ追加しながら解説していきます。 固有の演算子は大きく分けて2種類ヘルプページの「カスタムHTMLテーマの作成」（https://www.tumblr.com/docs/ja/custom_themes+）を開くと、テーマの作成方法について調べることができます。なお、このページを表示するには、tumblrにログインしておく必要があります。 tumblrには、固有の演算子が大きく分けて2種類あります。ブログのタイトルや説明文などを挿入する「Variable」と、投稿などを表示するためにHTMLブロックをレンダリングする「Block」です。それぞ
イラストや写真を投稿すると全自動でTumblrにポートフォリオが完成する「Illustfolio 2」 - GIGAZINE
レスポンシブデザイン・Retinaディスプレイ対応などは以前の「Illustfolio」のままに、さらに個別ページのイラストをより大きく、パーマネントリンクに最新記事のサムネイルを表示、 加えてExif情報も表示できて写真ブログとしても使えるようにパワーアップしたのが、Tumblrに画像をアップロードするだけで簡単にポートフォリオサイトが作れるTumblrテーマ「Illustfolio 2」です。 Illustfolio 2 - イラストポートフォリオサイトを一瞬で作れるTumblrテーマ http://sanographix.github.io/tumblr/illustfolio2/ これは過去に公開された Illustfolio のデザインをリニューアルしたもの。前身であるIllustfolioは以下のようなデザインで、1ページあたりの画像の表示は3×3で9枚、表示される画像は長方形
Yahoo！がTumblrを1100億円超で買収
ソーシャルネットワーキングサービス「Tumblr」を、Yahoo！が11億ドル(約1100億円)で買収することが明らかになりました。Yahoo！とTumblrからの発表はまだ行われていませんが、Tumblrを買収するための11億ドル分の取引について、ゴーサインが出ているとのこと。 Yahoo to Buy Tumblr for $1.1 Billion - WSJ.com http://online.wsj.com/article/SB10001424127887324787004578493130789235150.html Yahoo Tumblrs for Cool: Board Approves $1.1 Billion Deal as Expected - Kara Swisher - Media - AllThingsD http://allthingsd.com/201305
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tumblrを普通のブログにして使う
ZEN 2.0 - Tumblrで普通に日記を書く用途にこだわったTumblrテンプレート
サイト上でTumblrのフィードを美しく整形して自サイトに表示できる「Tumbo」:phpspot開発日誌