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

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

新規登録して質問してみよう
ただいま回答率
86.02%
Gutenberg(エディタ)

Gutenbergとは、WordPressに導入されているエディタです。

WordPress

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

Q&A

受付中

wp-block-stylesでTheme.min.jsを読み込むことができないです。

saka_
saka_

総合スコア12

Gutenberg(エディタ)

Gutenbergとは、WordPressに導入されているエディタです。

WordPress

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

2回答

0グッド

0クリップ

1596閲覧

投稿2021/08/07 05:22

編集2021/08/07 06:03

WordPressレッスンブック5.X対応版で勉強している初学者です。

現在上記で明記した書籍のSTEP3-2をやっておりまして、functions.php内でwp-block-stylesを指定してグーテンベルグのCSSをフロント?に適用させることを実現させるようなのですがうまくいきません。

発生している問題

イメージ説明

黄色で囲った部分が教本だとtheme.min.cssになるようです。

該当のソースコード

<?php function mytheme_setup() { //ブロックエディター用ののCSSをフロント側に有効化 add_theme_support( 'wp-block-styles' ); } add_action( 'after_setup_theme', 'mytheme_setup' );

補足情報(ツールのバージョン)

WordPress5.8

以下のような質問にはグッドを送りましょう

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

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

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

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

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

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

回答2

0

Gutenbergはまだ発展途上なので名前が変わったり仕様が変わるというのはままある事です
5.8からテーマで対応するブロックの設定をjsonで記述できるようになったので今からやるならこっちを推奨

グローバル設定とスタイル (theme.json)

投稿2021/08/07 12:12

KazuhiroHatano

総合スコア7706

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

saka_

2021/08/12 13:20

返信遅れてすみません。 初心者にはこのめまぐるしい変化に食らいついていくのは過酷ですね。 まーでもしかたないですよね。。

0

function.php ⇒ functions.php とか?

投稿2021/08/07 05:31

kei344

総合スコア69031

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

saka_

2021/08/07 06:01

teratail内の表記がミスってました????すみません
kei344

2021/08/07 07:05 編集

あとはヘッダテンプレート内に wp_head(); が無いとか。
saka_

2021/08/12 13:25

メインインデックスのテンプレートには</head>の直前に<?php wp_head(); ?>があります。

まだベストアンサーが選ばれていません

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

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

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

ただいまの回答率
86.02%

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

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

質問する

関連した質問

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

Gutenberg(エディタ)

Gutenbergとは、WordPressに導入されているエディタです。

WordPress

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