ฉันจะลบล้างธีมผู้ดูแลระบบในธีมของฉันเองได้อย่างไร?

ฉันสร้างธีม Drupal 8 ของตัวเอง:

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 }

ฉันใช้ "Seven" เป็นธีมผู้ดูแลระบบ

เมื่อฉันแก้ไขหน้า (/ โหนด / x / แก้ไข) ใช้เจ็ดธีม

ตอนนี้ฉันต้องเพิ่ม CSS บางอย่างในรูปแบบการแก้ไข ฉันจะทำสิ่งนี้ได้อย่างไร style.css ถูกโหลดเฉพาะหน้าส่วนหน้า แก้ไขหน้าใช้เจ็ดธีมและ CSS ธีมของฉันถูกละเว้น

ฉันจะเพิ่ม CSS ลงในหน้าผู้ดูแลระบบหรือแก้ไขแบบฟอร์มใน Drupal 8 ได้อย่างไร

คุณสามารถเพิ่มผู้ดูแลระบบ CSS จากโมดูลเบ็ด แทนที่ XXX ด้วยชื่อโมดูล

1 ใส่ CSS ของคุณใน css / extra.admin.css

2 ประกาศไลบรารีโดยสร้าง XXX.l ไลบรารี.yml

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

3 สร้างเบ็ดเพื่อโหลดไลบรารี

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

คุณไม่สามารถควบคุมหนึ่งชุดรูปแบบจากภายในชุดรูปแบบอื่น และแม้ว่านักพัฒนาที่ฉลาดบางคนสามารถหาวิธีแฮ็คได้: โปรดอย่า เชื่อฉันสิคุณไม่ต้องการมัน แนวคิดของการแยกความกังวลเป็นสิ่งสำคัญในการเขียนโปรแกรม โดยทั่วไปหมายความว่าชิ้นส่วนที่เคลื่อนไหวต่าง ๆ (เช่นธีมของคุณ) ของระบบของคุณควรดูแลงานของตนเองโดยไม่รบกวนงานของส่วนอื่น ๆ (เช่นธีมผู้ดูแลระบบของคุณ)

เพื่อให้บรรลุเป้าหมายของคุณวิธีที่สะอาดที่สุดคือการสร้างชุดรูปแบบใหม่ทำให้เป็นส่วนย่อยของ Seven (ดังนั้นจึงสืบทอดทุกสิ่งที่คุณต้องการเกี่ยวกับ Seven) และเพิ่ม CSS ที่กำหนดเองของคุณลงในมิกซ์ ตอนนี้คุณสามารถเลือกชุดรูปแบบนั้นเป็นชุดรูปแบบผู้ดูแลระบบของคุณแทน Seven

โมดูลที่คุณกำลังมองหาอยู่ในขณะนี้เรียกว่าสินทรัพย์หัวฉีด ด้วยคุณจะสามารถเพิ่ม CSS ผ่าน UI ตามที่ @Whatwatt พูดถึง

หากคุณสร้างหัวข้อย่อยสำหรับ Seven และใช้เป็นธีมผู้ดูแลระบบของคุณคุณสามารถเพิ่มการแทนที่ css ของคุณเองในไฟล์ seven_subtheme.info.yml โดยไม่ยุ่งกับธีมหลักหรือสร้างความสับสนให้กับธีม หัวข้อย่อยต้องการเพียงไฟล์ info.yml และ css เท่านั้นและจะสืบทอดสิ่งอื่นทั้งหมด

• การสร้างหัวข้อย่อย
• แนวคิดพื้นฐาน (เช่นการเพิ่ม css ให้กับธีมของคุณ)

จากเสียงของมันคุณส่วนใหญ่เกี่ยวข้องกับการแก้ไข css ที่ใช้โดยตัวแก้ไข wysiwyg (ckeditor) ดังนั้นคุณอาจต้องการดูการเพิ่มckeditor_stylesheetsไฟล์ info.yml ของคุณแทน โปรดทราบว่าตามที่ได้อธิบายในเรื่องนี้ที่CKEditor CSS สามารถแน่นอนจะเพิ่มจากคุณธีมเป็นตัวแก้ไขแบบ WYSIWYG ควรใช้ CSS ธีมไม่ใช่ผู้ดูแลระบบโดยค่าเริ่มต้น (อย่าลืมแคชชัดเจนหลังจากที่เพิ่มนี้)

• D8 how-to - สไตล์ ckeditor ที่กำหนดเอง

ติดตั้งโมดูลCSS Injector (ปัจจุบันมีเพียงรุ่นพัฒนาที่ใช้งานได้สำหรับ Drupal 8)

จากนั้นไปที่หน้าการดูแลระบบของ CSS Injector ( / admin / config / development / css-injector ) สร้างกฎ CSS ใหม่ ตัวอย่างเช่นหากต้องการเปลี่ยนสีพื้นหลังของฟิลด์:

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

เลือกที่จะใช้กฎนี้กับธีมเจ็ด (หรือธีมของผู้ดูแลระบบที่ใช้อยู่)

บันทึกและสนุก!

ในการทำงานกับชุดรูปแบบผู้ดูแลระบบใด ๆ ฉันใช้ AdamS answer และเปลี่ยน hook เป็น

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

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

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

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

}

ทำไมไม่สร้างบล็อกที่เรียก css และแทรกมันลงในส่วนหัวของหน้าผู้ดูแลระบบของคุณ?

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

คุณสามารถเพิ่มผู้ดูแลระบบ CSS จากโมดูลเบ็ด แทนที่ XXX ด้วยชื่อโมดูล

1 ใส่ CSS ของคุณใน css / extra.admin.css

2 ประกาศไลบรารีโดยสร้าง XXX.l ไลบรารี.yml

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

3 สร้างเบ็ดเพื่อโหลดไลบรารี

/ **
* ใช้งาน hook_page_attachments ()
* /

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';
    }
 }

ฉันจะสร้างธีมลูกแยกสำหรับทั้งด้านหน้าและด้านหลัง