『Tumblr』のおさらい(11) タグを付けて投稿&タグクラウドを表示させる
記事にタグを付けて投稿する 『Tumblr』は、一般的なブログサービスと同様に投稿する記事に「タグ」を付けることができる。記事に付けたタグをリストクラウドとして、自分のTumblrブログ(Tumblelog)に表示させることが可能だ。記事のジャンルごとにタグを付ければ、サイトを訪れた人がタグを元に記事を探して読むことができ、親切でわかりやすいサイトになるだろう。 また、タグを付けることは、自分で投稿した記事を見返す際にも役立つ。今回は、投稿する前に記事にタグを付け、さらにそのタグのリストを自分のTumblrに表示させる方法を紹介する。 Tumblrの管理画面である「Dashboard」から投稿する場合は、投稿フォームの右上にある＜Advaced options＞ボタンをクリックしよう(図1)。すると、図2のように表示されるので、「Tag this post」の欄に投稿する記事のタグを入力す
wwwlog.me - wwwlog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
tumblrにタグリストを設置
※こちらは古い記事です。現在このやり方では出来ません。 下記の新しい記事の方法でお試しください。 改2’ tumblrにタグクラウドを設置2018/04 tumblrにある記事ごとのタグ機能はサイドバーに表示されないので、タグリストを表示する方法。 静的なリンクではなくJavascriptで表示しているのでSEOを意識したクローラビリティこそないが、ユーザビリティとアクセシビリティは向上。 【設置方法】 1.下記サイトにアクセスして画像のJavascriptコードを持ってくる。 http://rive.rs/projects/tumblr-tag-clouds 2.サイトTopの右上に表示される「カスタマイズ」から「テーマ編集」へ もしくはtumblrダッシュボードの「表示をカスタマイズする」から「テーマ編集」へ 3.サイドバーのソース部分 Tags ここはサイトのデザインテンプレートによ
HTML5でWebページをマークアップするための基礎知識
HTML5の文法で押さえておきたい3つのポイント HTML5で規定された文法は、既存のHTMLとも最大限互換性が保たれるように設計されました。例えば「＜p＞の終了タグがない」といったHTMLはWeb上に無数に存在するわけですが、それらをエラーとするのではなく、むしろ「それらを許容する、そして、そのことを仕様上明記する」という方法が取られています。 これにより、XHTMLに比べてコンパクトな記述でマークアップしつつも、HTML5に準拠したWebブラウザ上であれば、同一のDOMが生成されることが保証されます。 ではHTML5の文法について、詳しく見ていくとしましょう。 【1】タグの記述を省略できる要素 HTML5では、要素によってはタグの記述を省略できます。具体的には「終了タグを書いてはいけない」「終了タグを省略できる」「開始タグを含め、タグ自体を省略できる」の3パターンがあります。 以下に、
Webデザインリリック
「Highlighing Code Block」のプラグイン「Treeview」を導入したらコードブロックのテーマカラーが反映されない時の解決方法
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎
IE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎 2011-06-04 Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことですが大切な事です。 DOCTYPEを書く。 HTMLの先頭にDOCTYPEを入れるようにして下さい。 DOCTYPEがないと、ブラウザ間での誤差が起こりやすい状態になります。 DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含
SEOに適したHTMLの組み方の基本 | アユダンテ株式会社
「SEOに適したHTML」と言うとなにやら大仰に聞こえますが、実のところそれほどややこしいものではありません。 なぜなら基本的なHTMLのマークアップ理念に従えば、概ねSEOにも適したHTMLになるからです。 今回は、SEOを考慮したHTMLを組む際の基本的なマークアップ指針についてまとめてみました。 実際にHTMLをマークアップするマークアップエンジニアの方や制作の現場を取りまとめるディレクターの方など、参考にしてみてください。 SEOに適したHTMLとは？ (X)HTML＋CSSで組む SEOを意識したちょっとしたコツ 1.SEOに適したHTMLとは？ 基本的には、(X)HTML＋CSSのマークアップ理念に従っておけば大きな差異はありません。 そしてその上で、いくつかある「SEO的に有利な（またはSEO的に不利な点をなくした）」ポイントを押さえる、という形になります。 (X)HTML＋
検索エンジンに登録（Google）／検索エンジン
Googleのインデックス登録はロボット型検索エンジンを使っていますので、スパムなどをしていなければ、ほとんどのホームページが登録されます。ただし、ロボットがホームページを見つけて、ホームページを巡回しないことには、ホームページはいつまでも登録されません。そこで、こちらからGoogleへインデックスしてもらえるように申請しましょう。 Googleに登録する こちらからホームページのURLと備考を入力して、送信します。 → Googleにホームページの登録を依頼する 備考にはホームページのキーワードを入れておくといいと思いますが、あくまでも参考程度でしかありません。送信する前にインデックスページ（トップページ）を見直しましょう。 <title>はホームページ名が書かれているか？ ヘッダー部の<title>の内容は大変重要です。本来、<title>はページのタイトルをつけますが、トップページの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
暇人帳β
このタグの中ってなんのタグがかけるんだっけ？ - develo.org