Share
Muchos posibles blogueros se sienten intimidados a la inacción por la percepción de que crear y administrar un blog es demasiado desafiante desde el punto de vista técnico. Si te consideras entre ese grupo, entonces esta publicación es para ti..
En realidad, el hecho de que esté leyendo esto es casi seguro que lo califica para crear un sitio web. Necesita poco más que un nivel básico de conocimientos informáticos para aprender lo que es necesario para crear y mantener su propio blog. Se acabaron los días en que necesitó ensuciarse las manos con código como HTML y CSS para crear su propio rincón en la web, aunque estas habilidades son ciertamente útiles en muchas aplicaciones, ya no son una necesidad..
Cuando se trata de crear un blog., Todo lo que necesitas es una buena idea y unas pocas horas de tu tiempo. (o incluso menos) para ponerse en marcha. Además, con una enorme selección de marcos temáticos altamente personalizables para elegir, puede crear un sitio web de aspecto profesional en poco tiempo con relativa facilidad. Las siguientes tres publicaciones de esta serie sobre la creación de un blog de autoridad exitosa se centrarán en los aspectos básicos de la creación de su propio blog, y esta publicación se centrará específicamente en cómo crear un diseño único para su sitio web. Empecemos!
Desde hace unos quince años, solía crear sitios web codificándolos manualmente en el Bloc de notas de Microsoft y subiendo cada página HTML a través de FTP. No fue facil Pero adelanto a 2013 y Crear su propio sitio web no puede ser un proceso más complicado que utilizar un procesador de textos..
Para su sitio web, vamos a utilizar el sistema de gestión de contenido más popular del mundo: WordPress. Más específicamente, vamos a utilizar WordPress auto alojado.
Pero antes de continuar, vamos a abordar las preguntas elementales. En primer lugar, ¿qué es un Sistema de Gestión de Contenido (o CMS)? Wikipedia lo define de la siguiente manera:
Un programa informático que permite publicar, editar y modificar contenido, así como el mantenimiento desde una interfaz central..
En pocas palabras, Es para diseñar sitios web lo que Microsoft Word es para crear documentos.. Crea un marco desde el cual puede lanzar un sitio web con el clic de un botón. Además, le permite alterar y mejorar drásticamente el diseño y la funcionalidad de su sitio web con facilidad. En resumen, es impresionante y es (en mi humilde opinión) la mejor opción para nuestros propósitos..
Pero, ¿por qué utilizar WordPress alojado en su lugar, WordPress.com? Bueno, no está dentro del alcance de este artículo entrar en detalles en ese frente, especialmente cuando se han escrito tantos artículos sobre el tema anteriormente. Aquí está mi favorito sobre el tema si quieres educarte a ti mismo. Una de las principales ventajas del auto hosting es que le permite personalizar ampliamente la configuración de WordPress. Cógelo de mi -- WordPress auto alojado es la opción correcta para crear un blog de autoridad.
Si necesita instrucciones sobre cómo comprar un nombre de dominio, hospedaje y configuración de WordPress, mire este video en el que le muestro cómo hacerlo en solo unos minutos. Es un trozo de tarta.
Cuando instala WordPress, viene empaquetado con algunos temas predeterminados gratuitos, como Twenty Twelve. Mientras tu puede Comience a bloguear de inmediato con uno de estos temas., instalar un tema premium puede marcar la diferencia al brindar una experiencia más única y agradable para los visitantes de su sitio. Tampoco tiene que romper el banco: el tema que le voy a recomendar cuesta solo $ 60 y ofrece un diseño y una flexibilidad asombrosos..
Me refiero al marco Canvas, que considero el mejor marco temático premium disponible para WordPress. Tampoco estoy pagando por el servicio de labios: uso Canvas para los blogs de autoridad que poseo; más notablemente dejando el trabajo atrás:
Puedes comprar Canvas directamente desde Themeforest. Viene empaquetado con instrucciones de instalación completas, no es probable que necesite mucha ayuda en ese frente; El proceso de instalación es muy sencillo. En lo que quiero centrarme en este tutorial es cómo dar forma y moldear a Canvas para crear un diseño único para tu blog de autoridad..
Para darle una idea de la diversidad de diseño que puede crear con Canvas, aquí hay dos versiones del mismo sitio web básico:
El mismo sitio web, diferentes configuraciones dentro de Canvas. Puedes usar este tema para crear casi cualquier cosa..
Este tutorial se divide en cinco secciones, de las cuales cada una le mostrará cómo realizar modificaciones importantes en el marco de Canvas con relativa facilidad. Cada sección es independiente y no depende de las demás, así que siéntase libre de abordar la personalización de su sitio de autoridad de la forma que considere más adecuada..
Si bien hay una cantidad enorme que puede hacer en términos de personalización dentro del marco del tema de Canvas, en este tutorial nos centramos en una lista relativamente pequeña de acciones de alto impacto que puede tomar para crear un tema verdaderamente único..
Uno de los cambios más notables que puede realizar en su sitio es su diseño. En esta sección alteraremos el ancho de su sitio así como la estructura general..
Navegar a Lienzo> Opciones de tema> Estilo y diseño desde la barra lateral de WordPress. Use el control deslizante para cambiar el ancho de su sitio web (incluidas las barras laterales).
Tenga en cuenta que el ancho máximo recomendado es de 1.600 px: si va más allá, es probable que su sitio se extienda más allá del ancho de las pantallas de muchos visitantes y no se recomienda.
Como regla general, permita ~ 600px para su columna de contenido y un ~ 300px adicional para cualquier columna. Incluso si su sitio tiene dos columnas, no hay razón para que el ancho de su sitio se extienda más allá de ~ 1,200px.
En la misma pantalla, seleccione el diseño principal de su sitio..
Tienes un total de seis opciones. El primero es un diseño de columna cero (similar al blog Signal vs. Noise), y el resto son una selección de diferentes opciones de barra lateral.
El diseño del blog más popular es una única columna principal que se muestra con una columna de barra lateral, generalmente con el lugar de la barra lateral a la derecha del contenido principal. Como puede ver en la captura de pantalla anterior, ese diseño se selecciona de forma predeterminada. Si desea ir con algo más único, elija un diseño de columnas diferente, o sea incluso más audaz y vaya con un diseño de columna cero.
En la misma pantalla, seleccione las áreas del widget de pie de página de su sitio..
Los widgets de pie de página se mostrarán debajo de su contenido y se extenderán en todo el ancho de su sitio (incluidas las columnas). Son "áreas de widgets", lo que significa que puede arrastrar y soltar "widgets" prefabricados (como un cuadro de búsqueda, publicaciones recientes, publicaciones populares, etc.).
Puede tener hasta cuatro widgets de pie de página en su sitio, o ninguno en absoluto.
La incorporación de su propio logotipo y un color o imagen de fondo personalizado puede hacer su propio tema de inmediato. Afortunadamente, con el tema Canvas, hacerlo es fácil..
Si tiene dificultades gráficas (como yo), hay un montón de opciones en términos de diseños de logotipos que se adaptan a cada presupuesto. Dos lugares para encontrar diseñadores de logotipos independientes son el FreelanceSwitch Job Board y el nuevo sitio Microlancer de Envato.
Navegar a Lienzo> Opciones de tema> Inicio rápido desde la barra lateral de WordPress. Haga clic en el Subir botón debajo de Logotipo personalizado sección para subir un logo.
Navegar a Lienzo> Opciones de tema> Estilo general desde la barra lateral de WordPress. Elija un color de fondo con el selector de color.
Su sitio no lo hace necesitar tener un color de fondo, aunque tener uno es una forma fácil de diferenciar su sitio de otros.
En la misma pantalla, haga clic en el Subir botón debajo de Imagen de fondo Sección para subir una imagen de fondo. Luego usa el Repetir imagen de fondo, Posición de la imagen de fondo y Archivo adjunto de fondo opciones para asegurar que su imagen de fondo se presente de la manera correcta.
Junto con la tipografía, esta es el área en la que se puede tener el mayor impacto. Las amplias opciones de personalización de Canvas le permiten cambiar completamente la apariencia de su sitio, desde la barra de navegación hasta los widgets de la barra lateral y el pie de página..
Al seguir los pasos a continuación, encontrará varias opciones relacionadas con la tipografía. Le invitamos a experimentar con ellos en esta etapa, pero se tratarán en el cuarto y último paso de este tutorial..
Navegar a Lienzo> Opciones de tema> Navegación principal desde la barra lateral de WordPress. Se le presentarán una serie de opciones, que incluyen (pero no se limitan a):
Aunque la gran cantidad de opciones puede parecer abrumadora, cada una se explica por sí misma..
Comience por alterar los colores. Utiliza los selectores de color para definir un Color de fondo, Color del texto, Color de fondo de la libración, Color del texto del elemento actual y Color de fondo del elemento actual. Tenga en cuenta que los colores que elija deberán ser complementarios entre sí: es poco útil hacer que tanto el color de fondo como el color del texto al desplazarse se vuelvan azules (ya que el texto desaparecerá cuando pase el ratón)..
Luego edita los bordes de navegación. Define anchos de borde y colores para el Divisor, Menú desplegable borde, Borde superior, Borde inferior y Frontera izquierda / derecha. Por último, si desea que la barra de navegación tenga esquinas redondeadas, seleccione una cantidad de píxeles en la Esquinas de navegación redondeadas caja desplegable.
Navegar a Lienzo> Opciones de tema> Widgets desde la barra lateral de WordPress. Se le presentará con un conjunto de opciones similares a las del Navegacion primaria pantalla, incluyendo (pero no limitado a):
Sólo hay un color principal para alterar y ese es el Color de fondo del widget. Puede cambiar drásticamente el aspecto de los widgets de su sitio modificando el Borde del widget, Relleno de widgets y Título del widget Borde inferior. Por último, te recomiendo que configures Widget de esquinas redondeadas al mismo valor que configuraste Esquinas de navegación redondeadas En el paso anterior para demostrar la continuidad del diseño..
Navegar a Lienzo> Opciones de tema> Pie de página desde la barra lateral de WordPress. Se le presentará un conjunto de opciones casi idéntico en comparación con las que se encuentran dentro del Widgets pantalla, incluyendo (pero no limitado a):
Recomiendo que configure estas opciones de una manera que sea congruente con la configuración del widget. Selecciona el Fondo de pie de página junto con Top de borde de pie de página, Parte inferior de la frontera de pie de página, Pie de página de borde izquierdo / derecho y Pie de página esquinas redondeadas.
Para los fines de este tutorial, la tipografía se refiere a la fuente, el color y el estilo de todo el texto de su sitio, desde la navegación principal hasta el meta de la publicación. Debido a la estructura de las opciones de personalización de Canvas, las configuraciones tipográficas se encuentran dispersas en varias pantallas. Cada uno de los siguientes pasos le mostrará cómo cambiar la tipografía para cada sección distinta de su sitio web.
Navegar a Lienzo> Opciones de tema> Navegación principal desde la barra lateral de WordPress y seleccione una Estilo de fuente de navegación.
Navegar a Lienzo> Opciones de tema> Publicaciones / Páginas desde la barra lateral de WordPress. Se le presentarán una serie de opciones, que incluyen (pero no se limitan a):
Los ajustes más importantes para cambiar son Título de la publicación / página Estilo de fuente y Estilo de fuente de texto de publicación / página. Estos tendrán el efecto más dramático en términos de crear un diseño de página único.
Navegar a Lienzo> Opciones de tema> Estilo general desde la barra lateral de WordPress. Utilice los selectores de color para definir el Color de enlace y Enlace Hover Color.
Navegar a Lienzo> Opciones de tema> Widgets desde la barra lateral de WordPress.
Cambiar el Título del widget y Texto del widget.
Navegar a Lienzo> Opciones de tema> Pie de página desde su barra lateral de WordPress y cambie Estilo de fuente de pie de página.
A estas alturas, debería tener un sitio web realmente único, pero su viaje para crear un blog de autoridad exitoso está lejos de terminar..
En las siguientes dos publicaciones de esta serie, me centraré en lo que puede hacer para que su sitio sea más interesante y dinámico para los visitantes, tanto en términos de su funcionalidad como de su estructura. Después de eso, nos moveremos a la realidad esencial centrándonos en la creación y promoción de contenido excelente..
Mientras tanto, si tiene alguna pregunta o comentario, no dude en ponerse en contacto a través de la sección de comentarios a continuación.. Buena suerte!
Accentsconagua