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

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

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

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

PHP

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

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

Q&A

0回答

597閲覧

Wordpress ヘッダー画像変わらない

hurousyotoku500

総合スコア27

WordPress

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

PHP

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

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

0グッド

0クリップ

投稿2019/12/01 04:23

編集2019/12/01 04:37

wordpressでオリジナルテーマを作成して遊んでいるのですが、ヘッダーの画像が切り替わりません。
それぞれテーマフォルダ内に、別の画像を格納しているのですが、片一方の画像しか表示されません。
どのような原因が考えられるでしょうか。

↓header.php

<!DOCTYPE html><!--htmlで書かれていることを宣言--> <html lang="ja"><!--日本語のサイトであることを指定--> <head> <meta charset="utf-8"><!--エンコードがUTF-8であることを指定--> <meta name="viewport" content="width=device-width, initial-scale=1.0 "><!--viewportの設定--> <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>"><!--スタイルシートの呼び出し--> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"><!--font-awesomeのスタイルシートの呼び出し--> <?php wp_head(); ?><!--システム・プラグイン用--> </head> <body <?php body_class(); ?>> <header> <div class="header-inner"> <?php if(is_home()) { $title_tag_start = '<h1 class="site-title">'; $title_tag_end = '</h1>'; } else { $title_tag_start = '<p class="site-title">'; $title_tag_end = '</p>'; } ?> <div class="site-title-wrap"> <?php echo $title_tag_start; ?> <a href="<?php echo home_url(); ?>"> <img src="<?php echo get_template_directory_uri() ?>/images/title.png"> </a> <?php echo $title_tag_end; ?> </div> <!--スマホ用メニューボタン--> <button type="button" id="navbutton" class="navbutton"> <i class="fas fa-bars"></i> </button> <!--ヘッダーメニュー--> <div id="header-nav-wrap" class="header-nav-wrap"> <?php wp_nav_menu( array( 'theme_location' => 'header-nav', 'container' => 'nav', 'container_class' => 'header-nav', 'container_id' => 'header-nav', 'fallback_cb' => '' ) ); ?> </div> </div><!--end header-inner--> </header>

↓functions.php

<?php //テーマのセットアップ // HTML5でマークアップさせる add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption' ) ); // Feedのリンクを自動で生成する add_theme_support( 'automatic-feed-links' ); //アイキャッチ画像を使用する設定 add_theme_support( 'post-thumbnails' ); //カスタムメニュー register_nav_menu( 'header-nav', ' ヘッダーナビゲーション ' ); register_nav_menu( 'footer-nav', ' フッターナビゲーション ' ); //メニュー用jsの読み込み function navbutton_scripts(){ wp_enqueue_script( 'navbutton_script', get_template_directory_uri() .'/js/navbutton.js', array('jquery'), '', true ); } add_action( 'wp_enqueue_scripts' , 'navbutton_scripts' ); //サイドバーにウィジェット追加 function widgetarea_init() { register_sidebar(array( 'name'=>'サイドバー', 'id' => 'side-widget', 'before_widget'=>'<div id="%1$s" class="%2$s sidebar-wrapper">', 'after_widget'=>'</div>', 'before_title' => '<h4 class="sidebar-title">', 'after_title' => '</h4>' )); } add_action( 'widgets_init', 'widgetarea_init' );

気になる質問をクリップする

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

madone99

2019/12/01 04:26

画像の関連性がわからないので、コードをご提示頂けますか?
hurousyotoku500

2019/12/01 04:45

コード追記致しました。 管理画面の「外観」の中のメニューは、選択するテーマによって出てくるメニューが変わるのですが、そこは「functions.php」で設定するのでしょうか。
madone99

2019/12/01 04:49

質問されたいことは、「テーマを変えた時に、一方のテーマ内の画像を別のテーマでも表示したい」 ということになりますか?
KazuhiroHatano

2019/12/01 04:50

もしかして「外観>カスタマイズ>ヘッダー画像」で 選択できる画像を増やしたい、ってことですかね?
madone99

2019/12/01 04:51

テーマのメニューは、仰る通りfunctions.phpで指定したオプションが違うのではないでしょうか。
hurousyotoku500

2019/12/01 04:55

質問したいこことしては、仕組みを理解したいということになりますかね。 テーマフォルダ内の画像を変更する、もしくは管理画面上で変更するのどちらでも良いのですが、仕組みがよくわかっていません。 下記のサイトを見ながら、オリジナルを作成していたのですが、テーマフォルダをコピーしたところ、画像が変わらなかったという経緯です。 https://plusers.net/wordpress_theme_1
hurousyotoku500

2019/12/01 05:02

>もしかして「外観>カスタマイズ>ヘッダー画像」で >選択できる画像を増やしたい、ってことですかね? その方法も是非知りたいです。
KazuhiroHatano

2019/12/01 23:54

別の画像ってどこに置いてるんでしょう? コードで言えばどこの画像が切り替わるのを期待してるんでしょう?
hurousyotoku500

2019/12/02 12:31

コードはテーマフォルダごとコピーしているので、2つとも同じですね。 画像もテーマフォルダ内に入っており、それぞれ同じ名前で、違う画像を入れています。
KazuhiroHatano

2019/12/02 16:09

<img src="<?php echo get_template_directory_uri() ?>/images/title.png"> で出力される画像が、選択していないテーマのものになってしまう っていう症状ですか? もしかしてコピーしたテーマというのは子テーマとして作ってますか?
hurousyotoku500

2019/12/03 11:21

すいません、初心者でして、子テーマというものがどういうものかあまり理解できていないですが、 2テーマとも私が一から作成したものになります。 画像が変わらないに加えて、style.cssも反映されない状態になっています。
KazuhiroHatano

2019/12/03 12:43

style.cssの冒頭のコメントに Template: (別のテーマの名前) って記述してませんか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問