Una alternativa a la publicación de páginas: otro método es usar CSS para eliminar los elementos no deseados en una publicación de tema normal, al tiempo que se preserva toda la funcionalidad (es decir, scripts de JavaScript en componentes de temas instalados, estilo CSS, etc.).
Las etiquetas en el compositor se pueden usar para aplicar selectivamente formato a una publicación de tema específica.
Por ejemplo, en mi sitio, logro esto pegando el siguiente CSS en el CSS de mi tema en la pestaña Común:
/********************** ELIMINAR COSAS DEL DISEÑO USANDO ETIQUETAS *************** /
.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;
}
}
Luego creo etiquetas que puedo aplicar selectivamente a las publicaciones de temas, coincidiendo con los selectores CSS en el código anterior…
no-header
no-sidebars
no-category
no-timeline
no-post-links
no-box-shadow
no-topic-meta-data
no-side-margins
no-footer-buttons
Así que aquí están las dos versiones diferentes de la misma publicación de tema…
Antes (sin etiquetas aplicadas):
Después (todas las etiquetas aplicadas): - que también puedo incrustar como un iFrame en otras publicaciones de mi sitio
:

