Как управлять CSS в ModX, изменения в CSS в файловой системе не действуют, очистка кеша не работает - PullRequest
0 голосов
/ 10 марта 2019

У меня огромные трудности при использовании ModX. Хорошо, если вы просто загрузите все один раз и забудете об этом, но внесение изменений в файл CSS, который не является ресурсом, кажется абсолютным кошмаром. Если CSS загружается из файла и кэшируется внутри ModX, избавиться от этого кажется невозможным. Нет документации по этому вопросу, и я видел несколько потоков об управлении CSS с помощью документов, которые я хочу попробовать, но у меня не получилось начать заново.

РЕДАКТИРОВАТЬ: ссылки на темы

Я попытался очистить кеш, удалить папку кеша, удалить файлы css, а затем удалить и очистить кеш (который я затем протестировал, чтобы убедиться, что css был фактически удален, но нет, все еще загружается, даже если он не -существует с того места, где я могу видеть)

Мой вопрос таков: что здесь происходит? Почему я не могу очистить кеш должным образом? Это ошибка? Я пропускаю что-то фундаментальное для ModX? Как начать снова без переустановки ModX? Должен ли я поместить CSS в документ или фрагмент?

Нет, я не хочу использовать Sass или cssSweet. Просто сырой скучный нормальный CSS, пожалуйста. Я не собираюсь создавать следующий Facebook, просто хочу использовать его для легкого внутреннего развертывания и управления контентом для клиентов.

Мой заголовок - это чанк с именем header, как показано ниже. (ПРИМЕЧАНИЕ: CSS найден, проблем с начальной загрузкой нет. С тех пор я полностью удалил файл CSS, очистил кеш и удалил папку кеша, CSS все еще загружается каким-то образом)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="width">

<title></title>

<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
<link title="timeline-styles" rel="stylesheet" href="assets/timeline/css/timeline.css">
<link rel="stylesheet" href="assets/lightbox/dist/css/lightbox.css">

<link rel="stylesheet" href="assets/fonts/Southampton.ttf">
<link rel="stylesheet" href="assets/css/style.css">

</head>
<body id="section-body">  

Моя главная страница является шаблоном, следующим образом:

[[$header]]
[[$navbar]]

<div class="container">

  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
      <section id="section-banner" class="parallax">
        <img id="welcome-banner-words" src="images/web_ready/welcome_banner_words.png" class="w-100" alt="">
      </section>
    </div>
  </div>

  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
      <section id="section-timeline" class="w-100 h-100">
        [[$timeline]]  
      </section>
    </div>
  </div>

 <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
      <div id="section-gallery-start" class="divider"></div>       
      <section id="section-gallery" class="w-100">
        <header id="header-gallery">Party Photos!!!</header>
        <hr class="horizontal-row-style">
        <p class="para-gallery">
Please return to this section after the party to see the photos</p>
        <!--[[$gallery]]--> 
      </section>
    </div>
  </div>

 <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12">
      <div id="section-special-start" class="divider"></div>       
      <section id="section-special" class="w-100">
       <section id="section-special-intro-blurb" class="w-100 h-100">
         <header id="header-special-intro-blurb">Special Thanks</header>
         <hr class="horizontal-row-style">
         <p class="para-special-intro-blurb">
</p>
      <hr class="horizontal-row-style">
      <p class="para-special-intro-blurb">
</p>
<p class="para-special-intro-blurb">Marnie Nana and Grandma Broome</p>
<p class="para-special-intro-blurb"></p>
      </section>
      [[$special_thanks]]
      </section>
    </div>
  </div>

</div>

[[$footer]]

Ответы [ 3 ]

0 голосов
/ 04 июня 2019

Еще один способ сломать кеш - добавить переменную после URL-адреса css.

<link rel="stylesheet" href="assets/css/style.css?v1">

Вам придется менять значение каждый раз, когда вы сохраняете файл, оно не является устойчивым, но онодолжен сломать кэш css, чтобы вы могли видеть свою работу.

Действительно, вам не нужно ничего делать, кроме как очистить кеш браузера.Я знаю, что некоторые браузеры ДЕЙСТВИТЕЛЬНО любят хранить кеш.

0 голосов
/ 10 июня 2019

Надеюсь, что еще не поздно, простое решение - использовать MinifyX для обработки и сжатия вашего CSS, каждый раз, когда вы очищаете кеш, он создает новый сжатый файл с новым именем, что означает, что нет способ сохранить ваш путь CSS в памяти. Приветствия.

0 голосов
/ 10 марта 2019

Я закомментировал ссылку на таблицу стилей, а затем сохранил свой блок заголовка, очистил кэш и затем снова сохранил блок.Кажется, это сработало.

Однако это очень смешно.

К моей другой связанной проблеме:

Поэкспериментировав с несколькими вещами, я обнаружил, что самый простой способ реализовать CSS - это поместить его в чанк с именем 'css_stylesheet', гарантируя, что "Установлен флажок «Очистить кэш при сохранении» (который установлен по умолчанию), поэтому мы можем поиграть с кодом в режиме реального времени, если есть ошибки, а затем ссылаться на чанк в тегах стиля в чанке заголовка следующим образом:

<style>
    [[$css_stylesheet]]
</style>

Полагаю, это нормально, в общем, рекомендуется избегать слишком частого вложения фрагментов, но это всего один уровень глубины, и мы используем тот же синтаксис при замене включений php, так что это нормально.Все в порядке.

Хотя было бы неплохо, если бы это соображение было более очевидно в документах.Там должны быть некоторые заметки о переводе сайта из php-базы в ModX, в котором должны быть указаны типы документов, которые должны быть включены в качестве статических ресурсов (например, начальная загрузка, jquery и т. Д.) И которые должны быть в виде чанков (custom css, custom js и т. Д.).)

...