homefinance blog
Si ha estado blogueando durante algún tiempo, existe la posibilidad de que su blog comience a sentirse desactualizado. Puede pensar que necesita un nuevo tema para cambiar el aspecto de su sitio, pero hay otras formas de actualizar su blog de WordPress sin participar en el rediseño total.
Antes de comenzar un rediseño o instalar un nuevo tema, hay miles de temas e innumerables nuevas tendencias de diseño para sitios web y blogs. La verdad es que es fácil centrarse en el diseño en lugar del contenido. Si no bloguea regularmente, un nuevo diseño puede ser una distracción al escribir y producir contenido para su blog. A veces es mejor trabajar con el sitio web que tiene ahora. Trae algunos cambios y se vuelve creativo. Porque, al final del día, su objetivo como propietario de un blog es centrarse en la producción de contenido nuevo de alta calidad.
Concéntrese en la recaptura y la visualización de contenido, en lugar de eso, el propósito de todo el blog es distribuir nuevo contenido y escribir a continuación. Los blogs más exitosos producen contenido consistente, y actualizar su blog regularmente es la mejor manera de construir un próximo número. Una vez más, para enfatizar: concéntrese en el contenido. Centrarse en el contenido. Centrarse en el contenido.
Actualice + Sea creativo con su blog en esta publicación, cubriremos algunas formas en que puede actualizar su blog con algunas ideas que hemos implementado aquí en el blog IThems.
Plugins: los complementos pueden ayudarlo a expandir la funcionalidad de su blog y agregar elementos de diseño si no se siente cómodo con la codificación.
Elementos de diseño: agregar algunos elementos de diseño clave puede cambiar completamente el aspecto general de su blog sin tener que hacer un rediseño total de su sitio web. Y la edición, puede agregar algunos fragmentos de código que le brindarán algunas formas nuevas de mostrar su contenido.
Nota: Esta publicación incluye fragmentos de código que puede usar, pero siempre haga una copia de seguridad de WordPress antes de hacer cambios en la hoja de estilo de su base.
1. Actualice las fotos e imágenes recomendadas Las fotos y los gráficos tienen un gran impacto en la estética general de su blog. Nadie dice que no puede devolver y actualizar las fotos e imágenes presentadas en publicaciones antiguas.
Puede actualizar todo el aspecto de su blog. Simplemente agregando fotos nuevas y modernas a publicaciones anteriores o haciendo que las imágenes se presenten más consistentes en estilo o esquema de color. Una de las razones por las cuales las demostraciones del tema se ven tan impresionantes es que todas las imágenes han sido elegidas para ser coherentes y complementarias para el diseño general del sitio web. Aplique la misma estrategia a los consejos de su blog en la imagen del blog:
Mantenga el tamaño de los archivos pequeños. Los gráficos del sitio web, incluso para pantallas de retina, no deben exceder el tamaño de 300k. El tamaño del archivo dicta el tiempo de carga de una página, así que asegúrese de que sus imágenes estén optimizadas para la web. Los visitantes no tienen la paciencia para esperar largas páginas web, por lo que mantener las dimensiones de los archivos reducidos aceleran su tiempo de acceso a la página web. La velocidad de las páginas tiene un impacto en su SEOS, agregue las etiquetas alternativas y actualice los nombres de los archivos a la imagen. Haga una práctica para agregar nombres de archivos y etiquetas otras apropiadas para las imágenes que usa en su blog de búsqueda de imágenes de Google Use esta información para mostrar imágenes, así que no descuidan optimizar sus imágenes de SEO.
Use fotos de archivo, ¡está bien, de hecho! Si no tiene tiempo para tomar sus propias fotos o gráficos de diseño, hay una serie de excelentes sitios de tiro de stock que no son traviesas o obviamente fotos de archivo. Puede encontrar fotos de archivo inspiradas en Instagram, con precios gratuitos o precios accesibles y licencias generosas. Consulte Stocksnap.io, Unsplash.com, Visualhunt.com, Pexels.com y Photodune.com.
2. Use títulos Es posible que la mayoría de los bloggers principiantes no sepan sobre los jefes del blog o cómo y por qué los usan. Si actualmente no usa títulos en publicaciones de blog, comience a usarlos. Los títulos lo ayudan a organizar las publicaciones de su blog, dividirlas en secciones de digestión más fáciles y agregar valor de SEO.
¿Qué es un título? Los títulos son los Elementos H1, H2, H3, H4, H5, H6 incluidos en el editor de Post / Page de WordPress. Encontrará títulos en una lista desplegable en la parte superior de la pantalla del editor. Para usarlos, simplemente seleccione el texto que desea hacer un encabezado y aplique la opción de encabezado usando el menú Drop -down. También puede usar la vista del editor de texto y puede manejar títulos, como:
Este es un encabezado increíble
Consejos de título:
¡Usalos, usalos a ellos! Especialmente H2 y H3 (pero no H1): antes de escribir o publicar una nueva publicación de blog, vea si puede describir primero. El uso de un enfoque de contorno lo ayudará a ver lugares naturales para insertar títulos. Simplemente no te excedas. Nota: H1 debe reservarse para el título de publicación en el blog, por lo que no use ningún H1> en el contenido real de la página o publicación.
Mantenlos breves y concisos: los títulos no suelen ser oraciones largas. Piense en los títulos de los periódicos para escribir sus títulos.
Incluya palabras clave en H2S: los títulos tienen un propósito de SEO. Le ayudan a decirle a los motores de búsqueda que su contenido está organizado y legible. Si tiene énfasis en la palabra clave para su publicación o página, asegúrese de usarla en un H2 a la vez en la publicación.
Obtenga la creatividad con la tipografía de encabezado: los encabezados pueden ser una forma de incluir diferentes estilos de fuentes, colores, pesos, espaciado de letras, etc. La hoja de estilo de su base debe incluir estilos para cada elemento de encabezado, así que cámbielo si se siente cómodo al editar CSS.
3. Agregue llamadas a la acción con botones Otra forma de agregar una nueva función al contenido de su blog es agregar botones que se puede hacer clic. Los botones ayudan a resaltar los lugares de clic, guiando a los visitantes a una pista visual para una acción. Cada publicación de blog que publica es una oportunidad para pedirle a sus visitantes que tomen medidas. Agregar botones a los que se puede hacer clic para hacer cosas como “comprar ahora”, “contáctenos”, “descargar ahora” o “leer más” son una excelente manera de aumentar su participación y hacer clic en su sitio. Web. Un botón es realmente solo un Hyperlink estilizado.
Consejos para botones
Agregue botones al final de las publicaciones: finalice una publicación de blog con un botón. ¿Qué acción le gustaría llevar al visitante más allá? Convierta la acción en un botón CTA (llamada a acción).
Mantenga los títulos cortos y concisos de CTA, los botones con botones deben ser cortos y concisos; límite a solo unas pocas palabras.
Use html en -post o inserte con un código corto (complemento): para agregar botones a su blog, puede usar una combinación de HTML / CSS agregado a su tema o puede usar un complemento de códigos cortos.
Ejemplo de CSS para botones aquí es un ejemplo de un CSS que agregaría al archivo style.cc de su base.
.botón {
Pantalla: bloque en línea;
Relleno: 0.75em 1.125em;
margen: 1.125em car;
Antecedentes: #F8572D;
Border-Bottom: 2px Solid #A22B0C;
Color: #fff;
Tamaño de fuente: 1.125EM;
Línea de altura: 1.2;
Font-peso: 600;
Text-Align: Center;
Decoración de texto: ninguna;
Border-radio: 3px;
-Webkit-transition: todos .1s lineal;
-Moz-Transition: todos .1s lineal 0s;
}
.Button: Hover {
Antecedentes:#FF3900;
}
Una vez que se ha agregado este CSS, puede usar HTML en el editor de texto de publicación de blog para insertar botones. regístrese para los botones webinares Si no se siente cómodo con los botones de codificación, puede usar un complemento para ayudarlo. Aquí hay algunos complementos gratuitos de repo de complementos WordPress.org para verificar:
Plugin de botón de WordPress MaxButton
Constructor Button- Buntoans X
4. Subraye las citas importantes se pueden enterrar fácilmente en una publicación de blog, especialmente porque la mayoría de los lectores simplemente están escaneando. Llamar la atención sobre oraciones o párrafos importantes enfatizando las citas con citas de extracción y citas bloqueadas. Esta es una “cita de extracción”. También puede agregar en su blog. Las citas extraídas generalmente se alinean a la derecha o izquierda para imitar las técnicas de impresión utilizadas en las revistas. Este enfoque de diseño para enfatizar las comillas también se pasó en la web, en forma de comillas.
Esta es una “cita de bloque”. Estoy horneado en WordPress. Las citas de bloque son elementos incluidos en WordPress de forma predeterminada. Su tema debe tener un estilo específico aplicado para bloquear las citas para que el texto sea más grande o cursivo, dándole más contraste que la fuente / estilo normal. Citas bloqueadas:
Cotizaciones:
Consejos para la cita
Citas: No solo las palabras de los demás, aunque las citas generalmente se reservan para las palabras de los demás, no tiene miedo de citar. Si hace un punto maravilloso en su publicación, seleccione una oración para usar como extracción o citado.
Use el código corto de bloques WordPress BLOCKQuote. En el editor de texto, seleccione el texto que desea usar y haga clic en el botón BlockQuote para envolver el texto en el código corto de Blockquote. Utilice las “cotizaciones” personalizadas con HTML / CSS o un complemento.
Ejemplo de CSS Si no tiene ningún bloque en el bloque en su tema actual, aquí hay algunos ejemplos de CSS:
Blockquote {
Tamaño de fuente: 1.2em;
Color: #5E7078;
margen: 1.5em 0;
Relleno: 19px 30px;
fondo: #ffffff;
Border-izquierda: 8px Solid #C8F57A;
-WebKit-Transition: todos .2s lineales;
-Moz-Transition: todos los 0s lineales .2s;
}
Luego, simplemente envolvería el texto en el código corto del bloque, de la siguiente manera: Esto es un blockquote. .Pull-quote {
Anchura máxima: 35%;
Border-Top: Ninguno;
Border-Bottom: Ninguno;
Border-izquierda: 7px Solid #0084cc;
Antecedentes: transparente;
INDENT DE TEXTO: 0;
Margen: 10px 0 30px 40px;
ROLDE-LEFURA: 30px;
-Webkit-box-shadow: ninguno;
-Moz-box-shadow: Ninguno;
Color: #77868E!
Estilo de fuente: cursiva;
Tamaño de fuente: 1.4em;
FLOAT: ¡Correcto! IMPORTANTE;
}
Y luego html:
Esta es una “cita de extracción”. También puede agregarlos a su blog. Tire de los complementos
Hermosos pullquotes
Citas perfectas
BP bonita cita
5. Destaca el texto importante con “notificaciones” similares a las citas, puede tener párrafos o oraciones completas que desea resaltar, para que el texto se destaque del resto de una publicación o página de blog. Aquí, en el blog IThems, hemos implementado “notificaciones de contenido” y “notificaciones con cupones” para garantizar que no se pierdan información importante o notificaciones. La notificación de contenido aquí es un ejemplo de notificación de contenido. Puede usarlos a lo largo de la publicación del blog para llamar la atención sobre ciertos párrafos o oraciones. También ayuda a destruir publicaciones largas y aumentar el interés visual. Esta es una llamada de contenido. Úselo para agregar notificaciones o instrucciones o simplemente para obtener un texto importante.
Aquí está el CSS que puede agregar al archivo style.css del tema: .callout-text {
Antecedentes: #E3EEF6;
Relleno: 20px;
Borde: 1px sólido #9fd0f1;
}
Y el código HTML que usaría en su publicación o editor de texto de página
Ponga su texto de llamada aquí. Un estilo especial para resaltar los cupones o ofertas especiales en sus publicaciones o páginas.
Esta es una llamada de cupón.
Aquí está CSS que puede agregar al archivo style.css del tema: .callout-coupon {
Borde: 2px punteado #95C83C;
Border-radio: 3px;
Tamaño de fuente: 1.25em;
Relleno: 2em;
Text-Align: Center;
}
Use el código de cupón 35 para ahorrar 35% de descuento en todos los países. Debe hacer un rediseño total.Al agregar o cambiar las fotos, usar títulos, agregar botones, enfatizar las citas y agregar notas, puede dar una nueva vida a su blog y, con suerte, inspirarlo a agregar nuevo.
Kristen escribió tutoriales para ayudar a los usuarios de WordPress en 2011. Por lo general, puede encontrarlo trabajando en nuevos artículos para IThems Blog o desarrollar recursos para #WpProsper.Fuera del trabajo, Kristen disfruta del diario (¡escribió dos libros!), Senderismo y acampar, cocinar y aventuras diarias con su familia, con la esperanza de llevar una vida más presente.
