小技:ナビゲーションからリンク - Jimdo Japanの公式ブログ
ちょっとした小技を紹介します。 この方法はjp.jimdo.comでも利用されているのですが、ナビゲーション（メニュー）から他サイトへリンクを貼る方法です。 新規windowを立ち上げずに、同一画面で遷移させたい場合に使えます。 よくわからない方は、このページのメニューにあるTwitter!をクリックしてみてください。私のtwitterページに飛ぶようになっています。 方法は至って簡単で、メニューに以下の記載をするだけです。 タイトル::_::URL 私のメニューはこう書いています。 twitter!::_::http://twitter.com/TeppeiTakahata 画像の上から三番目のボックスをご覧いただければわかると思います。 といいますのも、mixiのJimdoコミュニティ内にこの質問があったので（私の解釈が間違いなければ）、紹介してみました。 仮にJimdoの機能にあるブ
ナビゲーションにサイトマップをリンクさせる方法
他の方でやられている方を見かけなかったので、記事にしてみます。 実はJimdoでは、サイトマップのページは自動で生成してくれています。 （サイトマップとは、ホームページの目次のようなページのことです） それでそのページへのリンクはどこにあるかというと、ページの一番下の所にあります。 例えば、このホームページだとこんな具合。 ページの下の方にあるサイトマップリンク（一番右） コピーライト表示のすぐ上の右側に、サイトマップの文字が見えます。 この サイトマップ をクリックするとサイトマップのページに移動します。 あなたのホームページにも表示されていますので、一度確認してみてください。 ちゃんとした目次のページになってるでしょ？ こんな便利なページに移動するのに、こんな目立たない所をクリックしないといけないって、モッタイナイと思いません？ それで、上のナビゲーションメニューに入れられないかな？と
Croppy
2020年におけるベストオンラインカジノ８選06 January 2021 カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! ... カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! 新型コロナウイルスの感染拡大によるパンデミックにより、ギャンブラーの行動は変わりました。実店舗のカジノを利用できなくなって、オンラインでプレイする人が増えています。ラスベガスには、以前のような活気がなくなってしまいました。人々はカジノを訪れることでウイルスに感染することを懸念しているのです。そのため、オンラインカジノで遊ぶ人が多くなっています。多くのオンラインカジノが運営されていますが、すべてのサイトが同じクオリ
もうユーザーを迷わせない！ナビゲーションメニュー設置のコツ
2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン
HTML5のパンくずマークアップについて | HTMLMEETING
トロントでワーホリ中のしまえるです。 HTML会議は毎週末の夜中に4人でひっそり開催中です。とっても楽しい！ 先々週に盛り上がった内容、HTML5でのパンくずのマークアップの話をします。 W3Cのサイトを見るとこう書いてます。 2011年10月5日時点でののWorking Draftを見ました。 4.13.2 Bread crumb navigation This specification does not provide a machine-readable way of describing bread-crumb navigation menus. Authors are encouraged to just use a series of links in a paragraph. The nav element can be used to mark the section
jQueryでメニューを固定位置に追随させる：Live floating menu
いろいろなサイトでメニューを固定＆追随させています。 今回はJavaScriptでこれを実現させてみます。 via：Live floating menu sponsors 使用方法 jQueryからjquery.jsとjquery.dimensions.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.dimensions.js"></script> <script type="text/javascript"> var name = "#id名"; var menuYloc = null; $(document).ready(function(){ menuYloc = parseInt($(name
スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」
ページが縦に長くなるとサイドメニューとかが見えなくなってしまいます。 それを防ぐ方法としてabsoluteやfixedするケースがあります。 jQuery Scroll FollowではjQueryを使用し、スムーズについてきます。 sponsors 使用方法 jQuery Scroll FollowからjQuery、jQuery UI Core、jQuery Easing Plugin、jQuery Cookie Pluginをダウンロードします。 headには以下のように記述します。 <script type="text/javascript" src="http://yourdomain/jquery-1.2.6.js"></script> <script type="text/javascript" src="http://yourdomain/ui.core.js"></scri
スクロール追尾型メニューリストを作ってみる
昨日のエントリーで書いたjQueryでのスクロール制御を応用して、 追尾型メニューリストを作ってみました。 Webページ画面の左だったり右だったりに配置してあるメニューリストを スクロールをしても位置を固定して画面上から消えないようにするもの。 縦に長くなってしまうサイトなどでは、 これがあるとユーザーにも親切な感じがします。（うっとおしく思う人もいるみたいですが。。。） 今回作るサンプルはサイトヘッダーが高さ「50px」の場合を基準にしています。 ※もちろんここの値はどんな形にでも変更可です。 まずは動作サンプルから。 動作サンプルを別枠で表示する iframe内をスクロールすると画面左のメニューリストが ヘッダーを過ぎた時（ページ上部から50pxを過ぎた時）に固定となり ページ内に留まります。（IE6では少々ガタつきますが、もうIE6は放っておきます…） そして、スクロール位置がヘッダ
position: fixed;でサイドに固定してjQueryでスライドして現れるメニュー
では、設置方法を説明してみます。 固定されたスライドメニューの作成 まず、head内でjQueryを読み込みます。もちろんjQueryは自分のサーバーにアップしてもかまいません。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> メニュー自体は簡単なリストメニューで構成されています。#のところはそれぞれリンク先のアドレスに変更してください。 <ul id="navi"> <li class="home"><a href="#"></a></li> <li class="rss"><a href="#"></a></li> <li class="facebook"><a href="#"></a></li> <li cla
WordPressのカスタマイズメモ｜AZ note
利用しているプラグイン、コード、ブログの設定などを紹介しています。こまめに書き換えたいです。このページの最終更新日はリソース情報にあります。 プラグイン Add Meta Tags 少し改造して個別記事のみdescriptionとKeywordsを表示させるようにした。 Advanced Tag Entry タグ管理。別にいらないのだけど、WP本体に日本語スラッグのバグがあるのでプラグインを使用中。記事投稿ページから操作できる。 Custom Query String Reloaded 条件ごとに表示件数を変更できる。表示設定の1ページに表示する投稿数を5にし、is_homeは1にしている。 Disable Revisions and Autosave 履歴と自動保存を停止する。下書きや履歴がどんどん溜まって鬱陶しいので。 Disable wpautop 自動整形機能
ページナビゲーション機能を改版してみたり：吟遊詩人の戯言
関連記事 【#WordPress #さくらインターネット】6.5.5自動アップデートに伴うサーバーダウン，復旧したっぽい 【2024年06月25日（火）】 【#WordPress】WordPress 6.5.2 が降ってきた！っが，MySQLの要件上がってインストール出来ん（汗 【2024年04月10日（水）】 【#WordPress】#さくらインターネット のPHP8 JITの初期値はoffじゃげ（爆 【2024年02月13日（火）】 【#WordPress】ぎんゆぅ～さんの第１８次大改装が終わった，らしい 【2024年02月12日（月）】 ぎんゆぅ～さんの負荷テスト中，らしい．見事に捌いているの 【2024年02月09日（金）】 ゆりこさんとこで知った，ページナビゲーションの実装方法 改版されていたんで，ちょろっと変えてみた function.phpに書き出したほうがいいかなぁ～？ っ
Yuriko.Net » WP-PageNavi を使わずにナビゲーション表示 (改良版)
先月下旬に、「WP-PageNavi を使わずにナビゲーション表示」というテクニックを公開しましたが、パーマリンクを使っていても検索などクエリー文字列を使う URL の場合 (http://example.com/?s=検索文字列 など)、不具合が起きることが分かりました。 そこで、全面的に変更したものに差し替えます (元記事も新しいコードに入れ換えてあります)。ここまで長くなると、関数化した上でテーマの functions.php に切り出して、index.php 等からはその関数を呼び出す方がいいですね。 <div class="tablenav"><?php global $wp_rewrite; $paginate_base = get_pagenum_link(1); if (strpos($paginate_base, '?') || ! $wp_rewrite->using_
Yuriko.Net » WP-PageNavi を使わずにナビゲーション表示
複数ページをいっぺんに飛べるナビゲーションを実現するプラグインとして WP-PageNavi は人気があります。しかし、このプラグインは、WordPress のバージョンに応じて使用するバージョンが異なっていて、ちょっと使いにくい面があります。 実は、WordPress の標準機能として、こういうナビゲーションを実現するテンプレートタグが存在します。管理パネルなどで使用されています。そこで、テーマでこのテンプレートタグを使えば、WP-PageNavi を使うことなく同等の機能が実現可能です。([追記: 2008-08-06] 根本的に変更しました) <div class="tablenav"><?php global $wp_rewrite; $paginate_base = get_pagenum_link(1); if (strpos($paginate_base, '?') || !
パラメータでカスタマイズしやすいWordPressのページナビを作ってみた – Simple Colors
WordPressのページナビ（ページャー）は、なんと言ってもWP-PageNaviが有名ですが、もっとシンプルでコントローラブルなものが出来ないかと思い自分で作ってみました。 出力されるHTMLのソースを見てもらえれば分かりますが、CSSのclassの変更がパラメータで出来たり、種類が豊富に指定されるため、多様なデザインをカバーできることも、喜んでもらえる点ではないでしょうか。 [2011.06.30追記] プラグイン版を公開いたしました。一部機能追加と修正してありますので、こちらをご利用ください。 導入方法 使っているテーマのfunctions.phpにCODE 1を追記してください。あるいは、独自プラグインにしてしまってもいいです。（独自プラグインの作り方は、初心者でも10秒でできる WordPress プラグインの作り方やWordPress でスニペットを簡単に管理する方法あたりを
Next/PrevやNewer/Olderみたいなナビゲーションの呼び方について
Next/PrevやNewer/Olderみたいなナビゲーションのことを何と呼ぶのか分からなかったのでTwitterで書いてみたら、リプライを頂けました。 Next/Prev みたいなナビゲーションって ページャー？ ページング？ ページネーション？ ページナビ？ なんていうのかな。 @ub_pnr https://twitter.com/ub_pnr/status/58055466797895680個人的にですが、各人が呼びやすいように呼んでるというイメージがあって、Next/Prev、Newer/Olderというタイプなのか、[Prev]…[2][3][4]…[Next]みたいなタイプなのか、どっちのことを言っているかすぐには分からないことが多いんですね。 （一応、話の流れで分かりますが） 今回、リプライをくれた方々のツイートを紹介してみます。 @ub_pnr 僕はよくページャーってよ
jQueryでスクロールしても上に固定されるメニュー｜Webpark
よく見かけるタイプのjQueryを使ったスクロールしても上に固定されているメニューを紹介します。最近FC2ブログの上部に現れた検索バー（このブログは非表示にしてます）みたいな感じです。 <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.5'},400); //スクロール時 else $('#nav').stop().animate({'opacity':'1'},400); //一番上にあるとき }); $('#nav').hover( function (e) { var scrollTop =
jQuery Apple Effect
jQuery plugin intended to reproduce the special effect we have seen recently on Apple.com (new MacBook Air, The Beatles on iTunes, etc.) If you don't know what I'm talking about, have a look at the video below. Documentation Quick start This plugin is very easy to use. Just target the element you want to highlight: $('#target').appleEffect(); Options Custom the behavior with these options: color:
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイドバーを固定にしたサンプル | CSS Lecture
http://szdy.info/wp/2009/05/10/598/