Cómo realizar composición tipográfica avanzada en la plataforma pública WeChat

La plataforma WeChat a menudo necesita publicar algunos mensajes gráficos. Cómo utilizar el sencillo sistema de edición de WeChat para diseñar el contenido push es un problema al que se enfrentan muchos usuarios de WeChat.

Cuando una persona indiferente de WeChat edita un párrafo de texto, puede copiar el texto directamente o escribirlo directamente en el teclado.

Si puedes escribir 2 espacios al principio del párrafo (método de entrada de ancho completo), puedes sangrar la primera línea. Si puede presionar ENTER al final de un párrafo, la estructura de los párrafos será clara.

Dado que WeChat proporciona funciones de lista ordenada y lista desordenada, significa que la función de lista sigue siendo muy práctica.

Si es necesario componer tipografía, se puede aplicar alineación a la izquierda, alineación a la derecha, alineación al centro y alineación en formato de párrafo (aparecerá un menú cuando haga clic con el botón derecho del mouse).

Si ha utilizado etiquetas HTML y conoce un poco de CSS básico, podrá diseñar un efecto rico y atractivo.

Uno alto y rico (con sangría):

Dos alto y rico (con borde):

Tres alto y rico (con fondo):

Cómo lograr una composición tipográfica avanzada

¿Cómo lograr el efecto? Deje que los expertos den instrucciones y establezcan estilos CSS, como borde, color, color de fondo, relleno, etc. Configure el estilo en una herramienta de creación de páginas web u otros lugares, luego copie el texto y el estilo del texto se transferirá a WeChat.

Teniendo en cuenta que algunas personas no pueden entender, hablemos de esto. Tres personas ricas y guapas en detalle a continuación El efecto.

⊙ Análisis de Gao Fuyi: About Love.com comparte palabras sobre el amor, frases de amor, pruebas de amor, psicología del amor, música del amor, micronovelas del amor, un sitio web de lectura que adoran los amantes de los textos; recopila los favoritos de niños y niñas. Un regalo creativo, una web pequeña y fresca con mucho cariño.

No es necesario saber qué significa la etiqueta. El estilo en inglés implica que se utiliza el siguiente código para configurar el estilo. La función de "padding: 0px20px" es establecer el margen izquierdo en 20px, "border-left: 5pxsolid#c9c9c9;" significa establecer el borde izquierdo, el grosor del borde es 5px y el estilo es una línea sólida (el El estilo tres de alto nivel es punteado y discontinuo), el color del borde es #c9c9c9. El color del texto debe declararse en el código y puede modificarse en WeChat.

¿Cómo usar el código después de escribirlo? No se puede usar directamente copiando WeChat. Necesitamos mostrar el efecto de la página web en otro lugar y luego copiar el texto a WeChat, y el texto en este momento. Se conservarán los estilos CSS. Un archivo html completo tiene el formato correspondiente y el código completo es el siguiente: About Love Network comparte palabras sobre el amor, frases de amor, pruebas de amor, psicología del amor, música del amor, micronovelas del amor, un sitio web de lectura favorito para los amantes de los textos; colecciona niños y niñas Un regalo creativo para tu favorito, una web pequeña y fresca con mucho cariño.

Solo necesitas copiar el texto de arriba en el bloc de notas y guardarlo como nombre de archivo .html, luego abrirlo a través del navegador para ver el efecto:

Selecciona todo y cópialo en la página web Pegue todo en WeChat y modifíquelo según sus propios efectos, ¡y nacerá el efecto Gao Fu Shuai!

⊙Análisis de Gao Fu Er:

La principal diferencia entre Gao Fu Er y Gao Fu I son los alrededores. Todos tienen fronteras, simplemente cambie frontera izquierda por frontera.

El código completo es el siguiente: About Love.com comparte palabras sobre el amor, frases de amor, pruebas de amor, psicología del amor, música del amor, micronovelas del amor, un sitio web de lectura favorito para los amantes del texto que recopila creatividad; ideas que les encantan a niños y niñas. Un regalo, una web pequeña y fresca con mucho cariño.

⊙Análisis de Gao Fu San:

El estilo del borde de Gao Fu San es punteado y discontinuo en lugar de sólido, y se agrega un color de fondo: background-color: #116D8A <; /p>

p>

El código completo es el siguiente: Comuníquese con el autor: @about爱网 (Sina Weibo)

El siguiente es un tutorial sobre el uso de Mardown para la composición tipográfica rápida en WeChat:

En realidad, creo que escríbalo en Markdown y luego renderícelo. La estructura del artículo es clara y concisa.

Hoy le enseñaré cómo utilizar el complemento de extensión Markdown para optimizar el diseño de los artículos de WeChat en las condiciones existentes de un "editor simple".

Markdown es un lenguaje de escritura extremadamente hermoso y conciso (¡no de programación!). Una vez usado, ¡es extremadamente adictivo!

1. Qué es Markdown: (Lo siguiente es una cita de un libro sencillo: Markdown - Guía de introducción)

Markdown es un "lenguaje de marcado" ligero que actualmente se está superando. Es ampliamente utilizado por cada vez más entusiastas de la escritura y redactores. No se deje confundir por "marcas" y "lenguaje". La sintaxis de Markdown es muy simple. No hay más de diez símbolos de marcas de uso común, por lo que el costo de aprendizaje es muy bajo y una vez que esté familiarizado con esta regla gramatical, tendrá el efecto de una vez por todas.

La sintaxis concisa de Markdown reemplaza la composición tipográfica, a diferencia del software de procesamiento de textos Word o Pages que utilizamos, que tiene una gran cantidad de configuraciones tipográficas y de fuentes. Nos permite centrarnos en la codificación y utilizar la sintaxis de "marcado" para reemplazar los formatos tipográficos comunes. Por ejemplo, el teclado puede manejar todo, desde el contenido hasta el formato e incluso las ilustraciones de este artículo.

2. Ventajas de escribir en lenguaje Markdown:

Texto puro, por lo que es altamente compatible y se puede abrir con todos los editores de texto

Te permite centrarte en Texto en lugar de composición tipográfica

Conversión de formato conveniente, puede convertir fácilmente texto con rebajas en HTML, libros electrónicos, etc.

Estructura clara, hermosa tipografía y gran legibilidad

3. Sintaxis concisa de Markdown

Título: para el título 1 y el título 2 del artículo, solo necesita agregar el número correspondiente de signos # delante del texto, y Markdown mostrará automáticamente el formato.

Lista: en rebajas, la visualización de la lista solo necesita agregar - o * antes del texto para convertirse en una lista desordenada, agregue el símbolo 1.2.3 directamente antes del texto. y luego simplemente agregue un espacio de un carácter entre el símbolo y el texto.

Cita: si necesita citar una oración corta de otro lugar, utilice el formato de cita. Solo necesita agregar un gt; y un espacio delante del texto citado, por ejemplo:

Para obtener más sintaxis de Markdown, haga clic para ver Markdown - Guía de introducción. (La imagen de arriba es una reimpresión de Jianshu)

4. Cómo optimizar la composición tipográfica en la plataforma pública WeChat

Instale el complemento Markdownhere en Chrome

Usar Markdown en el backend público de WeChat Escritura de idiomas

Mantenga presionada la tecla de acceso directo Ctrl Alt M para representar el artículo de Markdown

En este punto, tiene todas las comillas, estilos de título, separadores, columnas de código y otros estilos. ¡Tómalo y consíguelo!