パンくずリスト とは？（リアルSEO用語集）

ソーシャルメディアマーケティング(Social Media Marketing:SMM)のノウハウや関連ニュースなどをまとめていきます Official Google Webmaster Central Blog: Google's SEO Starter Guide GoogleがSEOのスターターガイドをPDFで配布しはじめました。さっそく全部読みながら訳してみました。 あとでリンクや画像など...

'; doc += ''; doc += ''; doc += ''; winimg.document.writeln(doc); winimg.document.close(); } //]]> 2008/09/24 バージョン3.0.0 以前の情報は今後削除いたします。 2008/09/24 バージョン3.0.0 日本語版配布開始 (Wordpress 2.5 以上) 2008/07/2...

パンくずリストヘルパーを作りました。 サンプル: パンくずリストヘルパーサンプルだよ メリットとして管理モードなどのパスも自動生成することができますし、コントローラー側でパスを設定するのでlayoutviewに直接書き込むみ、コントローラーでパスを制御することも可能です。 使い方は 画像をダウンロードしたライブラリに入っている画像を webroot/img/ フォルダに突っ込む...

Cookie Crumbs Cookie Crumbはブラウザのクッキーを利用しており、外部スクリプトを埋めこみ簡単な記述をするだけで、ユーザーの履歴を表示します。 対応ブラウザは、IE6/7, Fx2, Op9, Safari for Winとなっています。 下記に、履歴を３つ表示するサンプルページをアップしてみました。 サンプルページ Post on:2007年12月18日

ウェブに激しく使えるインタラクティブなインターフェース集『Welie』 August 29, 2007 12:54 AM written by webmaster インタラクティブなデザインがどうあるべきか、そのデザインパターンを集めまくっているのがデザイナーのWelieさんだ。 彼のサイトではカテゴリーごとにどういったインターフェースデザインが有効かをまとめてくれている。 検索サイト、ショッピン...

Apple.comのようにパンくずも少し手を加えるだけで、使いやすいものになります、Appleのパンくずの区切りには半透明の透過PNGが使われている為、InternetExplorerへの対応はAlphaImageLoaderをCSSで指定しています。 半透明のアルファチャンネルを持つPNGイメージを使う方法と、CSSでopacityを指定する方法のどちらでも同じようにデザインできます。IEはペー...

久々普通のエントリーだ。 なんか、デジパの中の人が、Web標準の日々に出ちゃうらしいです。 この人→ネットのサラダボウル: Web標準の日々に参加します。 皆色々やってるなぁ〜、ボクも負けてられんなぁ〜 ソレとは関係ないけど、デジパの社員は半分くらいの人がブログ書いてるんすけど、Ｂ to Ａ　赤坂で働くWebコンサルタントの日記とかのエントリーで逆立ちって。。。。 皆色々やってるなぁ〜、ボクも負...

Typically when a site is architected with a structure that is both deep and wide, we look to elements like secondary and tertiary navigation and/or traditional breadcrumbs to help a user navigate. The...

■パンくずリストは鳥に食べられてしまい、道に迷ってしまいました。あ、お菓子の家が…… 21:04 参照：カナかな団首領の自転車置き場 - めも：パンくずリストと箇条書き 参照：カナかな団首領の自転車置き場 - パンくずリストとヘンゼルとグレーテル パンくずリストはリストはリストぢゃなくて、段落だって好いんぢゃないか、というのが始まり。 パンくずリストは、見たところ、そのリソースの URL とほぼ...

パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種 01月31日（水）00:15 categoryCSSテンプレート, ビジュアル・小技 普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicP...

パンくずリストがベストとは限らない Entry Information yoshi February 7, 2007 - 13:55. html/css 最近ウチの会社の中の人も書いていました、Web サイトのナビゲーションとしてよく使われる 「パンくずリスト」 （Topic Path なんて言い方もしますね） ですが、マークアップの仕方はどういう方法がいいとか、そもそもパンくずリストって必要なの...

ちょっと前に パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種（CSS HappyLife）というエントリーが盛況でしたが、今日はパンくずナビゲーションの論理構造面を補強する意味も込めて、(X)HTML マークアップの例を、サイト構造やサイトの目的に応じて、いくつか挙げてみました。CSS の話まで入れると長くなるので、今回は（も？）(X)HTML マークアップに話を絞りま...

普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じで...

デフォルトでの表示見本 現在ページより上位のページはリンク付き（現在ページのリンクはオプション）。 メインページ（2ページ目以降も同様） Navigation: Weblog 単体記事表示ページ Navigation: Weblog / Blog article: WP plugin: 外部リンク等に自動アイコン表示 - Link Indication Plugin ページ タイトル「WordPr...

パンくずナビゲーションは、Yahooなどで見られるナビゲーションの一種です。多くは「インデックス > カテゴリー > 記事タイトル」などと、現在見ている場所を階層で表示しています。BirDesignでもホーム以外のページに、パンくずナビゲーションを付けてみました。 WordPress2.0以降でパンくずナビゲーションの表示方法を紹介しておきます。 ここでは“Breadcrumb Navigati...

Anyone who has created drop-down menus will be familiar with the large quantities of scripting such menus typically require. But, using structured HTML and simple CSS, it is possible to create visuall...

「パンくずリスト」で検索してこのサイトにたどり着く方が多いようなので、少しだけでもお役に立てば。 以前の記事で、このサイトにパンくずリストを付けたとだけ書いていて、どうやって付けたのかを説明していなかったので、今回はその解説。Nucleusで作ったサイトに、スキンの加工だけでパンくずリストを付ける方法。 スキンの中のパンくずリストを付けたい場所に、次のコードを入れます。