ローコストで動的なサイトへ -Tumblrの記事をwebサイトと連動させる方法-
突然ですが、最近Tumblr推しです。 Tumblrの何がいいかっていうと、 ・無料 ・テーマが豊富 ・使い方もシンプルでわかりやすい ・独自ドメインが使える ・何個もブログが持てる ・そこそこカスタマイズできる 等々…いいところ盛りだくさんなTumblrですが、今回はタイトル通り、自分が書いたTumblrの記事とwebサイトを連動させちゃおうと思います。 使いどころは様々かと思いますが、例えば 『お店のサイトはあるけど、自分で更新できない…でも、CMSを組む予算もない…』 てな時や、 『Tumblrの記事を書くだけで同時にサイトの更新もできたら楽だよね…。』 なんて要望があるときにはもってこいな感じかもしれません。 では、Tumblrとwebサイトを連動させてみましょう。 先に、デモページはこちらです ⇒ Tumblrをwebサイトに連動させるDEMO 1. JavaScriptの記述例
自分のwebサイト作る工程 - MEMOGRAPHIX
2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ
テーマ作成の前に知りたいTumblrカスタマイズの基本 (1/3)
Webデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を解説する本連載。前回は、Tumblrの簡単な紹介と、利用するメリットを説明しました。今回は既存のテーマを簡単にカスタマイズする方法について解説します。 テーマを変更してみよう Tumblrは、好みのテーマに切り替えることで、サイトのデザインを大きく変えられます。「テーマを作る作業」が、Tumblrを使ったWebサイト制作であると言ってよいでしょう。 テーマには、Tumblrが公式に配布しているものと、企業や個人がWeb上で配布している非公式のものがあり、有料・無料を問わずたくさんのテーマが公開されています。公式のテーマの場合は、Tumblrのカスタマイズ画面の「テーマを見る」から「使用する」をクリックすると、自分のブログにすぐに適用できます。 また、「さらにテーマを検索」をクリックすると、Tumblrのテーマ一覧ページが開き、
CSS書くだけでTumblrテーマが作れる「Tumblr Boilerplate」作った - MEMOGRAPHIX
Tumblrテーマ、いちから作ろうとすると大変なので、あらかじめ基本的なHTMLが組まれてあるBoilerplate的なのを作った。 http://sanographix.github.io/tumblr-boilerplate/ これを使うと、CSSを書くだけでTumblrテーマ作れるので、block:Post みたいなテンプレートタグとか覚える必要なくて爆速でテーマ作れる。ZENやApolloをベースにしているので、全投稿タイプに対応している。MITライセンスなのでHTML変えたかったら変えても良いです。 テーマ作りたい人とか、CSSくらいは自分で書きたい人はご利用ください。 Tumblr Boilerplate - A naked boilerplate for tumblr theme development
自分の tumblr ページにタグリストを表示する
自分の tumblr ページに、タグリスト（タグクラウド?）を表示すると、自分にとっても便利で、ページを訪れた人にとっても便利です。そのための方法を書きます。 ヒトコトで言うと、"Tumblr Tag Clouds" を利用します。 "Tumblr Tag Clouds" は tumblr のサードパーティアプリケーションとして紹介されているものなので、おそらく不審なものではないと思われます。 ということで、"Tumblr Tag Clouds" にアクセスします。 "How to use" というところに使い方は書かれているのですが、一応、以下にも書いておきます。 まずは、下画面のように、"Tumblr Tag Clouds" のページのスクリプトコード部分をコピーしておきます。 次に、自分の tumblr ページをカスタマイズできるページにいきます。で、好きなところに、コピーしておいた
chips-tips
When redecorating a room, or an entire house, contemporary lighting is a primary concern. The dimly lit areas are not very welcoming and even depressing because human beings naturally seek light. Some rooms, of course, propose dim lighting … a bedroom does not need a dazzling light, while an important entrance or a living room could be improved with the use of an important light source. The older
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>
tips! | Tumblrのカスタマイズに役立つサイト覚書
カスタマイズに便利なサイトを覚書 実装したものは後々自分なりの方法を個別にポスト、チェックしていきます。 ＜Tags of tumblr.＞ tumblrで使える独自タグまとめサイト。 ＜米が好き | 【Tumblr】日付とかTag表示とかFollowingとか色々＞ CSSを外部ファイルで読み込む⇒ 実装済み1つずつの記事にTagを表示させる⇒ 実装済み 日付表示を変更する⇒ 実装済み Followingを表示させよう トータルページ数を表示させる⇒ 実装済み ＜【メモ】 Tumblrに関する情報あれこれまとめ。＞ Followしている人の一覧を表示する Google Analyticsでアクセス数を集計する⇒ 実装済み タグクラウドを表示する（追記あり）⇒ 別の方法(JavaScript＆Tumblr API)で実装済み 自分のTumblrにnotesを表示する 最初にPOSTした人を
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Tumblrをこれから始める人へまず読んでおきたい記事１０選 | A!@attrip
Tumblrをはじめようかな？と思うんだけど、 ぜんぜんわからない！とか メモなの？とか twitterとどう違うの？とか いろんな質問をされるのですが、まずこの辺を読んでみるとなんとなくどんなものかがわかるかもしれない。 なぜ？Tumblrがまた注目されているか？ http://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fzen.seesaa.net%2Farticle%2F221943738.html http://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fmatome.naver.jp%2Fodai%2F2131331863351860401 ・有名なユーザが使い始めた事 ・WordPressよりサイトが多い事 ・もう無視ができないよっ！って事とか http://b.hatena.ne.jp/e
tumblrで画像収集するのに向いてそうな、無料のテーマ・51個まとめ（と、少しだけ特徴をメモ
tumblrで画像収集するのは割と当たり前 ですが、後で見返すときに見にくいテーマ だと見る気がしないのでいろいろ試して いましたが、せっかく試したのでついでに 画像収集に向いてそうなtumblrのフリー のテーマをご紹介します。 というか変えたい時に探してるんですけど、いちいち面倒なのでメモしたいんですが、せっかくなのでここにリンク集作ってシェアしようかなと思った次第です。 簡単ではありますが、特徴をメモ書きしています。Lightboxが付いてるとか、自動で次のページを読み込むとかリキッドレイアウトとか。 全てをちゃんと確認したわけではないので、参考程度に。順不同、全部で51個ありました。 キャプチャはテスト用で作ったものです全部無料です環境次第でカラム数が変わるものもあります長くなってしまって見る気がしないので1カラムは省いています。Themanati 3カラムのリキッドレイアウトでギ
Tumblrをブログとして利用する-実践編- jsism: “ 以前、書いたTumblrをブログとして使うためにやるべき事 | Web scratchの焼き直しと投稿手法などについて詳細を追加したものです。 目次 1. ブログ用サブtumblelogを作成 2. ドメインの設定 3. テーマの設定 4. アクセス解析、DISQUSの設定 5. ブログ内検索 6....
jsism: 以前、書いたTumblrをブログとして使うためにやるべき事 | Web scratchの焼き直しと投稿手法などについて詳細を追加したものです。 目次 1. ブログ用サブtumblelogを作成 2. ドメインの設定 3. テーマの設定 4. アクセス解析、DISQUSの設定 5. ブログ内検索 6. 記事の投稿について(new) (実践編とあるがそれ以外はありません) ブログ用サブtumblelogを作成メイン(アカウントID)のTumblelogはなぜか共同更新など省かれている機能があるため、「Dashboard」の右側にあるメニューで「+Create a new Tumblelog」からブログ用のサブTumblelogを作成するのがよいと思います。 記事の投稿者名にはメインのIDが使用されるようなので、サブと言ってもメインと完全に切り離されたものではないことに注意しましょ
本当は超簡単！ゼロから始めるTumblrの使い方 | nanapi[ナナピ]
本当は超簡単！ゼロから始めるTumblrの使い方に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiでライフレシピ生活！ あなたのライフレシピを待っている人たちがいます あなたが生活でちょっとうまくやっていること、 それを知りたがっている人たちがいます！ あなたの投稿で、 みんなの生活をハッピーにしてみませんか？ nanapiに参加する（無料） はじめに Tumblrって聞いたことありますか？「なんとなくwebで字面だけは見たことある」という方は多いのではないでしょうか？ 「使ってみたいけど何のサービスかわからない…」「サイトが英語だから抵抗ある…」という人の為に、Tumblrの楽しい使い方を細かくご紹介したいと思います。 Tumblrってどんなサービス？ 日々インターネットをしていて、「この画像おもしろいなあ～」や、「この文
tumblr カスタマイズ - Google 検索
左側の「設定」をクリックします。右側のメニューからブログを選択し、「カスタムテーマ」を有効にした後、「テーマの編集」または「Webサイトを表示」をクリックします。
[Tumblr] Tumblrの各種ページのまとめ（随時追記）
ヘルプなどにあんまり記載されていない（もしくはいつの間にかヘルプに追加されている）ような機能があって分かりにくいので、Tumblr内の各ページについてまとめておく。意外に自分が知らないページがあったり（僕はmobileを知らなかった）、以前と変わってるページがあったりして面白い。 そんなに数はないので簡単なリストで。括弧内はサンプル。 公開される自分に関連したページ アーカイブ（http://nobodyplace.tumblr.com/archive） ランダム表示（http://nobodyplace.tumblr.com/random） RSS（http://nobodyplace.tumblr.com/rss） 携帯向け簡易表示（http://nobodyplace.tumblr.com/mobile） Like一覧（http://www.tumblr.com/liked/by/n
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblrで作られたスゴいWebサイト
cmmntr.com
Tumblrで特定ジャンルの画像を探せる機能「Explore」 | ライフハッカー・ジャパン
IDEA * IDEA
crossbreed.jp