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

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

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

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

import

自身のプラットフォーム・プログラム・データセットに対して、外部ソースを取り込むプロセスをimportと呼びます。

WordPress

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

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

CSS

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

Q&A

0回答

2077閲覧

WP 本番環境でCSSを反映させたい【WP-SCSS使用】

KOHS

総合スコア10

ファイル

ファイルとは、文字列に基づいた名前又はパスからアクセスすることができる、任意の情報のブロック又は情報を格納するためのリソースです。

import

自身のプラットフォーム・プログラム・データセットに対して、外部ソースを取り込むプロセスをimportと呼びます。

WordPress

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

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

CSS

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

0グッド

0クリップ

投稿2021/05/06 14:04

編集2021/05/07 02:00

前提・実現したいこと

・SCSSファイルを正しくコンパイルさせたい
・CSSを反映させたい

【前提】
・WordPressでの実装となります
・WP-SCSSプラグイン使用
・ローカルから本番環境に移行後、エラー発生

下記、ファイル階層です。
イメージ説明

下記、WP-SCSSの設定です。
イメージ説明

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

WP-SCSSでコンパイルする際に添付画像の様に404エラーが生じます。
404エラーということはファイルが存在しない、存在を確認できない。
といった原因ではないかと考えています。

php

1Failed to load resource: the server responded with a status of 404 (Not Found)

![イメージ説明]

下記はWPのテーマエディタのstyle.css (css/style.css)内の状況です。

scss

1@import "foundation/reset"; 2@import "foundation/base"; 3@import "layout/footer"; 4@import "layout/header"; 5@import "layout/main"; 6@import "object/component/top-btn"; 7@import "object/project/mv"; 8@import "object/project/service"; 9@import "object/project/section"; 10@import "object/project/work"; 11@import "object/project/faq"; 12@import "object/project/contact"; 13@import "object/project/info"; 14@import "object/project/form"; 15

本来であれば,コンパイルされたソースコードが長々と記載されているはずですが、
下記の様にsass/style.scssで@importしたファイル名の記載でソースコードまで届いていません。
この状況を解決できればCSSリンクも当たり、解決に至るのでは無いかと考えますが、解決手段に至らず、質問させてもらいました。

該当のソースコード

scss

1[sass/style.scss] 2 3// ========================================================================== 4// Foundation 5// ========================================================================== 6 7@import "foundation/reset"; 8@import "foundation/base"; 9 10// ========================================================================== 11// Layout 12// ========================================================================== 13 14@import "layout/footer"; 15@import "layout/header"; 16@import "layout/main"; 17 18// ========================================================================== 19// Object 20// ========================================================================== 21 22// ----------------------------------------------------------------- 23// Component 24// ----------------------------------------------------------------- 25 26@import "object/component/top-btn"; 27 28// ----------------------------------------------------------------- 29// Project 30// ----------------------------------------------------------------- 31 32@import "object/project/mv"; 33@import "object/project/service"; 34@import "object/project/section"; 35@import "object/project/work"; 36@import "object/project/faq"; 37@import "object/project/contact"; 38@import "object/project/info"; 39@import "object/project/form"; 40 41

試したこと

WP-SCSSプラグインの階層設定をいじってみましたが、解決に至りませんでした。
他にもググって調べてはいるのですが、本件に近い症状の記事を見つけられず、ヒントでもいただけないかと思います。
もし、足りない情報などがございました際はお申し付けください。

よろしくお願いいたします。

補足情報(追加情報)

イメージ説明
イメージ説明

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

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

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

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

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

CHERRY

2021/05/06 22:19

Web サーバーのログで、PHP で何かエラーは出ていませんか? サーバー上のファイルレイアウトはどうなっていますか? CSS ディレクトリにCSSファイルは作成されていますか?
KOHS

2021/05/07 01:57

サーバーログではエラーはございませんでした。 サーバー上のファイルレイアウトは WordPressのファイル階層画像を追記で添付しましたのでそちらでお間違い無いでしょうか? CSSディレクトリにはstyle.cssが作成されています。このファイルも添付画像でご確認頂けるかと存じます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問