نشر الصفحة

[denvergeeks]

بديل لـ Page Publishing - طريقة أخرى هي استخدام CSS لـ إزالة العناصر غير المرغوب فيها في منشور موضوع عادي، مع الحفاظ على جميع الوظائف (أي نصوص JavaScript في مكونات الثيم المثبتة، وتنسيق CSS، وما إلى ذلك)

يمكن استخدام العلامات في المنشئ لتطبيق التنسيق بشكل انتقائي على منشور موضوع معين.

على سبيل المثال، في موقعي، أحقق ذلك عن طريق لصق CSS التالي في CSS الخاص بالثيم في علامة التبويب Common:

/********************** REMOVE THINGS FROM LAYOUT USING TAGS *************** /

.tag-no-header {
    .d-header {
        display: none !important;
    }
    #post_1 nav.post-controls .actions button.edit {
    top: 0px !important;
    }
    .topic-body h1 {
        padding-top: 0 !important;
    }
}

.tag-no-sidebars {
    aside.sidebar {
        display: none !important;
    }
}

.tag-no-category {
    .topic-category {
        display: none !important;
    }
}

.tag-no-timeline {
    .topic-navigation {
        display:none !important;
    }
    .container.posts {
        grid-template-columns: 100% !important;
    }
    .topic-body {
    width: 100% !important;
    }
}

.tag-no-post-links {
    .post-links-container {
        display:none !important;
    }
}

.tag-no-box-shadow {
    .topic-body {
        width: 100% !important;
        border-top: none !important;
        box-shadow: none !important;
        background-color: unset !important;
    }
}

.tag-no-topic-meta-data {
    .topic-meta-data {
        display:none !important;
    }
}

.tag-no-side-margins {
    .wrap {
        max-width: unset !important;
        padding: 0 10px !important;
    }
    .content-wrapper {
        display: block !important;
    }
    #main-outlet-wrapper {
        width: 100% !important;
    }
    .topic-body {
        width: 100% !important;
    }
}

.tag-no-footer-buttons {
    #topic-footer-buttons {
        display: none !important;
    }
}

ثم أقوم بإنشاء علامات يمكنني تطبيقها بشكل انتقائي على منشورات الموضوع، مطابقة محددات CSS في الكود أعلاه…

no-header
no-sidebars
no-category
no-timeline
no-post-links
no-box-shadow
no-topic-meta-data
no-side-margins
no-footer-buttons

---

إذًا إليك الإصداران المختلفان لنفس منشور الموضوع…

قبل (لم يتم تطبيق أي علامات):

بعد (تم تطبيق جميع العلامات) - والتي يمكنني أيضًا تضمينها كـ iFrame في منشورات أخرى على موقعي :