WordPress

WordPress|子テーマのstyle.cssの画像パスはどう書くの?

投稿日:

WordPressでは、themesフォルダ内の「テーマ名フォルダ」の中に「style.css」が入っています。子テーマの場合は「テーマ名-child」としていることが多いので、「テーマ名-child」フォルダの中に「style.css」が入っています。

その「style.css」からパスの指定をすることになります。

例)
・「テーマ名フォルダ」 >同じ階層に「style.css」と「sample.jpg」がある場合
  background-image:url(sample.jpg)

・「テーマ名フォルダ」 >「style.css」
 同じ階層に「imageフォルダ」>その中に「sample.jpg」がある場合
  background-image:url(image/sample.jpg)

本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。

-WordPress

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

WPプラグイン「Crayon Syntax Highlighter」のテーマ一覧

WordPressでコードを表示させるプラグインで「Crayon Syntax Highlighter」というのがあります。表示させるテーマもたくさんあって便利なのですが、どのテーマがどんな風にみえる …

WP★All-in-one-wp-migrationのアップロードサイズを無料で増やす

「all-in-one-wp-migration」は、リモート環境からローカル環境に引っ越してテスト環境を簡単に作れるプラグインですが、ローカル環境にインポートするときに「容量オーバー」でインポートで …

WordPress4.7.3★子テーマの作り方(Twenty Seventeen の場合)

  子テーマは、少なくとも 1つのディレクトリ(子テーマディレクトリ)と、2つのファイル(style.css と functions.php) から構成されます。以下を作成する必要があります。  子 …

no image

WordPressサイト構築★プラグインを加える その1

新しくwordpressサイトを構築するためにやったことの備忘録。 ******************************* 追加したプラグイン ************************ …

WordPress|Twenty Nineteen 固定ページをカスタマイズするときに編集するファイル

themes > Twenty Nineteen > page.phpファイルを複製 複製してできたpage copy.phpファイルを子テーマのフォルダに移動 page copy.php …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。