Styles.css не применяется в Wordpress - PullRequest
0 голосов
/ 10 сентября 2018

Проблема в том, что у меня есть некоторый код, который определяет веб-сайт и определяет его составную таблицу стилей. Я связал таблицу стилей, и у меня есть функция для написания WordPress, которая ставит таблицу стилей в очередь, однако она не загружается. Когда я пытаюсь применить стиль без

<link href="styles.css" rel="stylesheet" type="text/css"> 

он не применяет какой-либо стиль, поэтому, если я его включу, инструменты разработчика отобразят ошибку:

"Error : Resource interpreted as Stylesheet but transferred with MIME type text/javascript:"

Основная страница php:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>main</title>

<link href="styles.css" rel="stylesheet" type="text/css">


<style type="text/css">
.header
{
background : #FFFFFF;
background : rgba(255, 255, 255, 1);
width : 100%;
height : 98pt;
}

.image
{
background-image : url(image.png);
position : relative ;
left : 52pt;
top : 133pt;
width : 19pt;
height : 20pt;
}


images {
width: 70%;
}
</style>

</head>
...

Тогда файл функций:

<?php

function SetStyles() {

wp_enqueue_style('style',  get_stylesheet_uri() );

}

add_action('wp_enqueue_scripts', 'SetStyles'); 

И, наконец, начало styles.css:

@charset "utf-8";
.images {
width: 59%;
display: block;
float: right;
font-size: 59.87pt;
font-family: "Mrs Eaves OT", "Mrs Eaves Small Caps OT";
font-variant: small-caps;
}

}
.links {
clear: right;
vertical-align: baseline;
width: 72%;
height: 25px;
float: right;
font-family: "Futura PT Light";
font-size: 25px;
word-spacing: 30px;
...

Очень ценю, что кто-то помогает мне, это сводит меня с ума. Редактировать: я также должен добавить, что стили действительно отображаются правильно в моем редакторе DreamWeaver, только в браузере они исчезают.

Ответы [ 2 ]

0 голосов
/ 11 сентября 2018

Как называется ваша таблица стилей style.css или styles.css ?? Если это styles.css , измените строку ниже в вашем коде

wp_enqueue_style('styles',  get_stylesheet_uri() );

Это будет искать таблицу стилей с именем « styles » и загружать ее, а также убедиться, что ваша таблица стилей находится в корневом каталоге вашей темы.

Надеюсь, это поможет.

0 голосов
/ 10 сентября 2018

Вы используете wp_enqueue_scripts вместо wp_enqueue_style. Таким образом, WordPress превращает ваш ресурс в javascript MIME-тип.

Обратите внимание на ваши сообщения об ошибках. Вопрос ко всему.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...