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

関連記事

(日本語) 投稿記事から「(ログイン)ユーザー名」がバレるのを防ぐ

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

(日本語) 「All in One SEO Pack」を代替するための準備

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

(日本語) Twenty Fourteen 「投稿者」を非表示

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

(日本語) ログイン画面・機能をカスタマイズ

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

no image

(日本語) テーマ ブックマーク 2014

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

(日本語) Twenty Twelve サイトタイトルをテキストから画像に置き換え

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

Twenty Twelve | How to change "Proudly powered by WordPress" for Copyright*

Twenty Twelve in 1.1 This post explains how to change the strings "Proudly ~" in footer element. J

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

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

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

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

Contact Form 7 | Failed to send your message~

This has been fixed in WordPress 3.5 When encountered the following message, please try with the

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は参照してないようですね。
      この度は親身になって対応していただき、感謝しております。
      ありがとうございました。

Leave a Reply to naochi Cancel reply

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 ↑