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（タンブラー）の高クオリティすぎて一目置かれるテンプレート32選
簡単にブログやWebマガジンが作れる「Tumblr」が最近人気を集めています。 Tumblrの特徴といえば、オシャレでデザイン性の高いテンプレートが豊富に揃っていることです。 クリエイターのポートフォリオに最適なものからブログにぴったりのものまで幅広いデザイン・レイアウトのものを選択することができます。 今回はTumblrの数あるテンプレートの中から、オススメのテンプレートを48個まとめてご紹介します。ご自身にぴったりのものを探してみてください。 Tumblrオススメのテンプレート32まとめ 1.Zen https://www.tumblr.com/theme/39508 画像、テキストを大きめに表示し見やすくレイアウトしてくれるテンプレートです。 ソーシャルボタンも用意されています。 2.Minimalism https://www.tumblr.com/theme/39633 画像収集
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テーマを本気でつくる Vol.1「テーマカスタマイズの基本編」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 以前、「Tumblrでもここまでデザインできる！オリジナルカスタマイズの実例解説」という記事で、「いいオフィスBLOG」の例を出して解説をしたのですが、汎用性がないなあと今更反省をしています。 前回はまだTumblr初心者ということもあったので許してもらうとして……。今回は、本気でTumblrテーマを作りたい人のために出直してきました！ 1つの記事にすると長い戦いになると思ったので、以下の順で連載のかたちをとってご紹介したいと思います。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 テーマカスタマイズということで、あらかじめ「HTML／CSSの理解がある」「Tumblrの管理画面くらいは知っている」というのを前提に話を進めていきます。 Vol.1「テーマカスタマイズの基本編
これから新しいサイト・ブログを無料で作るならTumblrがオススメな理由 - AIUEO Lab2
Tumblrとは画像やテキスト、動画などを投稿・共有できるウェブログサービス。 Tumblr ネット上の好きな画像や動画、文章を簡単にクリップして共有できるので、スクラップブック代わりに使っている人も多いはず。位置づけとしてはTwitterとブログの中間「ミニブログサービス」とでもいうのでしょうか。 tumblrとは ウェブの人気・最新記事を集めました - はてな Tumblrってなに？ビギナーのための基礎知識や始め方・使い方 - はてなニュース でも、実はTumblrは無料で使えて静的なページも作れる立派なCMS（コンテンツマネジメントシステム）です。 投稿は簡単で、広告も入らず、アフィリエイトリンクの設置も自由で、独自ドメインも使える。加えて、サーバーの必要もなく容量もほぼ無制限で、予約投稿や、複数人での運営もできて、Markdown記法も使える……Tumblrすごい。 はてなブログは
Tumblrでもここまでデザインできる！オリジナルカスタマイズの実例解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
テーマカスタマイズの解説最新版 （2015年3月26日更新） 本記事より分かりやすく、テーマカスタマイズについて解説した記事を、連載形式でアップしています！以下よりご覧ください。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 こんにちは、デザイナーのぺちこです！ お盆が過ぎたら、本当に夜が涼しくなった気がします。ツクツクボウシが「ツクツクボウシ」って鳴いてると最初に思った人は、けっこう想像力豊かだったんだなあと思う今日このごろです。 そんなわけで、9月も近づいて参りました。9月といえばLIGが運営を手がけるシェアオフィス「いいオフィス」のオープンが控えています。そして「いいオフィス」では公式ブログ「いいオフィスBLOG」をTumblrで運用しています。 私はこのTumblrのカスタマイズを担当しましたので、今回
デザインのアイディアソースに！注目すべきTumblrアカウントまとめ | nanapi [ナナピ]
はじめに アウトプットの場としてもインプットの場としても活躍する、マイクロブログサービス・Tumblr（タンブラー）。その手軽さに利用している方も多いですよね。ここでは、そんなTumblrをより有効に楽しむべく「とりあえずフォローしておきたい！クリエイティブなTumblrアカウント」をまとめました。 グラフィック、ロゴ、イラストにプロダクトデザインまで。アイディアのヒントになること間違いなしの独創的なアカウントばかり。ちょっとお洒落な気分になりたい時の目の保養にもピッタリですよ。是非参考にしてみてください。 ロゴ・プロダクトデザインがメイン！クリエイティブなTumblr5選 ロゴやプロダクトデザイン、パッケージのアイディアなど。「ブランディング」にまつわる情報が詰まったTumblr上のブログをご紹介。「モノのデザイン」についてのヒントの数々、是非参考にしてみてください。 Consider
![デザインのアイディアソースに！注目すべきTumblrアカウントまとめ | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/640351a47094ee597bc0e979b76f84de32da5731/height=288;version=1;width=512/http%3A%2F%2Fp.cdnanapi.com%2Fe%2F25.media.tumblr.com%2Favatar_fa0b22b9de04_128.png%3Fsize%3D195){kind=avatar}
Twitter・Dropbox・Tumblr・Pinterestなどが何を使って運営されているかがわかる「Cloudstacks」
ケーススタディのページ・実際に利用しているカスタマー・推薦の言葉を載せているページ・全自動で得られたデータなどを最終的には人力で分析し、「あの有名スタートアップ企業はどういうサービスを組み合わせて運営されているのか？」がわかるのが「Cloudstacks」です。 Cloudstacks | Leanstack - Find the best cloud services. http://leanstack.io/cloudstacks/ 例えばTwitterの場合は以下のようになっており、DNSマネージメントは「Dyn」、ウェブサイトの死活監視は「Pingdom」、CDNは「Akamai」、ヘルプデスクは「Zendesk」といったようなことがまとめられ、一目瞭然となっています。 Twitter | Leanstack - Cloud services for developers. htt
Webアプリやスマフォアプリの紹介用に作成、配布されているフリーTumblrテーマ・AppBlog - かちびと.net
Webアプリやスマフォなどのアプリを紹介するために作られたTumblrのテーマ・AppBlogのご紹介です。Tumblrはテーマが豊富ですが、こういったブログ形式のテーマはあまり見かけないので貴重かもですね。 アプリ紹介用のTumblrテーマです。シンプルで見やすく読みやすい印象でした。 サイドカラムは固定されています。メニューはマウスホバーでスライドインする仕組み。 メニューにはソーシャルサイトへのリンク等を追加できます。Disqus、Google Analyticsにも対応しており、サイドカラムの色の変更も容易に出来ます。また、レスポンシブWebデザインにも対応。 上手く作られてます。こういうレイアウトは個人的に見やすくて好みなので参考になりました。 AppBlog
仲間が増えればコンテンツも増える！Tumblrをグループで管理できるようにするには？ - 適宜覚書-Fragments
Tumblrはブログとミニブログ、そしてソーシャルブックマークを統合したウェブスクラップサービスです（http://ja.wikipedia.org/wiki/Tumblr）。テキストや画像、動画、音楽など様々なコンテンツを投稿したり共有したりが出来ます。Tumblrのページビューは驚異的―Wikipediaを抜いたという記事もでるくらいですから、こんな説明する必要ないくらいに知名度があるサービスですけど… Tumblrは大抵個人で利用されていますが、複数人のグループで利用することも出来ます。今回はその利用手順を紹介します。 Tumblrをグループで管理できるようにする手順 既にあなたはTumblrのアカウントを持っている前提にします（取得は簡単です）。 Tumblrにログインし、ダッシュボード上部のメニューで、「MyBlogs」をクリックすると所有するTumbleLogがリスト表示されま
トップページのWhat’s New表示には、Tumblrが最適！ ｜ しらさかブログ
わたくしウェブ制作の仕事をしておりまして、最近流行りのCMS(WordPress)とやらを使う案件が多いのですが、お仕事の中には、「別にCMS構築するほどじゃなくていいんだけど、トップページのWhat’s Newみたいなところくらいは更新したいな！」というご要望をいただくことも少なからずあります。 そんな時にオススメなのがTumblr！ TumblrでWhat’s New部分にあたる部分をブログスタイルで更新して、ウェブサイトのトップページにTumblr APIを使用して表示させる、というテクニックをご紹介いたします。 実装例は、弊社実績の以下のサイト。 JELLY JELLY CAFE / ノマドワーカーのためのカジュアルスペース ↑トップページの「BLOG」と書かれた部分です。 ソースは以下のとおり。 <ul id="blog"> <script type="text/javascri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr APIでwebサービスを作りたい全ての人に向けて書きました
サイト上でTumblrのフィードを美しく整形して自サイトに表示できる「Tumbo」:phpspot開発日誌
Tumblrで作られたスゴいWebサイト