• このエントリーをはてなブックマークに追加

関連記事

(日本語) titleタグ(wp_title) カスタマイズ

Sorry, this entry is only available in 日本語.

(日本語) Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」

Sorry, this entry is only available in 日本語.

(日本語) Twenty Twelve 投稿者情報を表示/非表示に

Sorry, this entry is only available in 日本語.

(日本語) ie.cssの子テーマ化など Twenty Twelve 1.1での変更点

Sorry, this entry is only available in 日本語.

(日本語) Twitterのツイートボタンの設置

Sorry, this entry is only available in 日本語.

Twenty Twelve | How to unlink Open Sans font

Twenty Twelve loads "Open Sans" font style as special font. in case you don't need this you can unl

(日本語) ウィジェット関連のカスタマイズ・プラグイン

Sorry, this entry is only available in 日本語.

(日本語) Tumblrの投稿をウィジェットに表示できる「Tumblr Widget」

Sorry, this entry is only available in 日本語.

(日本語) Twenty Fifteen カスタマイズ

Sorry, this entry is only available in 日本語.

(日本語) 条件を付けて訪問時に開くポップアップを実装できる「WordPress Popup」

Sorry, this entry is only available in 日本語.

Comment

  1. 投稿者様
    こちらの記事についてもう少し詳しく教えていただきたいです。

    当方twenty thirteen 1.2のテーマにて記事のようにナビメニューを固定したいと考え、記事を参考に当サイトに反映させてみましたが、実装できておりません。(記事内容を反映させても変わらない)

    1.header.phpの内にjavascriptのロジックを追加
    2.nav要素のidを変更
    3..navbar-fixed-topの追加

    以上の設定を行ないましたが、他になにか考えられる点などあるのでしょうか。
    思い当たる点がありましたら、ご教授お願いしたいと思います。

    • コメントありがとうございます。
      以下のコードで試してみ下さい。WordPressバンドルのjQuery用を使用する場合は、1行目と最終行が以下のようになります。(抜けていました、スイマセン)

      <script type="text/javascript">
      (function($) {
          var nav = $('#navbar');        // nav要素のidを設定
          var objDistance = nav.offset().top;
          $(window).scroll(function() {
              var myDistance = $(window).scrollTop();
              if (myDistance > objDistance){
                  nav.addClass('navbar-fixed-top');
              }
              if (objDistance > myDistance){
                  nav.removeClass('navbar-fixed-top');
              }
          });
      })(jQuery);
      </script>
      

      以下のようにGoogleなど外部のjQueryライブラリを使用する場合は、投稿内のコードを採用して下さい。jQueryをCDNから読み込む

      "2.nav要素のidを変更"については、Twenty Thirteenの場合は変更なしで上記コードのままでも問題ないかと思います。

    • kwski様
      返信ありがとうございます。nav id要素はそのままで早速試してみましたが、現象は変わらずです。。。。当方サイトは外部のライブラリを使用せずの対応で行なっているため、特にjQueryの外部サイトは記述しておりません。
      当方でもいろいろと試しながらやってみます。
      投稿者様においても何か他に思い当たる点がありましたら、ご連絡いただければ幸いです。

    • kwski様

      IEでデバックしスクリプトエラーを確認しましたので、続報としてご連絡します。
      スクリプト内の
      「var objDistance = nav.offset().top;」にて
      エラー
      「未定義または null 参照のプロパティ 'top' は取得できません」が
      表示されてしまい、正常に動作できないようです。

      当方にても追って確認していきます。

    • kwski 様
      当方のサイトでの対応ですが、無事に正常に動作できました。
      原因の詳細は不明ですが、コード内にjQueryを参照するよう記述したら正常に動作しました。(単純な原因でした)
      wordpressのデフォルトではjQueryは参照してないようですね。
      この度は親身になって対応していただき、感謝しております。
      ありがとうございました。

Message

Your email address will not be published. Required fields are marked *

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

PAGE TOP ↑