プレミアムWPテーマプラグイン 無料ダウンロード

WordPress htmlソースの場所を調べる方法

質問の送信 > 全てのフォーラム > フォーラム > WordPress htmlソースの場所を調べる方法

Viewing 0 reply threads
  • 著者
    投稿
    • WordPressでHTMLを変更する

      上のスクリーンショットの中のログインリンクアドレスを修正したいと思います。

      ところがF12押した状態で固定は役に立ちオプドラグヨどこに行って直さなければいいですか?

      そしてそのソースの位置をどのように知るのですか?


      回答:

      こんにちは?

      まずその映像だけでは分かり容易ではない。

      ちなみにChromeでF12をクリックして修正しても、画面上で変更がされるが、リフレッシュすると、再び原状復帰がされます。 その理由は、修正する内容が、実際のソースには反映されないからです。 たとえば、CSSを変更して、画面上に反映されることを確認したら、修正したCSSの部分をコピーして、 WordPress テーマのスタイルシート(style.css)に追加ヘジュオヤします。 WordPress スタイルシートにユーザーCSSを追加する方法は、 ここを参考にしてみてください。

      今 WordPressでHTMLを変更する方法について説明しましょう。

      WordPressは、PHPベースのなので、HTMLを修正する」という表現は似合わないようです。 PHPファイルをサーバ側で処理して、フロントエンド(ブラウザ)にHTMLがまかれると考えるとなると思われる。 したがって、適切に修正をするには、PHPについて少しの知識が必要です。 この部分については、 この記事を参照してみてください。

      そしてテーマの変更時に知っておくべき事項は、テーマを直接変更すると、今後のテーマアップデート時に問題が発生する可能性があります。 したがって、なるべくチャイルドテーマ(子テーマ)を作って作業してください。 効果的なチャイルドテーマを作成する方法を参照してください。

      ソースを変更せずにURLだけを変更したい場合はjQueryを使って試してみます。 https://www.thewordcracker.com/jquery-examples/how-to-change-url-using-jquery/ 文を一度参考ください。 WordPressでjQueryを使用(フック)する方法は、 この記事で確認することができます。

      ボーナスヒント:F12をクリックしてHTMLソースを確認して、特定の部分のHTMLがどのphpファイルと関連があるかを確認する方法は、PHPファイル全体を検索することができるテキストエディタが役立ちます。 この機能を実行するテキストエディタがいくつかあります。 私はEmEditorというエディタを主に使用するのには、非常に便利です。

      Find and Files in EmEditor  - ファイル全体を検索するSearch> Find in Filesを選択して、特定のフレーズをファイル全体(サブフォルダを含む)で検索することができます。 特にRegular Expression(正規表現)を使用することができており、さらに強力な検索が可能です。 (ショートカットキー:[kbd] Ctrl + Shift + F [/ kbd])

      または、無料検索プログラムである FindInFilesプログラムを使用することもできます。

Viewing 0 reply threads

The forum「Forum」is closed to new topics and replies。