Kendi temamdaki yönetici temasını nasıl geçersiz kılabilirim?

Kendi Drupal 8 temamı oluşturdum:

mytheme.info.yml:

name: My Theme
description: 'Drupal 8 Theme'
type: theme
base theme: bartik
core: '8.x'

mytheme.libraries.yml

global-styling:
  version: 1.x
  css:
    theme:
      css/layout.css: {}
      css/style.css: {}
      css/colors.css: {}
      css/print.css: { media: print }

Yönetici teması olarak "Yedi" kullanıyorum.

Bir sayfayı düzenlediğimde (/ node / x / edit) Yedi tema kullanılır.

Şimdi düzenleme formuna biraz CSS eklemeliyim. Bunu nasıl yapabilirim? style.css yalnızca ön uç sayfalara yüklenir. Sayfaları düzenle yedi tema kullanır ve temam CSS yoksayılır.

Drupal 8'de yönetici sayfalarına nasıl bazı CSS ekleyebilir veya formları düzenleyebilirim?

Bir modül kancasından yönetici CSS ekleyebilirsiniz. XXX öğesini modül adıyla değiştirin.

1 CSS'nizi css / extra.admin.css dosyasına koyun

2 XXX.libraries.yml oluşturarak bir kitaplık bildirin

extra.admin:
  css:
    theme:
      css/extra.admin.css: {}

3 Kütüphaneyi yüklemek için bir kanca oluşturun.

/**
 * Implements hook_page_attachments().
 */
function XXX_page_attachments(array &$attachments) {
  $theme = \Drupal::theme()->getActiveTheme()->getName();
  if ($theme == 'seven') {
    $attachments['#attached']['library'][] = 'XXX/extra.admin';
  }
}

Bir temayı başka bir temanın içinden kontrol edemezsiniz. Ve bazı akıllı geliştiriciler bunu yapmak için hackish bir yol bulabilirse bile: lütfen yapma. Güven bana, sen istemiyorsun. Endişelerin ayrılması kavramı programlamada önemlidir. Temel olarak, sisteminizin farklı hareketli parçalarının (yani temanız), diğer parçaların (yani yönetici temanız) görevlerine müdahale etmeden kendi görevlerini yerine getirmesi gerektiği anlamına gelir.

Hedefinize ulaşmak için en temiz yol yeni bir tema oluşturmak, onu Yedi'nin alt teması yapmak (böylece Yedi hakkında sevdiğiniz her şeyi miras alır) ve özel CSS'nizi karışıma eklemek. Şimdi bu temayı Yedi yerine yönetici temanız olarak seçebilirsiniz.

Aradığınız modüle artık Varlık Enjektörü deniyor . Bununla birlikte, @Whatwatt'ın belirttiği gibi kullanıcı arayüzünden CSS ekleyebileceksiniz.

Yedi için bir alt tema oluşturursanız ve bunu yönetici temanız olarak kullanırsanız, çekirdek temayı bozmadan veya tema sorumluluklarını karıştırmadan seven_subtheme.info.yml dosyasına kendi css geçersiz kılmalarınızı ekleyebilirsiniz. Alt temanın yalnızca info.yml dosyasına ve css'ye sahip olması gerekir ve diğer her şeyi devralır.

• Alt tema oluşturma
• Tema ile ilgili temel bilgiler (örneğin temanıza css eklemek)

Bununla birlikte, seslerden, esas olarak wysiwyg editörü (ckeditor) tarafından kullanılan css'i değiştirmekle ilgileniyorsunuz, bunun yerine ckeditor_stylesheetsinfo.yml dosyanıza eklemek isteyebilirsiniz . Açıklandığı gibi, bu Not bu konuda , ckeditor css gerçekten eklenebilir sizin varsayılan olarak yönetici olmayan tema css kullanmalıdır wysiwyg editörü olarak, tema (bu ekledikten sonra net önbelleklerini unutmayın).

• D8 Nasıl Yapılır - Özel Ckeditor Stilleri

CSS Enjektör modülünü takın (şu anda Drupal 8 için sadece bir çalışma geliştirme sürümü var).

Ardından CSS Injector ( / admin / config / development / css-injector ) yönetim sayfasına gidin . Yeni bir CSS kuralı oluşturun. Örneğin, bir alanın arka plan rengini değiştirmek için:

.node-form .field--name-title input {
    background-color: red;
}

Bu kuralı Yedi temaya (veya kullanımdaki herhangi bir yönetici temasına) uygulamayı seçin.

Tasarruf edin ve tadını çıkarın!

Herhangi bir yönetici temasıyla çalışmak için AdamS yanıtını kullandım ve kancayı değiştirdim.

$config = \Drupal::config('system.theme');

$theme = \Drupal::theme()->getActiveTheme()->getName();

if ($theme == $config->get('admin')) {

  $attachments['#attached']['library'][] = 'XXXX/extra.admin';

}

Neden css'i çağıran ve yönetici sayfalarınızın başlığına bir blok oluşturmuyorsunuz?

@import url ("/ temalar / XYZ / css / admin_overrides.css")

Bir modül kancasından yönetici CSS ekleyebilirsiniz. XXX öğesini modül adıyla değiştirin.

1 CSS'nizi css / extra.admin.css dosyasına koyun

2 XXX.libraries.yml oluşturarak bir kitaplık bildirin

extra.admin:
  css:
  theme:
  css/extra.admin.css: {}

3 Kütüphaneyi yüklemek için bir kanca oluşturun.

/ **
* hook_page_attachments () yöntemini uygular.
* /

function XXX_page_attachments(array &$attachments) {
  $config = \Drupal::config('system.theme');
  $theme = \Drupal::theme()->getActiveTheme()->getName();
    if ($theme == $config->get('admin')) {
       $attachments['#attached']['library'][] = 'XXXX/extra.admin';
    }
 }

hem ön hem de arka ofis için ayrı bir çocuk teması oluşturacağım