กำลังพยายามทำความเข้าใจวิธีการแสดงภาพด้วยธีม Drupal ที่กำหนดเอง

ฉันกำลังพยายามทำความเข้าใจวิธีสร้างธีมที่กำหนดเองของ Drupal 8 ฉันมีคำถามเกี่ยวกับเรื่องนั้น และฉันไม่สามารถหาคำตอบที่แท้จริงเกี่ยวกับเอกสารประกอบหรืออย่างอื่นได้ ใครสามารถช่วยฉันหน่อยได้ไหม?

ฉันได้สร้าง libraries.yml และ theme_info.yml พร้อมข้อมูลเหล่านี้:

name: Cosplay Academy
type: theme
description: 'A cuddly theme that offers extra fluffiness.'
core: 8.x
libraries:
- cosplayacademy/global-styling-and-scripts
regions:
  header: Header
  primary_menu: 'Primary menu'
  secondary_menu: 'Secondary menu'
  page_top: 'Page top'
  page_bottom: 'Page bottom'
  highlighted: Highlighted
  featured_top: 'Featured top'
  breadcrumb: Breadcrumb
  content: Content
  sidebar_first: 'Sidebar first'
  sidebar_second: 'Sidebar second'
  featured_bottom_first: 'Featured bottom first'
  featured_bottom_second: 'Featured bottom second'
  featured_bottom_third: 'Featured bottom third'
  footer_first: 'Footer first'
  footer_second: 'Footer second'
  footer_third: 'Footer third'
  footer_fourth: 'Footer fourth'
  footer_fifth: 'Footer fifth'
global-styling-and-scripts:
  version: VERSION
  css:
    theme:
      css/plugins/bootstrap.min.css: {}
      css/style.css: {}
      css/skin-modes.css: {}
      css/icons.css: {}
      css/plugins/horizontal-menu.css: {}
      css/colors/color6.css: {}

ฉันเห็นไฟล์ css ของฉันในมาร์กอัป html แต่มีไฟล์ css จำนวนมากก่อนหน้านั้น ทำไม ? ฉันสามารถลบมันออกได้ไหม?

นอกจากนี้ฉันกำลังพยายามแสดงรูปภาพใน data-image-src แต่มันไม่ปรากฏขึ้น :/ เมื่อฉันดูมาร์กอัป html ของฉันและเมื่อฉันคัดลอก URL ของรูปภาพ มันใช้งานได้ ฉันมองเห็นได้ แต่ ฉันไม่เห็นมันในเพจของฉัน... หลงไปหมดแล้ว :/

ดังที่คุณเห็นด้านล่าง ไฟล์ css ของฉันถูกโหลดในตอนท้าย และรูปภาพของฉันไม่ปรากฏ...

ไม่มีรูปภาพบนหน้าของฉัน

ไฟล์ CSS ของ Drupal


person Christophe    schedule 29.11.2019    source แหล่งที่มา


คำตอบ (2)


ไฟล์ css เพิ่มเติม:
ไฟล์ css พิเศษที่คุณเห็นนั้นถูกเพิ่มโดย drupal core และโมดูลต่างๆ ที่เปิดใช้งาน ฉันสามารถดูได้ว่าไฟล์ css ใดบ้างที่รวมอยู่ที่คุณเข้าสู่ระบบเมื่อดูหน้านี้ ซึ่งทำให้แถบเครื่องมือ css รวมไว้ในหน้า เป็นต้น ไฟล์ css เหล่านี้จะไม่ถูกรวมไว้เมื่อดูหน้าเว็บในฐานะผู้ใช้ที่ไม่ระบุชื่อ
คุณไม่ควรกังวลเกี่ยวกับสิ่งเหล่านี้ เมื่อทำให้ไซต์ใช้งานได้ คุณจะต้องตั้งค่าการรวม css และ javascript ภายใต้การตั้งค่า "ประสิทธิภาพ" และสิ่งเหล่านี้จะ รวมเป็นไฟล์เพียงไม่กี่ไฟล์และรวมเฉพาะสิ่งที่จำเป็นเท่านั้น

data-img-src:
ฉันไม่แน่ใจว่าคุณคาดว่าจะเกิดอะไรขึ้นโดยการเพิ่ม 'data-img-src' ??
หากต้องการตั้งค่าเส้นทางรูปภาพบนแท็ก img คุณเพียงแค่ใช้แอตทริบิวต์ 'src'
แอตทริบิวต์ใดๆ ที่ขึ้นต้นด้วย 'data-' มีวัตถุประสงค์เพื่อใช้เป็นที่เก็บข้อมูล ตัวอย่างเช่น คุณอาจต้องการใช้กับจาวาสคริปต์บางตัว

ข้อมูลเพิ่มเติมเกี่ยวกับแอตทริบิวต์ข้อมูล:
https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes
https://www.sitepoint.com/use-html5-data-attributes/
https://www.w3schools.com/tags/att_global_data.asp

person 2pha    schedule 29.11.2019

เกี่ยวกับการลบสไตล์ชีต Drupal ในธีมที่คุณกำหนดเอง... คุณสามารถเพิ่มสิ่งนี้ลงใน .info.yml ของคุณได้

stylesheets-remove:
  - core/assets/vendor/normalize-css/normalize.css
  - core/modules/system/css/system.module.css
  - core/modules/system/css/system.theme.css
  - core/modules/views/css/views.module.css

เพื่อจะลบมันออก

person c1u31355    schedule 04.06.2020