.op3-element[data-op3-element-type="tableofcontentslistitem"] { .op3-element-tableofcontentslistitem__container { display: flex; overflow: visible; } // Background to the back. .op3-element-tableofcontentslistitem__canvas { z-index: -1; } // Link. .table-of-contents__link { position: relative; display: flex; overflow: hidden; border: 1px none currentColor; align-items: flex-start; &:has(.table-of-contents__label:empty) { display: none; } } // Inherit link color on inactive state. &:not(.table-of-contents__item--active) > .op3-element-tableofcontentslistitem__container .table-of-contents__link:not(:hover) { color: inherit; } // Markers. .op3-element-tableofcontentslistitem__marker { margin-right: 0.25em; } .op3-element-tableofcontentslistitem__marker--media { display: flex; align-items: center; line-height: inherit; // Line height does not work if there is no text in element (there is // only svg in our case), so adding zero width space to force height to // fit line height. &::before { content: "\200b"; } } } // Hide non-top-level markers (if set so). // // SCSS preprocessor will remove multiple selectors inside is() and not() // methods. We can prevent that by not using amperstand character. [data-op3-table-of-contents-marker-placement="top"] .op3-element[data-op3-element-type="tableofcontentslistitem"]:not(.table-of-contents > .table-of-contents__item) .op3-element-tableofcontentslistitem__marker { display: none; } // Default indent and item spacing. .op3-element[data-op3-element-type="tableofcontentslistitem"]:is(.table-of-contents__children .table-of-contents__item) { margin-left: 1.5em; } .op3-element[data-op3-element-type="tableofcontentslistitem"]:not(.op3-element-tableofcontentslist__children > :first-child) { margin-top: 0.25em; } .op3-element[data-op3-element-type="tableofcontentslistitem"]:has( > .op3-element-tableofcontentslistitem__container > .table-of-contents__link .table-of-contents__label:empty) { margin-top: 0 !important; } // Auto Collapse. [data-op3-table-of-contents-auto-collapse-items="1"] .op3-element[data-op3-element-type="tableofcontentslistitem"] .op3-element__collapser:not(:has(.table-of-contents__item--active), .table-of-contents__item--active > .op3-element__collapser) { grid-template-rows: 0fr; } [data-op3-table-of-contents-auto-collapse-items="1"] .op3-element[data-op3-element-type="tableofcontentslistitem"] .op3-element__collapser:not(:has(.table-of-contents__item--active), .table-of-contents__item--active > .op3-element__collapser) > :first-child { clip-path: rect(0 100% 0 0); } @supports (interpolate-size: allow-keywords) { [data-op3-table-of-contents-auto-collapse-items="1"] .op3-element[data-op3-element-type="tableofcontentslistitem"] .op3-element__collapser:not(:has(.table-of-contents__item--active), .table-of-contents__item--active > .op3-element__collapser) > :first-child { height: 0; } } @supports not (interpolate-size: allow-keywords) { [data-op3-table-of-contents-auto-collapse-items="1"] .op3-element[data-op3-element-type="tableofcontentslistitem"] .op3-element__collapser:not(:has(.table-of-contents__item--active), .table-of-contents__item--active > .op3-element__collapser) > :first-child { overflow: hidden; } } Página de ejemplo -

Página de ejemplo

Esta es una página de ejemplo. Es diferente de una entrada de blog porque se quedará en ese lugar y se mostrará en la navegación de tu sitio (en la mayoría de los temas). La mayoría de la gente comienza con una página de acerca de que los introduce a los visitantes potenciales del sitio. Podría decir algo como esto:

¡Hola! Soy un Mensajero en bici durante el día, aspirante a actor de noche, y este es mi sitio Web. Vivo en los Ángeles, tengo un gran perro llamado Jack, y me gustan las piñas coladas. (Y estar atrapados en la lluvia.)

…o algo así:

La Empresa Doohickey XYZ fue fundada en 1971, y ha estado proporcionando cosas de calidad al público desde entonces. Ubicado en la ciudad de Gotham, XYZ emplea a más de 2.000 personas y hace todo tipo de cosas impresionantes para la comunidad gótica.

Como nuevo usuario de WordPress, debes ir a tu Escritorio para eliminar esta página, y así crear nuevas páginas para su contenido. ¡Que te diviertas!