Crear el widget de la barra lateral Acerca de mí con el editor de publicaciones [tutorial de WordPress]
Los blogs grandes hacen un uso excelente de las páginas "Acerca de mí". Para que los usuarios lleguen allí, el 99% del tiempo incluyen una breve e intrigante sección "Acerca de mí" en la barra lateral de su blog. En este post te mostraré cómo crear esa sección. Es tan fácil como escribir un nuevo post. De hecho, usaremos el nuevo editor de publicaciones en WordPress para crear este.
El editor de publicaciones es una de las herramientas más versátiles de WordPress, y casi nadie lo sabe. Lo que estoy a punto de mostrarte es un pequeño truco de diseño inteligente, un truco tan pasado por alto que ni siquiera estaba cubierto en la lista de Hongkiat.com de 40 WordPress Hacks.
Este truco también es excelente para aprender algo de HTML y CSS básicos, si recién estás comenzando.
Crea tu mensaje
Todo lo que necesita para este tutorial es su página "Acerca de mí", una foto suya y un texto. Su página "Acerca de mí" debe centrarse en sus logros en los blogs, comprometer al lector con algunas preguntas e incluir fotografías de sus blogs. ¿Ya has hecho esta página? Perfecto.
Ahora, vamos a llevar todo esto a la WordPress nuevo editor de posts. Ábrelo, y sube tu imagen. Vamos a hacer mucho de esto desde el Pestaña HTML. Cuando subes una imagen, WordPress genera automáticamente el código HTML para ello. Ve a la pestaña HTML y crea un espacio (pulsa enter) sobre tu imagen. Luego, escribe un pequeño mensaje de enlace aquí, algo como "¿Quién está detrás de este sitio?" o incluso simplemente "Acerca de mí". Ser creativo.
Agregue una breve descripción de 3-4 oraciones para intrigar al lector. Al final de este bloque de texto, escriba una oración como "Obtenga más información aquí" y haga un enlace a su página actual Acerca de.
Estilo de su mensaje
Ahora ve el Pestaña visual. Centra tu texto. Cuando vuelvas a HTML, notarás que WordPress escribió algún código para ti, en forma de "estilo p". Esta es la belleza de crear widgets en el nuevo editor de publicaciones; WordPress autowrite los códigos para usted! A continuación, simplemente agregue algunos CSS básicos!
Crea algo como esto:
TU MENSAJE
Asegúrate de cerrar el estilo p con un
Y agrega cualquier otro CSS que puedas imaginar o que necesites. ¿No sabes CSS? Simplemente busque en Google "código CSS para ____" y en el espacio en blanco ponga lo que está tratando de hacer. Luego copia y pega el estilo p. Colóquelo alrededor de su mensaje de bloque de texto debajo de la imagen. Déle el estilo que desee y ciérrelo. Si olvida cerrar un estilo p, no es gran cosa. El estilo se aplicará a más texto que desee, pero todos cometen este error al menos una vez..
Usar codigos poner en cursiva y para poner en negrita su texto, y recuerde cerrarlos también.
Hemos terminado de crear, por ahora, y es hora de que comience la diversión.
Coloque su trabajo en la barra lateral
En la pestaña HTML, copia y pega todo lo que creaste. Ve a la Apariencia, pestaña Widgets, y arrastre un widget de texto en blanco en su barra lateral. Pega tu código. Luego haz clic en Guardar y haz clic en la página de inicio de tu blog. Cómo se ve?
Casi seguro que quieres hacer algunas modificaciones aquí. Es posible que la imagen no esté en tamaño o que las fuentes no se muestren como usted imaginó, pero no se preocupe, puede editar todo esto directamente en el widget Texto, o mejor aún, en su nuevo editor de publicaciones, donde puede previsualizar los cambios. más fácilmente.
Características de estilo divertido y otras adiciones
CSS realmente es un juego divertido. Aquí hay algunas maneras de hacer que esta sección Acerca de mí realmente se destaque..
- Usa colores exóticos.
- Use un borde punteado o de color.
- Coloque un formulario de "Opt In" justo debajo de su texto. Yo uso Aweber para estos.
- Añade enlaces a los lugares donde se destacó tu trabajo..
- Tirar en una broma, o ser misterioso.
Video Tutorial
También puede ver el video tutorial para esta publicación como se muestra a continuación o en YouTube.
Que sigue?
Ahora que tiene una sección básica Acerca de mí y Acerca de mí, vaya a otros blogs para ver qué estrategias y diseños funcionan para ellos. Toma algunas notas. Luego, investiga un poco más sobre tus propios lectores..
Adapte su Acerca de mí exactamente a lo que quieren sus lectores, y eventualmente comenzará a ver más lectores, comentaristas y suscriptores leales. Ponte en la barra lateral y al final vale la pena..
Nota del editor: Esta publicación está escrita por Greg narayan para Hongkiat.com. Greg es un chico de Nueva York de 25 años que responde a unas 150 preguntas del blog antes del desayuno..
