質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.33%

  • PHP

    21413questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • JavaScript

    17609questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • WordPress

    7704questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • CSS

    6235questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

VSのWebbrouserで表示する個別投稿ページのメタ情報を非表示にしたい

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 40

loar

score 8

前提・実現したいこと

PHP,JS,WP初心者です。
Wordpressで作ったホームページを、Visual Studio のWeb Brouserで表示させたいのですが、
個別投稿ページに表示されるentry-footerを非表示にできません。困っています…
使用テーマはtwenty-sixteenです。
解決策ございましたらお教えいただきたいです。

備考

  • wordpressのPHPが5.2であり、利用できるプラグインが非常に限られています。
  • VSのwebbrouserですが、横幅を広くしても
    何故かデフォルトでレスポンシブでのスマホ仕様のような画面幅になります。
    (支障はないのですが妙ではあるため、念の為記載します)

---追記---
他のものでも調べたところ、
どうやらJSがWeb Brouserだとうまく機能しないようです。
この場合での実例ありましたらお教えいただきたいです。

---追記そのに---
現状の対応ですが、Visual studioのscripterror suppressedをtrueにして
スクリプトエラーが出ないようにしました。否めないちからわざ感…

試したこと

entry-footerをCSS(display:none;)で非表示
→ブラウザ上では非表示になるが、VS上ではなぜか表示される

content-single.phpのentry-footerをまるごとコメントアウト
→非表示にはなるが、VSのWebbrouser起動時のみ、function.jsの149行目でスクリプトエラーが発生と表示される。
ブラウザ上ではエラー詳細が出ず。

「テーマの編集」上で該当js部を非表示にしても効果なし

すみません、どうぞよろしくお願いいたします。

発生している問題・エラーメッセージ

VSのwebbrouserのみで表示。

スクリプトエラー
ライン:149
文字: 5
未定義またはNULL参照のプロパティ'TOP'は取得できません
コード:0
URL:http://www-hogehogehoge/wp-content/themes/twentysixteen/js/functions.js?ver=20160816

該当のソースコード

Twenty Sixteen: content-single.php(コメントアウト部)

<!-- <footer class="entry-footer"> -->

        <?php //twentysixteen_entry_meta(); ?>
        <?php
            //edit_post_link(
                //sprintf(
                    /* translators: %s: Name of current post */
                    //__( 'Edit<span class="screen-reader-text"> "%s"</span>', 'twentysixteen' ),
                    //get_the_title()
                //),
                //'<span class="edit-link">',
                //'</span>'
            //);
        ?>
    <!-- </footer><!-- .entry-footer --> 

</article><!-- #post-## -->

function.js

//
// Add 'below-entry-meta' class to elements.
    function belowEntryMetaClass( param ) {
        if ( body.hasClass( 'page' ) || body.hasClass( 'search' ) || body.hasClass( 'single-attachment' ) || body.hasClass( 'error404' ) ) {
            return;
        }

        $( '.entry-content' ).find( param ).each( function() {
            var element              = $( this ),
                elementPos           = element.offset(),
                elementPosTop        = elementPos.top,
                entryFooter          = element.closest( 'article' ).find( '.entry-footer' ),
                entryFooterPos       = entryFooter.offset(),
                entryFooterPosBottom = entryFooterPos.top + ( entryFooter.height() + 28 ),//149行目。
                caption              = element.closest( 'figure' ),
                newImg;
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正の依頼

  • mts10806

    2018/12/06 13:34

    タグにある内容をタイトルに含めると要件把握の弊害になりやすいので除いていただければと。タグも確か最大5個までつけられたはずなので、うまく活用してください

    キャンセル

  • loar

    2018/12/06 15:15

    すみません。初めて使用したもので…ええと、タイトルの墨付きカッコ2つはタグ登録をしているので、タイトルには要件のみ ということでしょうか?

    キャンセル

  • mts10806

    2018/12/06 15:16

    はい。質問は編集できるので適宜ご対応ください。

    キャンセル

  • loar

    2018/12/06 15:17

    承知いたしました!ご丁寧に有難うございます。修正いたします。

    キャンセル

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.33%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • PHP

    21413questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • JavaScript

    17609questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • WordPress

    7704questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • CSS

    6235questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。