CSS-таблица стилей для пользовательского шаблона Joomla не отображается

Итак, в настоящее время я использую базовое кодирование html и css для создания веб-сайта для клиента. Шаблон загружается в диспетчер расширений, но когда я его просматриваю, страница выглядит не так, как предполагалось. Ни один из стилей из моей таблицы стилей CSS не отображается. Я новичок в Joomla, поэтому помощь для этого новичка будет очень признательна. Если вам нужна дополнительная информация, я буду рад предоставить ее. К сожалению, я не могу предоставить ссылку, так как сайт еще не жив, но даст вам ребята ссылки на некоторые снимки экрана.

Как это выглядит в инструментах веб-разработчика: http://i.imgur.com/0yoQHBR.jpg

Конечный результат для сайта: http://i.imgur.com/lI7gqdI.jpg

Оригинальный файл Index.php:

<?php
    defined('_JEXEC') or die;
?>

<!Doctype html>
    <html>
        <head>
            <meta charset="utf-8">
            <title> Deda's Couture</title>
            <link rel="stylesheet" href="css/normalize.css">
            <link rel="stylesheet" href="css/main.css">
            <link rel="stylesheet" href="css/responsive.css">
            <link rel="stylesheet" href="css/component.css">
            <meta="viewport" content="width=device-width, initial-scale=1.0">
            <jdoc:include type="head" />
            <!--[if lt IE 9]>
                <script src="<?php echo $this->baseurl ?>/media/jui/js/html5.js"></script>
            <![endif]-->
    </head>
2 голоса | спросил Starlight1992 25 PMpSat, 25 Apr 2015 22:59:04 +030059Saturday 2015, 22:59:04

2 ответа


1

Поскольку вы на самом деле используете PHP-скрипт для создания страницы, я предлагаю, что было бы лучше, если бы вы фактически использовали вызовы API Joomla для добавления CSS к отображаемой странице, например:

<?php
....
$tempDoc = JFactory::getDocument();
$tempDoc->addStyleSheet(JURI::root(true).'/css/normalize.css');
$tempDoc->addStyleSheet(JURI::root(true).'/css/main.css');
$tempDoc->addStyleSheet(JURI::root(true).'/css/responsive.css');
$tempDoc->addStyleSheet(JURI::root(true).'/css/component.css');

Затем в файле index.php вашего шаблона включите последний раздел (или почти последний) в раздел заголовка HTML, например:

<head>
....
    <jdoc:include type="head" />
....
</head>

Таким образом, все требования CSS и JavaScript для Joomla расширений также будут включены - у вас может не быть сейчас, но было бы удивительно, если бы у вас не было более поздних версий.

Кроме того, чтобы помочь вам определить, почему ваш оригинальный CSS не был загружен, я вижу, что вы уже используете «инструменты разработчика» вашего браузера ( термин Chrome ) или даже лучше Firebug для FireFox - это поможет вам увидеть полные URI, используемые для каждого компонента страницы, наряду с огромным количеством другой важной информации о ваших сгенерированных страницах.

Из вашего экрана, снятого с инструментами разработчика, ваше поколение страниц серьезно пошло наперекосяк, так как метатеги, сценарии и другие элементы HTML находятся в элементе body html. На скриншоте вы не расширили созданный элемент головы, поэтому Я не вижу, что там. Помните, что с помощью инструментов разработчика вы фактически не смотрите на источник страницы, вы смотрите на анализируемую и интерпретируемую версию браузера /инструмента (так что вы можете посмотреть на оба).

Возможно, вы захотите сделать doctype и html , а также:

<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">

Однако точное содержание этих материалов может потребовать дальнейших исследований с вашей стороны.

ответил Mark Bradley 26 AMpSun, 26 Apr 2015 08:00:17 +030000Sunday 2015, 08:00:17
-2

Удостоверьтесь, что ваш тег <jdoc:include type="head" /> отсутствует.

<head>
....
    < jdoc:include type="head" />
....
</head>
ответил Jamnagar Software 19 42015vEurope/Moscow11bEurope/MoscowThu, 19 Nov 2015 22:50:47 +0300 2015, 22:50:47

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132