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

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

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

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

PHP

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

CSS

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

Q&A

解決済

1回答

2657閲覧

wordpressのanimaの子テーマに親テーマのcssを読み込みたい

退会済みユーザー

退会済みユーザー

総合スコア0

WordPress

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

PHP

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

CSS

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

0グッド

0クリップ

投稿2018/07/12 13:13

前提・実現したいこと

wordpressのanimaというテーマの子テーマを作っていたのですが、親テーマのcssを読み込まずにデザインが崩れてしまいます。
現在は親テーマのcssを全部コピペしてなんとか体裁を保っているのですが、なんとか親テーマのcssを読み込む方法を教えてください。

該当のソースコード

PHP

1<?php 2add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); 3function theme_enqueue_styles() { 4 wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); 5 wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style')); 6} 7 8require_once(get_stylesheet_directory_uri().'/includes/landing-page.php'): 9require_once(get_stylesheet_directory_uri().'/includes/core.php'): 10 11?>

css

1@charset "utf-8"; 2/* 3Template:anima 4Theme Name:Anima Child 5*/

試したこと

あらゆるサイトを調べましたが、上記内容を記載するとしか書かれていませんでした。

補足情報(FW/ツールのバージョンなど)

Wordpressテーマ anima
https://ja.wordpress.org/themes/anima/

サーバー:ロリポップ

WordPress ver 4.9.7

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

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

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

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

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

guest

回答1

0

ベストアンサー

親テーマのstyle.cssが子テーマを適用した際にも呼び出されるようにするコード

上記にあるように子テーマの作成とfunctions.phpに親テーマのスタイルシート、子テーマのスタイルシートを読み込むよう記載する事で動作するかと思います。

functions.phpfunction.phpのようにファイル名の間違いがないように気をつけてください。
ローカル環境ではaminaテーマでも正しく動作検証できました。
(子テーマでbodyの色を無理やり変えてみました)

イメージ説明

投稿2018/07/12 15:30

takyafumin

総合スコア2335

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

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

退会済みユーザー

退会済みユーザー

2018/07/13 12:47

回答ありがとうございます。 早速function.phpからfunctions.phpに名前を変えてアップしたところ、500エラーを返してサイトが表示されなくなりましたorz 一体何が問題なのかわかりませんが、何なのでしょうか? wpの他にもphpプログラムをサーバーに置いているからなのでしょうか?
takyafumin

2018/07/13 12:52

ファイル名を正しくした事で、functions.phpが正しく読み込めてるようです。 タイプミスがあるようなので、確認してみてください。 後半、セミコロンであるべき部分が、コロンになってます。
退会済みユーザー

退会済みユーザー

2018/07/13 12:59

修正したら、また別のエラーがかえってきました。 function.php と プラグインにまだ原因があるみたいですね^^;
退会済みユーザー

退会済みユーザー

2018/07/13 12:59

Notice: Undefined index: slug in /home/users/1/sub.jp-kataoka-php/web/wp/wp-content/plugins/demomentsomtres-wp-export/freemius/includes/managers/class-fs-admin-menu-manager.php on line 123 Warning: require_once(): http:// wrapper is disabled in the server configuration by allow_url_include=0 in /home/users/1/sub.jp-kataoka-php/web/wp/wp-content/themes/anima-child/functions.php on line 8 Warning: require_once(http://happa64.xyz/wp-content/themes/anima-child/includes/landing-page.php): failed to open stream: no suitable wrapper could be found in /home/users/1/sub.jp-kataoka-php/web/wp/wp-content/themes/anima-child/functions.php on line 8 Fatal error: require_once(): Failed opening required 'http://happa64.xyz/wp-content/themes/anima-child/includes/landing-page.php' (include_path='.:/usr/local/php/5.6/lib/php') in /home/users/1/sub.jp-kataoka-php/web/wp/wp-content/themes/anima-child/functions.php on line 8
takyafumin

2018/07/13 13:12

スタイルシートの確認だけに焦点を絞り、まずはrequire_onceをコメントアウトしてみましょう。
退会済みユーザー

退会済みユーザー

2018/07/13 13:24

早速、require_onceをコメントアウトしました。 無事にサイトが表示されるようになり、style.cssも以下のように記述して確認したんですが、chromeだと平常に表示されており、Edgeだとデザインが崩れてしまっています。 やっぱり読み込めていないんでしょうか? ↓style.css @charset "utf-8"; /* Template:anima Theme Name:Anima Child */
退会済みユーザー

退会済みユーザー

2018/07/13 13:33

functions.phpにタイプミスを見つけたので修正したところ、無事cssも反映されました。 さっきのエラーの対応にうつります。
退会済みユーザー

退会済みユーザー

2018/07/13 13:53 編集

誠に勝手ながら、表題の件は解決できましたので、この質問はクローズさせていただきます。 長時間お付き合いいただいてありがとうございました。
takyafumin

2018/07/13 14:23

メインの課題が解決できて良かったです。もう一つの方はまた解決できなければ質問をあげてみてください。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問