どのテーマでもcssが反映されない／ロリポップ

  • 解決済 loveko699

    (@loveko699)


    12年、 7ヶ月前

    初心者です。
    ロリポップサーバーにインストールしました。
    はじめは問題なく表示されていました。

    「wordpressレッスンブック」を片手にオリジナルテーマを作ろうと思い本のとおり進めておりましたが、cssがまったく反映されなくなりました。ほかのインストールしたテーマも全てcss反映されません。

    あらゆること試しました。
    cssを絶対パスで指定、パーミッション設定、キャッシュクリアなど…
    それでもまったく原因がわからずここで質問するに至りました。

    参考のため現在のコードかいときます。
    URLだけxxxに変更しています。

    ＊＊＊スタイル＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
/* CSS Document */
/*
Theme Name: 練習用サンプル
Theme URI: http://xxx.xxx.jp/design/
Description: これは練習用のテーマです
Author: xxx
Author URI: http://xxx.xxx.jp/design/
Template:
Version: 1.0
*/

/* HEADER */
div#header h1 { font-size: 1.875em; margin: 0;}
div#header h1 a { text-decoration: none; color: #000000;}

＊＊メインインデックス＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>;charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?></title>
<link rel="stylesheet" type="text/css" href="http://xxx.xxx.jp/design/wp-content/themes/sample/style.css" />
</head>
<body>

<!-- ヘッダー　-->
<div id="header">
<h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1>
<p id="desc"><?php bloginfo('description'); ?></p>
</div>
</body>
</html>

    質問に不備があったらごめんなさい。
    もし上記でなにか原因わかるかたおられましたら
    ぜひご教示ください、よろしくお願い致します。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • CyberCypher

    (@cybercypher)

    12年、 7ヶ月前

    <link rel="stylesheet" type="text/css" href="http://xxx.xxx.jp/design/wp-content/themes/sample/style.css" />

    この一行なんですけどアクセスするURL直打ちですか？
    直打ちだとURLが変わったりしたときに読み込めなくなるので

    <link rel="stylesheet" type="text/css" media="all" href="<?php echo  bloginfo('stylesheet_url'); ?>" />

    で呼び出すか、動的に変えたい場合は

    <?php
	$cssChange = "/";
	$ua = $_SERVER["HTTP_USER_AGENT"];

	if(ereg("IE",$ua)){
		$cssChange .= "internet-explorer";
	}else if(ereg("Firefox",$ua)){
		$cssChange .= "firefox";
	}else if(ereg("Opera",$ua)){
		$cssChange .= "opera";
	}else if(ereg("Chrome",$ua)){
		$cssChange .= "chrome";
	}else if(ereg("Safari",$ua)){
		$cssChange .= "safari";
	}else{
		$cssChange .= "style";
	}

	$cssChange .= ".css";
?>

<link rel="stylesheet" type="text/css" media="all" href="<?php echo  bloginfo('template_url').$cssChange; ?>" />

    template_urlでテーマのURLを取得してcssのファイルパスだけを生成すればいいかと思います
    (上記のコードはアクセスするブラウザごとに[ブラウザ名.css]に変更しています)

    さて長くなりましたが本題としてはURLが間違っていないなら大丈夫そうに見えるのですが
    css自体がどうなっているのか分からないのでまずはURLの確認をお願いします

    トピック投稿者 loveko699

    (@loveko699)

    12年、 7ヶ月前

    お答えありがとうございます。
    絶対パスで指定してあるのは、
    <link rel="stylesheet" type="text/css" media="all" href="<?php echo bloginfo('stylesheet_url'); ?>" />
    で指定しても同じ不具合が起こってしまうため、直接にしてあります。
    （どちらでも反映されないのです…）
    わたしのオリジナルテーマではなく、ほかのDLしたテーマのcssは上記のようにcssのURLを指定してありますが、やはり反映されません。

    URLはサーバーFTPからコピペしたので間違ってないと思います。

    以前ロリポップのパーミッションか何かの設定（仕様？）が特別でどうのこうの…みたいな記事をみかけたことがあって、その記事を探したのですが見当たらず、もしやその辺りの設定に間違いがあるのかなぁ？とか。
    ネットで調べて出来うる限りのことはしたつもりなんですが…

    インストールしなおすと直るのかなぁ？とも思っています…

    slyman

    (@slyman)

    12年、 7ヶ月前

    とりあえず、指定したCSSのURLをブラウザに打ち込んで、CSSを表示できるか確認してみた方がよいように思います。

    CyberCypher

    (@cybercypher)

    12年、 7ヶ月前

    テーマファイルと同じ階層にcssを置いていれば読み込めるはずなのですが・・・
    開いているテーマフォルダは
    http://xxx.xxx.jp/design/wp-content/themes/sample/
    の下にあるんですよね？
    slymanさんの言う通り一度
    「http://xxx.xxx.jp/design/wp-content/themes/sample/style.css」
    へアクセスしてcssを見れる状態か確認した方が良いかもしれません

    トピック投稿者 loveko699

    (@loveko699)

    12年、 7ヶ月前

    みなさんありがとうございます、
    cssのURLを直接打ち込みますが403エラーが出てみれませんでした。

    もうどうしようもないということで一度アンインストールして、
    再びインストールしなおしたらきちんと表示されました。

    記事数がまだ少なかったのでよかったです。
    結局原因はわからないままです。

    また挑戦してみます。
    とりあえずもう一度、自分でカスタマイズ作業をしてみますので
    もうしばらくここは未解決のままで置いておこうと思います。

    CyberCypher

    (@cybercypher)

    12年、 7ヶ月前

    403 Forbidden アクセス拒否 1.0
    サーバはリクエストを理解したが、そのリクエストの実行を拒否した。アクセス権限がない時など。

    HTTPステータスコードで検索すればなぜアクセスできないのかが分かります
    やっぱりアクセス権限の問題ではじかれてますね・・・

    トピック投稿者 loveko699

    (@loveko699)

    12年、 7ヶ月前

    はい。
    でもどう設定していいものやら分からずでした。

    アンインストールして再度インストールしました。
    問題なくcss反映されるようになりました。
    また同じ様なことが起こるかどうか分かりませんが、
    とりあえず続けてみます。

    原因がわからないままで歯がゆいですが
    とりあえず解決済みということで〆ます。
    アドバイス頂きました皆様、ご丁寧にありがとうございました。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「どのテーマでもcssが反映されない／ロリポップ」には新たに返信することはできません。