تخصيص معرض 2 مصفوفة الموضوع

• قد 1, 2024

في البرنامج التعليمي الأخير ، بدأنا في تخصيص سمة Matrix في موضوعنا الخاص للمعرض 2. وسنتابع عن طريق تعيين هذا الموضوع الجديد كموضوع افتراضي لمحفظة لدينا وتغيير رسم الخلفية.

داخل مجلد السمة لكل سمة يوجد ملف صورة screeshot.png وهو لقطة شاشة لتلك السمة. لا يزال لدينا png القديم لموضوع Matrix في مجلد السمات الجديد. قد ترغب في استبدال هذا بـ png لموضوع معرض الصور الخاص بك. يبلغ متوسط ​​حجم ملف png حوالي 500 × 200 بكسل. ستقوم بحفظ ملف screenshot.png الجديد في مجلد الصور.

C: \ XAMPP \ htdocs \ gallery2 \ الموضوعات \ dCipollo \ صور

الآن يمكننا العودة إلى لوحة تحكم مشرف الموقع. أولاً ، نحتاج إلى تثبيت موضوعنا الجديد. انتقل إلى قسم الإضافات وسترى أن موضوعنا الجديد مدرج أسفل السمات أسفل الصفحة. انقر على تثبيت لتثبيت موضوعنا الجديد. بعد ذلك ، انتقل إلى قسم السمات في منطقة المسؤول وقم بتغيير القالب الافتراضي من المصفوفة إلى موضوعنا الجديد. بالطبع ، لن تلاحظ أي تغيير في تخطيط القالب في هذه المرحلة. ما زلنا بحاجة لإجراء تلك التغييرات.

أود أن أجري تغييرات الرسم على موضوعي أولاً. دعنا نضيف صورة خلفية. يمكن أن يكون هذا صورة مكررة متجانبة. ولكن لمطابقة موقع الويب الخاص بي ، سأستخدم نفس صورة الخلفية الكبيرة الثابتة. نحن بحاجة إلى حفظ jpg الخلفية لدينا إلى مجلد dCipollo في الدليل gallery2.

C: \ XAMPP \ htdocs \ gallery2 \ dCipollo

نحن الآن على استعداد لتغيير ملف theme.css لإضافة رسم الخلفية الخاص بنا. إذا ألقينا نظرة على الكود المصدري لملف main.php ، فسنرى أن العلامة الأساسية بها فئة نمط تسمى معرض.



سنحتاج إلى العثور على هذا النمط body.gallery في ملف theme.css.

body.gallery {
؟ ؟ الهامش: 0
؟ ؟ الحشو: 0؛
}

الآن سنضيف أكواد نمط الخلفية لهذه الفئة ونوجه عنوان url لصورة الخلفية إلى jpg في مجلد dCipollo.

body.gallery {
؟ ؟ الهامش: 0
؟ ؟ الحشو: 0؛
؟ ؟ لون الخلفية: #eeeeee؛
؟ ؟ background-image: url ('../../ dCipollo / BG1_Gallery.jpg')؛
؟ ؟ الخلفية مرفق: التمرير.
؟ ؟ تكرار الخلفية: عدم التكرار ؛
؟ ؟ خلفية الموقف: أعلى اليسار.
}

إذا قمنا بتحديث صفحة main.php الخاصة بمحفظة الأوراق المالية الخاصة بنا ، فلا يزال يتعذر علينا رؤية صورة الخلفية. هذا بسبب وجود بعض الأنماط التي تحتوي على الخلفية تعيين إلى الأبيض. لنقم بتعيين هذه الأنماط على خلفية شفافة.

ينبغي أن تأخذ الرعاية من الرسومات الخلفية لمحفظة لدينا. نحن مستعدون لتغيير الرأس والتذييل لصفحة الويب.

تعليمات الفيديو: الحلقة 4 ـ البعد 1 ـ المبدأ 2/1 التحليل والقرار ـ " الإدارة ثلاثية الأبعاد 4*4*4 " Dr. Advisor (قد 2024).