2016-10-10 9 views
0

私はWordPressテーマを作成しています。しかし、私は問題があります。 style.cssスタイルシートがpag​​e.phpのコンテンツに読み込まれていません。 wpエディタで投稿を編集し、<div class=w3-red"> <button class="w3-btn w3-red">以上の関連コードを追加すると投稿を公開しても、フロントエンドには表示されません。 WordPressはwpエディタでページスタイルのカスタマイズオプションをサポートしていないと思います。 header.phpに独自のstyle.cssも追加しました。WordPressのstyle.cssルートディレクトリを読み込む方法page.php、内容の中のsingle.php

ウェブルートディレクトリにw3.cssスタイルシートを使用しています。 style.css

<div class="w3-card w3-red"> Hello </div> 

このコードはフロントエンドで読み込まれません。

+0

内の2つのフォルダになりまし – Rahul

+0

HTMLコードを助けてくださいが、それ以外の場合は目に見えないですが、バッククォートで囲む必要があります。 ' – SurvivalMachine

答えて

0

ジャストディレクトリwp-content\themes\[YOUR_THEME]\css\であなたのスタイルシート(style.cssに)を入れthis link

または

を参照してください。 次に、単純にコード(テーマheader.phpファイル)を置いてスタイルシートをリンクすることができます。

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style.css" /> 
0

あなたが使用してスタイルをロードし、それはあなたのindex.phpあなたの頭の中で

と同じフォルダにでなければなりませんテーマを作成するあなたのstyle.css:

<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri();?>/style.css"> 

を場合は、あなたのスタイルシートはCSSフォルダにあります。

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri();?>/folder/name.css"> 
0

もう1つの方法は、cssファイルロケー例えば、

.classファイル名{

背景画像:URL( "../画像/ファイル名")。 // 1レベルアップしてから、画像フォルダ

背景画像:url( "../../ images-directory-02/images/file-name");アップ//二つのレベルは、その後、

}

関連する問題