Tumblrをカスタマイズしたのでまとめておく（備忘録とカスタマイズ説明サイト紹介）
【この記事を読むのに必要な時間は約 12 分です。】 Tumblrを画像中心の普通のブログっぽくカスタマイズしたので、自分の備忘録を兼ねて、カスタマイズに利用したサイトと簡単なカスタマイズ方法を紹介する。 カスタマイズに当たっては、出来るだけデフォルトで高機能なTumblrの無料テーマを見つけるのが重要だと思う。今回は、良いテーマを見つけることができたのでカスタマイズも楽だった。 利用した無料テーマ Jennifer Theme for tumblrを利用した。 デフォルトで用意されているカスタマイズ設定 ソーシャルボタンの表示 画面右上に「Twitter」「Facebook」「RSS」が設置できる。 デフォルトでは「RSS」ボタンだけしか、表示されない。 「Facebook」ボタンはTumblrダッシュボード>カスタマイズ>Facebook Usernameを記入すると表示される。 「T
【たまには】tumblrの背景画像設定の無いテーマに背景画像を設定できるようにする。
Bo BLOG program,music,coffee,child care,photo,hokkaido,blog beginner 久しぶりの、技術ネタです。と言っても大したことはありません。 自分の使っているtumblrのテーマは、背景色は設定できるものの、背景の画像を設定することはできません。 なんか、季節とかイベントによって、背景も少し変えたなぁと思ったので、ちょっとテーマを改造してみました。 テーマの編集テーマオプションにbackgrand imgの項目を追加して表示したい背景画像をアップロードできるようにする。 HTMLの編集で{block:Hidden}{/block:Hidden}の適当なところに <meta name="image:backgrand img" content=""/> を追加する。 次にCSSのbodyに background-image: url(
これが無料？おしゃれなTumblrテーマ26選（レスポンシブデザイン対応）
Tumblrが素晴らしいのは、超ハイクオリティーなデザインテンプレート（テーマ）を無料で使用することができる点です。以下で紹介するデザインテーマはどれも無料でインストールすることができます。また、どれもレスポンシブ対応です。
ゼロから始める！tumblrカスタマイズ超入門！
こんにちは！はじめまして！ カヤックHTMLファイ部に来年度新卒で入社予定のもときです。 現在はインターンとしてカヤックに来ています。 今回はtumblrについての記事です。 tumblrに関する記事はググればいくらでも出てきますが、 このデザイナーズブログではまだ扱っていないようなので、 tumblrの魅力と、tumblrサイトのカスタマイズのはじめかたを、 僕なりに紹介してみたいと思います！ ・tumblrってなんとなくは知ってるけど、一体どんないいことがあるの？という方 ・いまtumblrを使ってて、もうちょっとカスタマイズしてみたい方 ・これからtumblrでサイトを作ってみようと思ってる方 そんな方に向けた記事です。 tumblrの魅力 tumblrとは このブログを見ているような方々なら、今や知らない人のほうが少ないのではないでしょうか。 それほどにすでに有名なサービスですね。
Berlin | Tumblr
FeaturesLast updated 2018-10-18All post typesCustom colorsCustom imagesSearchTags This is the Berlin theme! It's one of the best themes we've ever built. Less is more. With the Berlin theme we try to create a simple but high quality tumblr theme for your needs. Easy to customize. The Berlin theme is very easy to customize and you have a lot of options to realize that. Change the colors and fonts h
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サイトの作り方教えます−−企業事例とメリット (1/2)
「Tumblrでサイト作って」そんなオーダーにももう困らない！ 人気Tumblrテーマ「ZEN 2.0」「Apollo」の作者である佐野章核さんが、Tumblrを使ったサイト制作の方法を解説する新連載です。（編集部） 手軽な情報発信ツールとして、数年前から大きな話題になっているWebサービス「Tumblr（タンブラー）」。企業にも活用事例は広がっていて、「今度のショップサイトはTumblrで作りたい」なんて話もよく耳にします。しかし、流行っていることはなんとなく知っていても、実際にTumblrを使ったことがない、何ができてどうやるのか分からない……という方も多いのではないでしょうか。 この連載は、そんなWebデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を全5回に分けて解説します。最終的にはTumblrを使ったWebサイトの制作・公開を目標にします。 いまさら聞けない、Tumbl
素人がtumblrでコーポレートサイト的HPを作った話 - B型ドットコム
どうも。 僕はHTML、CSS、よくわかってません。bodyとかbrとか言葉だけ聞いたことがある程度。CSSに至っては、さっぱり。 ある日、会社のHPを放置し過ぎだろうということになり、HPを作りなおそうということになりました。僕らは従業員１０人ほどの小さな会社。HPをどっかの会社に作ってもらったは良いけど、コーディングの知識を持ったスタッフも居ないので、そのまま放置し、今に至ります。 で作り直すにあたり、ポイントは 低価格 更新しやすさ で、白羽の矢がたったのが僕なのですが、所詮はてなブログやSNSをやっている程度の知識なので、どうやってHPを創るか悩んだわけです。でDreamWeaverとか見ただけで、吐き気がするので、簡単にHPっぽいサイト作れるサービスを調べました。候補として、 （１）wordpress （２）tumblr の２つ。で（２）を選んだのですが、（１）は、そうは言っても
Creating a custom HTML theme | Tumblr
How to create a custom HTML theme Want to create a custom look for your blog? If you’re comfortable hand-coding HTML, then you’ve come to the right place! If not, choose from hundreds of beautiful themes in the Theme Garden. IntroductionTumblr was originally built around seven key post types: text, photos, links, quotes, chat, audio, and video. Starting in 2018, we transitioned most new posts to u
Tumblrでもここまでデザインできる！オリジナルカスタマイズの実例解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
テーマカスタマイズの解説最新版 （2015年3月26日更新） 本記事より分かりやすく、テーマカスタマイズについて解説した記事を、連載形式でアップしています！以下よりご覧ください。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 こんにちは、デザイナーのぺちこです！ お盆が過ぎたら、本当に夜が涼しくなった気がします。ツクツクボウシが「ツクツクボウシ」って鳴いてると最初に思った人は、けっこう想像力豊かだったんだなあと思う今日このごろです。 そんなわけで、9月も近づいて参りました。9月といえばLIGが運営を手がけるシェアオフィス「いいオフィス」のオープンが控えています。そして「いいオフィス」では公式ブログ「いいオフィスBLOG」をTumblrで運用しています。 私はこのTumblrのカスタマイズを担当しましたので、今回
Tags of tumblr.
Text: Tumblr で使えるタグ - 導入 2010-01-20 IntroductionDashboard で Customize をクリックして Theme タブを選択し、Use custom HTML ボタンをクリックすると tumblelog のテーマを自由に編集できるようになる。 この CustomHTML に {…} や {block:…}…{/block:…} 形式の要素を仕込むことで、それらが別の要素に置換される。 例えば <head><title>{Title}</title></head> と書けば、{Title} がページ作成者の設定したページタイトルに置換される。 マークアップに用いる {…} 形式の要素を「変数」、{block:…}…{/block:…} 形式の要素を「ブロック」と呼ぶ。また、ブロック要素に囲まれた部分を「内容」と呼ぶ。 例： <html>
Creating a custom HTML theme | Tumblr
How to create a custom HTML theme Want to create a custom look for your blog? If you’re comfortable hand-coding HTML, then you’ve come to the right place! If not, choose from hundreds of beautiful themes in the Theme Garden. IntroductionTumblr was originally built around seven key post types: text, photos, links, quotes, chat, audio, and video. Starting in 2018, we transitioned most new posts to u
「Tumblr.」の使い方
こんにちは。編集部のぐっさんです。 今回は、Tumblr初心者の私が、過去に公開したTumblr記事を再編集し、最新版に更新してみました。……え？ ちゃんと説明できんのかって？ 大丈夫です。正しい情報をみなさんにお届けするため、Tumblrマスターの知人を２時間拘束し、記事を書き上げました。 以下より、私のTumblrに対する基礎知識の少なさと、Tumblrマスターの情報の正確さを兼ね合わせた内容で、Tumblrの使い方をお届けいたします。 Tumblrとは？ https://www.tumblr.com/ Tumblrとは、アメリカのDavidville.incが運営する、世界中で注目のブログサービスです。日本ではあまり認知度が高くありませんが、デザイン性のよさやブログをベースにしたコミュニケーションができることで、一定のファンがいるSNSといえます。 「リブログ」という、Web上の画像
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Shiyori | Tumblr
Tumblrのカスタマイズ – ヘルプセンター
http://www.teamnaporitan.com/tumblr-origin-site/