{"id":1238,"date":"2013-07-22T13:48:22","date_gmt":"2013-07-22T03:48:22","guid":{"rendered":"http:\/\/mbrsolution.com\/es\/?p=1238"},"modified":"2017-05-04T11:04:30","modified_gmt":"2017-05-04T01:04:30","slug":"estructura-del-tema-suffusion","status":"publish","type":"post","link":"https:\/\/mbrsolution.com\/es\/tutorial\/estructura-del-tema-suffusion\/","title":{"rendered":"Estructura Del Tema Suffusion"},"content":{"rendered":"

En este tutorial vamos a ver la estructura del tema Suffusion y al mismo tiempo conocer los dise\u00f1os de p\u00e1ginas web m\u00e1s utilizados.<\/p>\n

Los dise\u00f1os que ves a continuaci\u00f3n se basan en una imagen de la cabecera del siguiente tama\u00f1o 1000px x 204px<\/strong>.<\/p>\n

Vamos a mirar a los dise\u00f1os m\u00e1s comunes. Ver siguientes im\u00e1genes:<\/p>\n

Dise\u00f1o 1:<\/strong> Cabecera, barra lateral izquierda, el contenido, la barra lateral derecha y el pie de la pagina.<\/p>\n

\"izquierda-contenido-derecha\"<\/p>\n

Dise\u00f1o 2:<\/strong> Cabecera, 2 barras laterales en el lado izquierdo, contenido y el pie de p\u00e1gina.<\/p>\n

\"2barras-izquierda-contenido\"<\/p>\n

Dise\u00f1o 3:<\/strong> Cabecera, contenido y pie de la p\u00e1gina<\/p>\n

\"tema-suffusion-contenido\"<\/p>\n

Dise\u00f1o 4:<\/strong> Cabecera, contenido, 1 barra lateral del lado derecho y el pie de la pagina.<\/p>\n

\"contenido-1barra-derecha\"<\/p>\n

Dise\u00f1o\u00a05:<\/strong> Cabecera, contenido, 2 barras laterales del lado derecho y el pie de la pagina. Nota como una barra lateral es m\u00e1s grande que el otra.<\/p>\n

\"contenido-2barras-derecha\"<\/p>\n

Paso 1:<\/strong> Ingresar a su cuenta de administrador y vaya a Apariencia >> Suffusion Options >> Layouts >> Default Sidebar layout<\/strong>. Ver la siguiente imagen:<\/p>\n

\"suffusion-Dise\u00f1o\"<\/p>\n

Paso 2:<\/strong> Configure las barras laterales y la posici\u00f3n. Tienes 3 opciones, barras laterales 0, 1 o 2 barras laterales y fijar la posici\u00f3n. Ver la siguiente imagen:<\/p>\n

\"configuracion-normal\"<\/p>\n

Paso 3:<\/strong> El Ancho del dise\u00f1o de la p\u00e1gina. Aqu\u00ed puedes elegir entre el tema y el margen de los elementos predeterminados o tama\u00f1os y m\u00e1rgenes personalizados. En Custom sizes and margins<\/strong>, \u00abDise\u00f1os Personalizados\u00bb tienes 2 opciones, tama\u00f1o fijo o el tama\u00f1o fluido. Para este tutorial he escogido el tama\u00f1o personalizado y el ancho flexible e fluido. Ver la siguiente imagen:<\/p>\n

\"anchura\"<\/p>\n

Paso 4:<\/strong> La Configuraci\u00f3n del ancho fluido para su sitio web. Esta parte es importante debido a su cabecera. Si se aumenta el ancho m\u00e1ximo y es m\u00e1s grande que la imagen de la cabecera, te dar\u00e1s cuenta porque la imagen se achicara o sera muy grande. As\u00ed que pon mucha atenci\u00f3n a la selecci\u00f3n que elijas. Ver la siguiente imagen:<\/p>\n

\"configuracion-fluido\"<\/p>\n

Paso 5:<\/strong> Esta configuraci\u00f3n es obvio, se ajusta el tama\u00f1o de las barras laterales. Si tienes 2 barras laterales y sabes que una barra lateral tendr\u00e1 un tama\u00f1o diferente a la otra, es aqu\u00ed donde puedes configurar el tama\u00f1o de las barras laterales. Ver la siguiente imagen:<\/p>\n

\"configuracion-barra-lateral\"<\/p>\n

Sugerencia: Depurar de nuevo el tema y volver a comenzar si no estas satisfecho con la configuraci\u00f3n.<\/strong><\/em><\/p>\n

Hay m\u00e1s opciones que puedes cambiar de acuerdo a tu gusto. Este tutorial te ayudara con la estructura de tu blog o pagina web.<\/p>\n

Si tienes alguna pregunta, por favor deje un comentario o mandeme un mensaje.<\/p>\n

Volver para m\u00e1s tutoriales de Suffusion, suerte :)<\/p>\n","protected":false},"excerpt":{"rendered":"

En este tutorial vamos a ver la estructura del tema Suffusion y al mismo tiempo conocer los dise\u00f1os de p\u00e1ginas web m\u00e1s utilizados. Los dise\u00f1os que ves a continuaci\u00f3n se basan en una imagen de la cabecera del siguiente tama\u00f1o 1000px x 204px. Vamos a mirar a los dise\u00f1os m\u00e1s comunes. Ver siguientes im\u00e1genes: Dise\u00f1o […]<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[94,95,11],"tags":[59,112,113],"class_list":["post-1238","post","type-post","status-publish","format-standard","hentry","category-suffusion","category-tema","category-tutorial","tag-disenos-web","tag-suffusion","tag-tema","category-94-id","category-95-id","category-11-id","post-seq-1","post-parity-odd","meta-position-corners","fix"],"_links":{"self":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts\/1238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/comments?post=1238"}],"version-history":[{"count":0,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts\/1238\/revisions"}],"wp:attachment":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/media?parent=1238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/categories?post=1238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/tags?post=1238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}