Diseño de sitios web | Tutoriales | Diseño de paginas web Reynosa

El día de ayer mientras finalizaba el diseño de la plantilla de wordpress a usar en el sitio de un cliente, me tope con un ligero problema, la pagina inicial o portada necesitaba, por cuestiones esteticas, ser diferente del resto del sitio. Así que me di a la tarea de investigar las opciones que tenia para personalizar esta pagina inicial de manera que tambien fuera administrada por el mismo sistema wordpress. Aquí los detalles para que tambien puedas usarlo en tu propia instalación de WP.

Nota: El resultado de este metodo tambien puedes usarlo para crear diversos tipos de plantilla para tu sitio WP (por ejemplo, diferente plantilla por categoria.)

Diseña en html de manera normal (con lo que sea que uses para diseñar, p.ej. dreamweaver, kompozer, notepad, etc) la pagina que planeas usar para la Inicio o portada de tu sitio o para dada categoria si es el caso. En el caso especifico que se me presento use un diseño diferente al resto de la plantilla normal de wordpress que use en ese sitio por tanto también use de su propia hoja de externa estilos CSS e imagenes diferentes.

Al finalizar tu diseño inserta el siguiente codigo en la parte superior de tu pagina personalizada antes de la etiqueta <html>

<?php /* Template Name: ejemplo123
*/ ?>

sustituyendo “ejemplo123″ por el nombre que quieras para tu pagina personalizada .

Si tambien usaste una hoja de estilos externa la manera de insertarla es diferente que en html para eso utiliza el siguiente codigo despues de la etiqueta <head> y antes de </head>

<style type="text/css" media="screen">
@import url( <?php bloginfo('template_url'); ?>/ejemplo123.css );
</style>

Sustituyendo la url del ejemplo por tu la ubicacion y el nombre correcto de tu archivo css

Adicionalmente deseas insertar una archivo que contenga el javascript usado en tu pagina (para los menus por ejemplo), apunta a tal archivo con el siguiente codigo de la misma manera insertandolo despues de <head> y antes de </head>

<script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/ejemplo123.js”></script>

Claro cambia el nombre del ejemplo por el nombre de tu propio archivo.

Una vez bien codificada tu pagina personalizada renombrala a lo que tu desees pero cuida que el nombre no sea index o page (provocaria un caos en tu tema porque esas paginas ya existen) y cambia la extensión .html o .htm por la extensión .php Por ejemplo si tu archivo se llama “ejemplo.html” renombralo a “ejemplo.php” (sin las comillas por supuesto

Ahora si estas listo para subir tu pagina personalizada a tu tema usado en wordpress. Para accede a la instalación de tu wordpress usando FTP o el navegador de archivos de tu panel de alojamiento web y dirigete a la carpeta “themes” en tu instalación de WP y a continuación selecciona la carpeta del tema que vas a usar para insertar esta pagina personalizada, sube tu archivo php y estas listo para empezar a usar la nueva plantilla en tu sitio.

Para esto ve al dashboard o escritorio de tu instalación WP y crea una nueva pagina, ponle el titulo que desees y deja el contenido en blanco, dirigete a la parte inferior derecha de tu escritorio WP y presiona el selector que dice “Usar plantilla” a continuación selecciona tu nueva plantilla (el nombre que le hayas dado) publicala se feliz con tu nueva pagina personalizada en tu wordpress.

Diseño de paginas web Reynosa | Hospedaje y Correos Incluidos

Como insertar plantilla personalizada en un tema wordpress

Categorias

Ultimos Tweets

Diseño de paginas web Reynosa | Hospedaje y Correos Incluidos

Como insertar plantilla personalizada en un tema wordpress

Patrocinados

Categorias

Ultimos Tweets