Como hacer una página estática fácilmente

como-hacer-pagina-estatica


Desde hace tiempo habia querido hacer algunas paginas de mi blog un poco más profesional.
Había querido hacer unas página estáticas, pero con el poco tiempo que últimamente he tenido, no me alcanza para ponerme a retocar mi plantilla.
Las páginas estáticas son; (Según Google) Páginas web donde el contenido no son editables. La información permanece fija en un 95 % de la veces pudiéndose hacer pequeñas modificaciones de contenido por parte del desarrollador web. Este tipo de páginas es más bien para el tipo de sitios web institucionales.
Donde el contenido no es editable? Como? no hay manera de editarla una vez hecho el cambio?
Afortunadamente encontré una manera muy fácil de hacer algunas páginas estáticas y lo mejor es que tú podrás hacerle cambios cuantas veces te de la gana. Sin necesidad de consultar a un programador.
Unas de las ventajas de estas páginas estáticas es que dan a tu blog un poco más de profesionalismo, eliminando el sidebar y haciendo que el lector se enfoque solamente en el contenido.
Estas páginas las puedes asignar por ejemplo a tus pestañas de Sobre Mí, Tienda en línea, Información de contacto, Pagina de Media, Landing pages o Paginas de Inicio, etc.
No me extiendo más que seguro quieres saber como se hace. Vamos al rollo.
Es super facil, solo necesitaras copiar y pegar el codigo que te voy a dar al final del post. Solo sera necesario hacer dos modificaciones, para ajustar las medidas del post a la pantalla.

Una vez selecciones página nueva o editar página, da a vista HTML y pega el siguiente codigo.
<style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }
</style>
Lo que está marcado en amarillo son los valores que podrás modificar para ajustar el ancho.
Actualizacion: Si quieres eliminar el titulo solo tienes que pegar el sigueinte codigo justo antes del ultimo </style> .post-title, .post-labels, post-icons, post-author {display:none!important;}
Ahora puedes seguir agregando lo que quieras a tu página. Guarda cambios y listo. ya tienes página estática.
Para hacer cualquier modificación solo necesitaras regresar a la misma página y hacer los cambios que quieras.Aqui puedes ver como quedo mi Pagina de Sobre mi.
Que te ha parecido, muy facil verdad? si tienes alguna duda o pregunta no dudes en dejar tu comentario.
Bye. Taina.

Fuente: este post proviene de Blog de CYeyas, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Esta publicación está dirigida a un público de adultos mayores de 21 años. Esta campaña ha sido compensada por Collective Bias, Inc. y su anunciante. Todas las opiniones son solo mías. #SutterHomeSwee ...

Esta campaña ha sido compensada for Collective Bias, Inc. y su anunciante. Todas las opiniones son solo mias. Este contenido es para lectores de mayores de 21 años. #40DaysOfFlavor Si nunca has proba ...

Etiquetas: TutorialesBlogging

Recomendamos

Relacionado

Uncategorized Apariencia Blogger ...

Como añadir más páginas a tus post para que no sean tan largos y baje la tasa de rebote. Vamos a añadir más páginas a tus entradas de wordpress con un tip rápido que te vendrá muy bien si tienes post largos, además es una manera de hacer que nuestro contenido sea más ligero visualmente y para los usuarios de móviles les vendrá bien que el post no sea excesivamente largo. ¿Por qué separar un post e ...

Blog diseño web Diseño web madrid ...

¿Cómo hacer una página web? Las páginas web, se basan en patrones básicos para iniciar, primero hay que planificar como va estructurada la página, esto a través del lenguaje de etiquetas (HTML5), darle la pinta a la página basada en hojas de estilos (CSS3) como inicio, algo simple. Esto no es solo elementos con tags de HTML5, ni con atributos de las CSS3, pero es lo básico, de esta manera debes op ...

Herramientas Redes sociales Uncategorized ...

Como analizar una página de Facebook con Likealizer para mejorarla En este post vamos a aprender a analizar una página de Facebook con una herramienta gratuita que nos va a ayudar a mejorar nuestro alcance en Facebook,  encontrar fallos, corregir cosas mejorables y a poner nuestra fanpage al día. Las páginas de Facebook hay que optimizarlas porque dependiendo de su valía así Facebook las cataloga, ...

Programacion css programacion ...

¿Creamos una página web con HTML y CSS y que sea chula?, que mole, que entres y digas… Dios es la página de las páginas. Cómo programar una web en html5 y css Pues ya vimos cómo podemos crear nuestra web con HTML5 y CSS, pero si es cierto que aunque bonita le falta ese punto de dinamismo, ese movimiento en la página que le haga estar viva. Crear un dinamismo con CSS Pues sí querido lector (c ...

Todo SEO

Como siempre quiero hacer un post muy práctico, esta vez será sobre PBNs. No hay ninguna información gratuita que explique bien como montar una PBN sin volverte loco de una forma barata y rápida. Para quien no lo sepa voy a explicar primero que es una PBN y para que sirve. ¿Qué es una PBN? Una PBN (Private Blog Network) o red privada de blogs, como su propio nombre indica, es una red de blogs que ...

Marketing Uncategorized landing pages ...

Qué son las landing pages y como hacer una irresistible Las landing pages son imprescindibles si tu blog está enfocado a un servicio, producto, cursos o representa a un negocio, además de que ayudan mejor a vender cumplen la misión de ayudarte a guiar a los visitantes por el embudo de ventas. Antes de seguir debes saber que son muy prácticas y aunque son complemento del blog no debes subestimar, e ...