トップへ戻る
買ってよかったもの
mimic-labo.com
過去の記事で他サービスを利用したタグクラウド設置を紹介しましたが、どちらのサービスも終了してtumblrブログに表示されなくなってしまったため、今回はテーマアセットでjsファイルをアップロードし、tumblrブログ個々に設置型のjQueryを使ったタグクラウド・タグリスト表示をします。 ほぼ、こちらの記事の内容で設定させていただき、タグの表示数だけ指定したかったため、そこだけ追加でカスタマイズしました。 ※現在利用できなくなった過去の記事2つ http://mimic-labo.com/post/9093343456/tumblr-taglist-howto http://mimic-labo.com/post/151047081806/tumblr-tagcloud-howto テーマアセットでアップロードするファイルを2つ用意jquery.class.js tumblrposts.js
目次tumblrのMarkdown(マークダウン)記法タイトル hタグ段落と改行 pリンク aタグ画像 img画像リンク a imgリスト ul li引用 blockquote強調タグ em strongテーブル table罫線続きを読む Read Moreリンクコード記法 pre code脚注参照リンクページ内リンク #リンク tumblrのMarkdown(マークダウン)記法主にtumblrでよく使うかもしれないマークダウン記法のチートシートてきな記事。知っているのと知らないのとでは記事作成の効率が大分違うと思います。 簡単に見栄えを整形出来るし、htmlタグが必要なときはそのまま記述することができるので便利。 タイトル hタグ#h1 ##h2 ###h3 ####h4 #####h5 ######h6 h1h2h3h4h5h6段落と改行 p段落は改行のみがある空白行を1つ以上作ること
目的すでに独自ドメイン「aaa.com」や「www.aaa.com」のような例の購入したドメインをそのままTumblrで設定して利用していることが前提で、 今回はさらに同一のドメインにサブドメイン「bbb.aaa.com」などを設定して新しくTumblrのブログを設置することが目的。 用途としては、メインのブログとは異なるテーマについてまとめたい場合の別ブログとしての運用などが上げられます。 Tumblrでの事前準備事前に必要となる準備はTumblrで新規にブログを用意することです。Tumblrでは複数のブログを一つのアカウントで管理できるため、新規に作成するときも特にこだわりが無ければ、独自ドメインで既に運用しているアカウントに追加するだけで良いです。 1.ダッシュボード右上の人のマークから新規作成をクリック 2.新規に作るブログの情報を入力 ※TumblrでのURLは後に設定してサブド
個人的な独断と偏見による24選tumblrの無料テーマでおすすめするものは、2017.03.07現在アップされているものの中から個人的にこれ良いじゃんって思ったデザイン24選です。 選ぶべきポイント以下のポイントを重視して選んでおります。 カスタマイズ性なども1つ考えても良いかもしれませんね。 文字が読みやすい配色が見やすい記事ブロックの配置が良いレスポンシブでスマホも対応ならなお良しあとは好み文字についてはデザイン作った方が日本語を考慮していることは少ないと思います。なのでその点に関しては自身でフォント指定をカスタマイズするしかありません。 基本的にデザインについてはカスタマイズする必要もないぐらい見栄えが良いものをピックアップしてみました。 おすすめのtumblr無料テーマリスト写真、画像投稿向けのテーマか、テキストタイプのライター向けのテーマかという焦点に絞って分けていきたいと思いま
tumblrではフリーのデザインテンプレート内に、titleタグ、meta descriptionタグが設置されていますが、投稿記事ごとやタグページ、カスタムページなどでそれぞれユニークな文言になるように割り当てられてないことがほとんどでは。特に今はSEOとして意味はないとはいえ、meta keywordsに関しては記述すらされていない模様。 SEOを意識したtitle・meta設定方法をこのサイトで行いたいと思い、長い時間かけてこれを解読して可能な限り各ページがユニークな文言として検索エンジンにインデックス(認識)されるようにした。 <title>この部分</title> <meta name=“description” content=“この部分” /> <meta name=“keywords” content=“この部分” /> 上記3つの部分が各ページでユニークに設定出来ればOK
※こちらは古い記事です。現在このやり方では出来ません。 下記の新しい記事の方法でお試しください。 改2’ tumblrにタグクラウドを設置2018/04 tumblrにある記事ごとのタグ機能はサイドバーに表示されないので、タグリストを表示する方法。 静的なリンクではなくJavascriptで表示しているのでSEOを意識したクローラビリティこそないが、ユーザビリティとアクセシビリティは向上。 【設置方法】 1.下記サイトにアクセスして画像のJavascriptコードを持ってくる。 http://rive.rs/projects/tumblr-tag-clouds 2.サイトTopの右上に表示される「カスタマイズ」から「テーマ編集」へ もしくはtumblrダッシュボードの「表示をカスタマイズする」から「テーマ編集」へ 3.サイドバーのソース部分<div id=“sidebar”>~</div>
このtumblrブログにはてなスターボタンを設置しました。(2011/08/18現在) 【設置方法】1.はてなにログイン状態で下記はてなスターにアクセスhttp://s.hatena.ne.jp/ s.hatena.ne.jp/○○○/blogs (○○○はユーザー名)にアクセス 2.「外部のブログサイトを登録する」登録したいURLを入力して「追加」 3.Javascript コード取得<script type=“text/javascript” src=“http://s.hatena.ne.jp/js/HatenaStar.js”></script> <script type=“text/javascript”> Hatena.Star.Token = ‘URLごとに割り当てられるトークン’; </script> 4.サイトTopの右上に表示される「カスタマイズ」から「テーマ編集」へ
このページを最初にブックマークしてみませんか?
『mimic-labo.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サクサク読めて、アプリ限定の機能も多数!