Jednolity styl CSS edytora CKEditor z motywem Drupal

Jednolity z motywem styl CSS w CKEditor

Moduł CKEditor w CMS Drupal 7 jest bez wątpienia najczęściej używanym edytorem treści, zresztą tak samo jak w Drupal 8, w którym stał się domyślnym modułem zaimplementowanym w rdzeniu tego systemu.

Pole tego edytora, w którym dokonujemy edycji treści, standardowo korzysta ze stylu CSS, który jest integralną częścią tego modułu. Często jednak bywa, że styl ten jest mocno odmienny, od stylu CSS motywu, z którego aktualnie korzysta dana witryna. Może to utrudniać tworzenie/edycję wpisów, ponieważ dopiero po przełączeniu na podgląd wpisu, możemy zobaczyć jak będzie on wyglądał ostatecznie, gdy już opublikujemy do na witrynie.

Istnieje jednak prosty sposób, aby ujednolicić styl CSS motywu witryny, ze stylem edytora CKEditor. Dzięki temu zabiegowi już podczas tworzenia/edycji wpisu, będziemy mieli poglądowy obraz tego, jak będzie on ostatecznie wyglądał (spójne fonty, kolory itd.).

Poniżej szybkie solucje, które pozwolą skorzystać z opisanej wyżej możliwości, w obydwu wersjach sytemu Drupal.

DRUPAL 7

W siódemce postępujemy następująco:

  1. W menu administracyjnym wybieramy Konfiguracja » Tworzenie zawartości » CKEditor (ścieżka: "/admin/config/content/ckeditor")
  2. Wchodzimy w tryb edycji profilu, który będzie korzystał z ujednoliconego stylu.
  3. Odnajdujemy i rozwijamy sekcję "CSS", a następnie z rozwijanego pola "CSS edytora" wybieramy "Użyj styl CSS"\
  4. Zapisujemy i gotowe.

 

DRUPAL 8

Żeby skorzystać z tej możliwości wersji 8 tego CMS, należy:

  1. Do pliku nazwamotywu.info.yml, będącego częścią składową motywu witryny, dodajemy wpis wskazujący na lokalizację pliku CSS z nowym stylem dla edytora.

    Przykładowy zapis:
    ckeditor_stylesheets:
      - css/edytor/edytor.css

  2. We wskazanej w punkcie 1 lokalizacji, tworzymy plik edytor.css, w którym zamieszczamy preferowane przez nas wpisy, które zaczerpnąć możemy z pliku/plików CSS motywu.

 

W obydwu przypadkach, na koniec należy wyczyścić pamięć podręczną Drupala.

Problem ze stroną www?

Odwirusowanie

Robak, wirus na celowniku, na stronie internetowej
Usuwanie szkodliwego oprogramowania ze strony internetowej opartej na CMS WordPress, Joomla!, Drupal i innych.

Migracja

Zielona strzałka (symbol przemieszczenia) na stronie internetowej
Przeniesienie strony internetowej na korzystniejszy tj. wydajniejszy i tańszy hosting. Przejście witryny pod inną domenę.

Aktualizacja

Ruchomy trybik mechanizmu na stronie internetowej
Aktualizacja rdzeni, modułów, rozszerzeń systemów zarządzania treścią Drupal, Wordpress, Joomla i innych CMS.

Upgrade Drupal 7 do 9

Logo CMS Drupal
Uaktualnienie CMS Drupal z wersji 7 na 9. Koniec wsparcia dla Drupal 7 nastąpi 11.2023.

Backup

Dyskietka (symbol zapisu) na stronie internetowej
Wykonanie kopii bezpieczeństwa strony internetowej (pełna struktura plików, katalogów oraz bazy danych) oraz jej archiwizacja.

Zabezpieczenie

Klucz do zamka (symbol zabezpieczenia) na stronie internetowej
Działania mające na celu zapewnienie ochrony strony internetowej przed wirusami i atakami hakerskimi.

Tryb responsywny

Strona internetowa wyświetlona na ekranie monitora i smartfona
Dostosowanie strony internetowej do poprawnego wyświetlania na różnych urządzeniach.

Modyfikacje i naprawy

Skrzyżowane narzędzia (klucz oczkowy i ołówek) na stronie internetowej
Wykonanie napraw stron internetowych opartych na CMS oraz poprawek poprawiających jej estetykę lub funkcjonalność.

Helpdesk

Koło ratunkowe (symbol pomocy) na stronie internetowej
Szkolenia i pomoc w obsłudze systemów zarządzania treścią Joomla, Wordpress, Drupal i innych.

Optymalizacja

Strona internetowa szybka jak rakieta!
Przyspieszenie działania strony internetowej opartej na CMS Drupal, WordPress oraz Joomla, w celu zwiększenia liczby odwiedzin.

Odzyskiwanie haseł

Hasło zagwiazdkowane
Przywracanie / resetowanie haseł dostępu, niezbędnych do pełnej kontroli stron internetowych opartych na CMS.

Projekt logo

Projekt logo dla strony internetowej
Projektowanie logo dla stron internetowych, wizytówek, folderów, banerów itp.