Как загрузить корневой каталог style.css в WordPress page.php , single.php в содержании

#php #css #wordpress #themes #wordpress-theming

#php #css #wordpress #темы #wordpress-тематизация

Вопрос:

Я создаю тему WordPress. Но у меня проблема. таблица стилей style.css не загружается в page.php содержание. Когда я редактирую сообщение в редакторе wp и добавляю <div class=w3-red"> <button class="w3-btn w3-red"> и другие связанные коды. Когда я опубликовал сообщение, они не отображаются во внешнем интерфейсе. Я думаю, что WordPress не поддерживает опцию настройки стиля страницы с помощью редактора wp. Я также добавил свой собственный style.css в header.php .

Я использую таблицу стилей w3.css в своем корневом каталоге web. style.css

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

Этот код не загружается во внешнем интерфейсе.

Комментарии:

1. Пожалуйста, помогите мне сейчас

2. HTML-код должен быть заключен в обратные ссылки, иначе он невидим: `

Ответ №1:

Пожалуйста, обратитесь по этой ссылке

или

Просто поместите свои таблицы стилей (style.css) в каталог wp-contentthemes[YOUR_THEME]css . Затем вы можете связать таблицу стилей с помощью простого приведенного ниже кода (theme header.php файл).

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

Ответ №2:

Ваш style.css при создании темы он должен находиться в той же папке, что и ваш index.php

в вашей голове загрузите стиль, используя:

 <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">
  

Ответ №3:

Другой способ — получить доступ к изображению, используя местоположение файла css в качестве контрольной точки, например

.class-name{

background-image: url(«../images /file-name»); // на один уровень выше, затем папка с изображениями

background-image: url(«../ ../images-directory-02/images /file-name»); // два уровня вверх, затем две папки в

}