Comparte dos funciones prácticas: 1. Añadir el logo del creador original o de otro a la discusión o publicación, 2. Añadir color de contenido personalizado a la página principal

Primero, agregue una personalización del nombre del componente del tema y asegúrese de habilitar su tema o todos los temas, como se muestra

Agregue la primera persona para agregar al autor original u otro logotipo en el tema o publicación
Agregue el código CSS de la siguiente manera

.posts-wrapper {
position: relative;
}

div.topic-owner .topic-body .contents > .cooked::after {
content: "TOPIC OWNER - meta.discourse.org"; /* Text content, can be changed to "TOPIC OWNER" */
font-size: small; /* Font size */
color: #00aeff; /* Font color */
float: right; /* Position right */
font-style: italic; /* Italic */
font-weight: bold; /* Bold */
}

No olvide guardar su código

Agregue el segundo componente
Agregue el código después del título


<div class="custom-welcome-banner" style="background-color: var(--custom-banner-bg); padding: 10px; text-align: center;">
  <strong>Keep your custom content short</strong>, Custom content
  <a href="/faq" style="color: var(--custom-banner-link); margin-left: 10px;">《Frequently asked questions》</a>
</div>

Agregue el código de definición de color
Esto es necesario si su sitio web permite cambiar entre el día y la noche

:root {
  /* Defining dynamic color variables */
  --custom-banner-bg: #{dark-light-choose(#d1f0ff, #03374b)};
  --custom-banner-text: #{dark-light-choose(#ffffff, #000)};
  --custom-banner-link: #{dark-light-choose(#50d8ff, #0073ea)};
}

No olvide guardar su código

No sé si alguien ha presentado este tipo de pregunta. Lo resumí basándome en algunos foros creados con discourse.
Si esta publicación ya tiene soluciones similares o problemas de derechos de autor, elimínenme.

No sé si alguien ha presentado tal pregunta. Me basé en algunos foros creados con Discourse para resumirlo.
Si esta publicación ya tiene una solución similar o un problema de derechos de autor, elimínenme.

¿Por qué publicar esta publicación?

  1. No sé codificar.
  2. No sé inglés.
  3. Creo que alguien lo necesitará, especialmente aquellos que no saben codificar.
  4. Las personas que saben codificar consultarán los documentos por sí mismas para encontrar una solución.

En resumen, si tengo alguna omisión, pida al administrador que la modifique. Si el contenido es inapropiado, se puede eliminar. Al mismo tiempo, también lo guardo para mí para poder encontrar la solución que necesito aquí.

No sé inglés. Todo este contenido está traducido por Google. Por favor, perdónenme si hay alguna redacción inapropiada.

Debido a que los nuevos usuarios solo pueden agregar una imagen, no hay forma de mostrar el efecto

2 Me gusta