http://www.todopcsymas.foroactivo.com.es | Foro de informática e internet | version 1. beta
Regístrate en todopcsymas para acceder a todo el contenido


Todopcsymas foro de informática a internet | Nueva generación de informáticos | Contamos con los mejores programadores, diseñadores e informáticos del momento | Tutoriales, programas, consejos, noticias, actualidad, programación y mucho más.. 100 % legal
 
ÍndicePortalCalendarioFAQMiembrosGrupos de UsuariosRegistrarseConectarse
Últimos temas
» Tutorial - instalar foro phpbb3 completamente desde 0
Mar Mar 17, 2009 10:15 pm por j.garcia2

» Firefox 3.0.7 , actualizacion de seguridad y estabilidad
Mar Mar 17, 2009 6:09 am por deimy

» Tutorial de creación de páginas web con Dreamweaver CS3
Lun Mar 16, 2009 8:29 pm por j.garcia2

» Tutorial - 99 formas de acelerar un ordenador
Lun Mar 16, 2009 8:24 pm por j.garcia2

» ¿Que debes hacer para afiliarte a todopcsymas?
Lun Mar 16, 2009 8:02 pm por j.garcia2

» Muy buenas a todos
Lun Mar 16, 2009 7:54 pm por j.garcia2

» Damos puestos de moderador
Lun Mar 16, 2009 5:47 pm por j.garcia2

» Vulnerabilidades en Google Chrome (IV)
Dom Mar 15, 2009 2:34 pm por j.garcia2

» Vulnerabilidades en Google Chrome (III)
Dom Mar 15, 2009 2:33 pm por j.garcia2

» Vulnerabilidades en Google Chrome (II)
Dom Mar 15, 2009 2:31 pm por j.garcia2

» Vulnerabilidades en Google Chrome (I)
Dom Mar 15, 2009 2:30 pm por j.garcia2

» Mi Foro de bichos
Dom Mar 15, 2009 2:22 pm por j.garcia2

» Mas de 100 links de utilidad
Dom Mar 15, 2009 4:23 am por j.garcia2

» Windows live messenger 2009
Dom Mar 15, 2009 4:15 am por j.garcia2

» Creador de nicks
Dom Mar 15, 2009 4:12 am por j.garcia2

» Winamp portable
Dom Mar 15, 2009 3:52 am por j.garcia2

» FIreworks portable muy bueno ;)
Dom Mar 15, 2009 3:50 am por j.garcia2

» ¿Que es visual basic o para que sirve?
Dom Mar 15, 2009 3:26 am por j.garcia2

» Tutoriales c++ gracias a linkgl
Dom Mar 15, 2009 3:25 am por j.garcia2

» C ++ [INTRODUCCION]
Dom Mar 15, 2009 3:23 am por j.garcia2

¿Quién está en línea?
En total hay 4 usuarios en línea: 0 Registrados, 0 Ocultos y 4 Invitados

Ninguno

La mayor cantidad de usuarios en línea fue 41 el Miér Ene 15, 2014 1:51 pm.
Estadísticas
Tenemos 432 miembros registrados.
El último usuario registrado es deimy.

Nuestros miembros han publicado un total de 1803 mensajes en 623 argumentos.
Mejores posteadores
j.garcia2
 
Cristhian
 
Lana
 
pabluc
 
meson21
 
chema93mx
 
petropuchas
 
davidamc
 
ignacio34
 
Gaston
 
Palabras claves
Conectarse
Nombre de Usuario:
Contraseña:
Entrar automáticamente en cada visita: 
:: Recuperar mi contraseña
Buscar
 
 

Resultados por:
 
Rechercher Búsqueda avanzada
Sondeo
Julio 2018
LunMarMiérJueVieSábDom
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
CalendarioCalendario

Comparte | 
 

 Crear un theme para wordpress parte 3

Ir abajo 
AutorMensaje
j.garcia2
Admin
Admin
avatar

Cantidad de envíos : 742
Edad : 27
Localización : Madrid - España
Puntos : 9
Reputación : 0
Fecha de inscripción : 04/06/2008

MensajeTema: Crear un theme para wordpress parte 3   Sáb Jul 26, 2008 5:23 pm

Bueno, despues de toda la preparación, creo que es momento de ir poniendonos manos a la obra, ya tenemos bastante información para conseguir nuestra misión de montar un theme para wordpress.
Vamos a explicar como montar una estructura simple sobre la cual
trabajaremos, yo recomiendo montarlo todo en un fichero y luego cuando
ya este listo separarlo en varios para separar claramente las secciones.

Estructura simple de un theme
Principalmente tenemos que diferenciar claramente 4 secciones en la
web (luego el gusto de cada uno llevará a modificar o suprimir algunas
de ellas).

  1. Header, cabecera
  2. Sidebar, barra de herramientas
  3. Content , contenido central
  4. Footer, pie del theme

Un poco de código.



CABECERA

MENU

CONTENIDO

PIE




esta forma tenemos montada una estructura bastante personalizable
con div’s que mediante CSS iremos montando para darle la forma que
deseamos. Usaremos un div llamado page, que nos englobará al demás para
hacerlo centrado. A mi me gustan más los themes centrados y con un
tamaño de 740px (más o menos) por que permiten la correcta
visualización en resoluciones de pantalla de casi cualquier tipo (no
640×480).
Luego diferenciamos cada sección de la web con un div que albergará
una serie de elementos con el fin de formar cada sección con un aspecto
personalizado.
Ahora con un fichero css, daremos forma a las secciones de la web, para ello tenemos el fichero style.css.
En la cabecera del fichero es donde tendremos los datos de nuestro theme que aparecerán en el menu administrador.

/*
Theme Name: Nombre del Theme
Theme URI: URL del theme
Version: Version del theme
Author: Nombre del autor
Author URI: URL del autor */

Estas deben ser las primeras líneas del fichero ya que sin ellas el
theme no será valido y por lo tanto descartado por Wordpress.

#page {
width:720px;
border:3px red solid; }
#header {
height:75px;
border: 3px green solid; }
#sidebar {
float:right; // Si queremos el menu a la izquierda basta con usar left para desplazar el menu a la #izquierda.
width:200px;
border: 3px #FFCC00 solid; }
content {
border: 3px #CCFF00 solid; }
#footer {
border: 3px #00CCFF solid; }

Ejemplo de como queda.
Volver arriba Ir abajo
Ver perfil de usuario
 
Crear un theme para wordpress parte 3
Volver arriba 
Página 1 de 1.
 Temas similares
-
» Crear un tema para poner foros decorados para la navidad
» [Templates] Crear un link para las normas del ChatBox
» Peticiones para ser parte del staff
» Se Puede Crear Un Portal Para Rangos o ( Algo Parecido )
» Como crear un estilo para phpBB3

Permisos de este foro:No puedes responder a temas en este foro.
http://www.todopcsymas.foroactivo.com.es | Foro de informática e internet | version 1. beta :: Tutoriales - Manuales :: Tutoriales wordpress y blogger-
Cambiar a: