تخصيص التخطيط الرئيسي

مرحباً، أود إضافة عمودين (يسار ويمين) إلى main-outlet لاستخدامهما كإعلانات بانر.

من فهمي الحالي، يمكنني إضافة كود HTML جديد بسهولة في مساحة plugin-outlets.
لكن هذا ليس ما أريده، حيث لا توجد مساحة مخصصة لهذه البانرات أصلاً.

ما هو النهج الذي يجب أن أتبعه؟

شاهد ما يلي:

إعجاب واحد (1)

حسناً.. إذن سأقوم بإنشاء عنصر واجهة مستخدم لكل لافتة ثم تحميله، أليس كذلك؟

قد تجد أن عنصر HTML الحالي يلبي جميع احتياجاتك. GitHub - paviliondev/layouts-custom-html: A widget for the Layouts plugin that allows for Custom HTML to be inserted · GitHub

إعجاب واحد (1)

من المرجح أن هذا هو الحل. ومع ذلك، لم أتمكن من جعله يعمل بعد.

لا أستطيع فهم ما تقصده أو كيف يمكنني استخدام عنصر HTML الموجود. :confused:
لذلك، قررت إنشاء عنصر خاص بي يقوم بإنشاء اللافتتين وإضافتهما على الجانبين.

لقد قمت بإنشاء عنصر: https://github.com/teakap/banner-theme-component

تم تحميله، وأضفته كعنصر في إعدادات التخطيط، لكنني لا أزال لا أرى HTML الخاص بالعنصر على الصفحة.

إعجاب واحد (1)

عظيم أنك غمست قدميك في الأمر!

دائمًا، دائمًا افتح وحدة تحكم المتصفح عند تصحيح أخطاء JavaScript.

هذا ما أحصل عليه:

image

ينقصك عبارة استيراد:

import { h } from 'virtual-dom';

وهذا ما يصلح الأمر:

لاحظ أنه يجب كتابة الكود بهذه الطريقة، وإلا سيظهر اسم الفئة (كما هو موضح أعلاه):

h ("span.some-banner-class", "my text"):

image

استمر! :slight_smile:

3 إعجابات

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.