Curso Wordpress con Genesis (parte2) - Josu Eizagirre-Diseño web-tutoriales-gratuitos

Curso WordPress con Genesis (parte2)

Seguimos con el curso de wordpress con Genesis, hasta ahora hemos visto como escoger nuestro dominio y contratar un buen hosting en español.

Como crear un blog paso a paso

 

 

INSTALANDO EL FRAMEWORK GENESIS

En esta segunda parte del curso nos centraremos en la instalación del Framework Genesis + un child theme, en mi caso voy a utilizar el “metro-pro“, al ser este el yo utilizo en mi blog 🙂

Por otra parte veremos como configurar las opciones generales y como se crean entradas, páginas y el menu principal junto al logo de nuestra web o blog.


 

Empezamos…

 

Lo primero iremos al panel de administración de Webempresa:

1

 

Y escogemos  arriba la opción Servicios-Mis productos.

Una vez dentro clickamos en ver detalles:

2

 

Por ultimo escogemos la opción “ingresar a cpanel” y entramos dentro del panel de administración como os enseñaba también en la primera parte del curso en este vídeotutorial :

4

 

Dentro del cpanel vemos que tenemos unos cuantos pack que webempresa nos pone a nuestro alcance para instalarlos en solo varios clicks (wordpress, joomla, prestashop) el que ahora mismo nos interesa es el de wordpress y para ello damos click en “ver mas” :

Imagen 5

 

Y de entre todas opciones escogemos este y clickamos encima:

6

 

Una vez dentro, le damos click en “instalar esta aplicación”:

7

 

 

Y configuramos todo de esta forma:

8

 

10

11

 

Con esto tenemos instalado wordpress con nuestro propio dominio y listo para empezar!!

Ahora vamos a instalar el framework genesis + Child theme (metro pro).

Para ello entraremos al panel de administración de wordpress, escribiendo en nuestro navegador nuestro dominio +

/wp-admin

ejemplo: www.elblogdejosu/wp-admin

 

Veremos algo tal cual:

 

12

 

Insertamos el usuario y password que anteriormente hemos creado en nuestro hosting webempresa y entramos:

13

 

Para instalar nuestras plantillas de framework genesis vamos a Apariencia-temas:

14

 

Y vemos que tenemos unos temas gratuitos pre-instalados, nosotros queremos instalar el mejor tema que no es otro que framework genesis  que previamente lo hemos comprado para ello vamos a temas-añadir nuevo:

15

 

A continuación seleccionamos el .zip genesis y damos click en “instalar ahora“:

17

 

Clickamos en activar:

 

18

 

Con esto tenemos el framework genesis instalado y totalmente funcional pero como os explicaba en este post es mucho mejor instalar un child theme para no perdernos ningún cambio cuando toque actualizar 🙂

Para ello el proceso es totalmente igual subimos nuestro .zip con el child theme y la activamos:

 

20

 

Con esto ya tenemos nuestro blog en funcionamiento con el mejor framework, ahora empieza lo bueno vamos a configurar todas las opciones generales y aprenderemos a crear entradas, páginas, logo y el menu principal.

 


 

CONFIGURANDO NUESTRO GENESIS

Vamos a ver:

  • Opciones generales de Genesis.
  • Como poner tu logo.
  • Como crear entradas, páginas.
  • Como crear un menu principal.

 

 

 OPCIONES GENERALES GENESIS:

Vemos como ahora nos aparecen más opciones en concreto uno llamado Genesis en el menu lateral:

21

 

Clickamos en Genesis-theme settings: (más adelante veremos como poner esto en castellano):

23

 

A continuación:

25

Escogemos como queremos que se distribuyan los margenes en nuestro blog, yo lo dejaria con la primera opción activada 🙂

Como veremos después esa distribución es totalmente modificable a nivel de cada página o entrada.

Los breadcrumbs o migas de pan, consisten en poner en todas las pantallas, y uno tras otro los títulos de menú, marcando la ruta desde la pantalla inicial de la página web hasta llegar a la que se está viendo, incluyendo el enlace hacia todas aquellas pantallas, en mi caso no los tengo activadas.

 

Los comentarios te aconsejo activar solo en los post, en las páginas no le veo mucho sentido pero como tu veas, y trackbacks yo no los activo.

26

 

Lo siguiente para nuestro blog será escoger como se visualizarán los post, todo el contenido o mostrar solo extracto, yo personalmente os aconsejo post excerpts (mostrar extracto) y featured image activado para que muestre la imagen destacada y en navegación numérico o estilo “siguiente” eso ya a vuestro gusto.(Eso aparecerá debajo de las entradas del blog para que el visitante puede moverse entre los contenidos que tengas creado)

30png

 

 

Por ultimo en este apartado:

40

Activamos “all categories” para que salgan todos los post de todas las categorías y en número de post a enseñar le ponéis la cantidad que veáis oportuna, yo tengo puesto que salgan 10.

Bien una vez configurado la opciones de Genesis, vamos a meternos a configurar  opciones generales de wordpress para ello vamos a “Ajustes” y veremos algo así:

41

 

Engenerales”: 

42

 

 

50

 

51

 

 

 

En “escritura”:

60

Activamos esas opciones al ser importantes.

 

 

En “lectura”:

70

 

En “comentarios”:

80

 

90

 

Tengo activadas esas opciones,importante que este activado la opción para aprobarse manualmente los comentarios todo lo demás puedes configurar a tu gusto. 🙂

 

 

En “medios” cambio nada lo dejo como viene:

100

 

En “enlaces permanentes”  ponemos de esta forma:

200

Importante activar nombre entrada de esta forma cuando creemos un post o página nueva aparecerá de esa forma mucho más amigable en el navegador.

 


 

 

En este punto del curso tenemos configuradas las opciones generales de Genesis y ahora vamos a colocar nuestro logo en la cabecera.

Como vaís a ver es una tarea sencilla aunque el unico problema que nos puede surgir es con el tamaño al ser un poco restrictivos el child theme metro pro en este aspecto.

Vamos a Apariencia-Cabecera:

300

 

400

 

1000

 

 

Vamos a respetar las medidas que nos propone => 270 x 80.

Si hacemos de esta forma no vamos a tener ningún problema. 🙂

En mi caso voy a subir un logo que he creado en photoshop y nos quedará de esta forma:

600

 


 

COMO CREAR ENTRADAS Y PÁGINAS:

Esta parte es muy fácil solo tenemos que ir al menú y clickamos en “entradas-añadir nueva”:

302

Dentro de la ventana de edición del post vemos esto:

303

 

Podemos insertar:

  • Texto (utilizar negritas, cursiva, lista con viñetas y numeradas,insertar/editar enlaces, diferentes colores…)
  • Fotos
  • Vídeos
  • Modificar el enlace permanente.
  • Guardar el post como borrador por si no quieres publicarlo aún.
  • Obtener vista previa para ver como ha quedado.
  • Finalmente publicarlo.

La única cosa que nos aparecerá aquí y no en la edición de páginas va a ser esto:

 

405

Podemos añadir categorías a las entradas, para agruparlas y aparte podemos crear etiquetas para ellas.


 

Hacemos lo mismo con las páginas, vamos a páginas-añadir nueva:

402

 

Todo lo demás es igual en la páginas menos esta parte:

404

 

En las páginas nos sale esta opción para poder elegir diferentes plantillas, puedes hacer que una página concreta que has creado se convierta en landing (por ejemplo una página de bienvenida) o por ejemplo la opción que seguro utilizaremos si queremos montar un blog, escogemos la opción blog y desde ese momento entenderá que ese pagína hace de blog y aparecerán las ultimas entradas ahí.

 


 

 COMO CREAR UN MENU PRINCIPAL:

Para acabar esta segunda parte del curso de wordpress con Genesis os voy a explicar como crear un menu principal con nuestro wordpress+ metro pro.

Vamos a Apariencia-menús:

407

 

Y vemos esto:

409

Ponemos un nombre a nuestro menú y damos click en crear menú:

56

 

Pero vemos que nos falta algo para completar nuestro menú, tildamos la casilla de navegación primaria y ahora necesitamos crear páginas para poder insertar en el menú principal, vamos a páginas y creamos unas cuantas:

 

wordpress con genesis

 

Hemos creado estas páginas:

  • Blog
  • Quien soy
  • Mis cursos
  • Contacto
  • Página de ejemplo (se crea sola)

Le damos a la opción de “Añadir al menu” y nos sale esto:

wordpress genesis

 

Clickamos arriba a la derecha en Guardar menú y nuestro blog quedará de esta forma:

wordpress genesis curso

 

Como veis va cogiendo forma nuestro proyecto 🙂

Para acabar os voy a enseñar como hacer submenús:

 789

Simplemente es coger un elemento y arrastrarlo (drag and drop) debajo de la opción que queramos, guardamos el menú y nos quedaría así:

genesis framework

 

Nos vemos en la tercera parte de este curso de wordpress con genesis donde explicaré como configurar el sidebar, que son los plugins y widget y como nos hacen la vida más fácil, tambíen veremos como ser amiguetes de google al indexar nuestro proyecto de cara a su buscador y configurar Google Analytics. No os lo perdáis!!  🙂

 

 

IR A LA TERCERA PARTE

 

Si deseas contratar el mejor hosting  para tu blog, web o tienda online no lo dudes,  entra desde AQUÍ  y obtendrás un descuento del 20%  en el plan que escojas, aprovecha mi cupón descuento => gracias20

 

Si quieres recibir un pdf totalmente gratuito con consejos sobre como montar una tienda en internet suscríbete a mi newsletter, te esperan regalos muy chulos,prometido. 🙂

Curso WordPress con Genesis (parte2)
5 (100%) 50 votes
The following two tabs change content below.
Me llamo Josu y soy un Informático apasionado con todo lo relacionado con Internet y la tecnología. Actualmente ayudando a emprendedores e inconformistas a crear y monetizar su presencia en internet, a través de webs o tiendas online totalmente personalizadas y optimizadas. Enamorado de Wordpress y todo lo que tenga que ver con las formas de monetizar un proyecto web.

COMENTARIOS DE ESTE ARTÍCULO:

2 comentarios
Arturo Garcia Dice 2015-05-19

Muy buena la serie sobre el framework de Genesis Josu, clara y amena 🙂

A seguir así!

Contestar
    Josu Eizagirre Dice 2015-05-19

    Gracias Arturo
    Se agradece mucho tu comentario al ser tu un referente mio en todo lo
    relacionado con el mundo blogger por lo bien que lo estas haciendo todo 🙂

    No me habrás ayudado ni nada en tu blog con todas mis dudas
    saludos compañero

    Contestar
COMENTAR