Tecnología

Inicio

Cómo crear una plantilla personalizada en WordPress

June 27

Cómo crear una plantilla personalizada en WordPress


plantillas de WordPress son archivos que contienen el código, el estilo y los gráficos de un blog o sitio web de WordPress con alimentación propia. temas de WordPress contienen una header.php, index.php, comments.php, sidebar.php, footer.php y style.css. El estilo y la funcionalidad de cada archivo de plantilla puede ser personalizado para adaptarse a un sitio en particular. Los diseñadores también pueden crear tantos archivos de plantillas personalizadas como deseen para cada tema.

Instrucciones

1 Abrir un documento en blanco en un editor de texto y darle un nombre al archivo. WordPress requiere archivos de plantillas que se guardan con la extensión ".php". Guardarlo como "custom_page.php" por ahora. El Codex de WordPress contiene una lista de nombres de archivo reservados que no se pueden utilizar para los nombres de archivo de plantillas personalizadas. Esos nombres se guardan los archivos de plantillas predefinidas

2 Inserte el siguiente código en la página:

<? Php

/ *

Nombre de la plantilla: página personalizado

* /

?>

"Página personalizada" es el nombre del archivo, y WordPress lo llama en el panel de administración de la página con ese nombre y lo define como una plantilla. Cambiar eso a nombre de la plantilla deseada.

3 Añadir <? Php get_header (?); ?> Por debajo de la abertura de cinco líneas de código. Esto exige el <head> información contenida en el archivo "header.php".

4 Introducir el código HTML para mostrar la información de la página y el estilo. Los contenedores se definen en el style.css y se pueden copiar de otros archivos de plantilla. De acuerdo con el Codex de WordPress, los archivos de plantilla deben ser modelados después de que el "index.php". El siguiente es el código HTML básico que se utiliza en el tema de WordPress por defecto, "Twenty Ten":

<Div id = "contenedor">

&lt;div id="content">

<? Php get_template_part (loop); ?>

&lt;/div>&lt;!---content -- >

</ Div> <- contenedor ->

El div "contenedor" define el diseño de la página y el div "contenido" define dónde WordPress llama el contenido de la página. El Loop y el index.php se denominan con el "get_template_part ();" etiqueta. El Loop es el código que WordPress utiliza para visualizar el contenido generado por PHP, y "index.php", añade el diseño predeterminado que aparece en la portada del sitio. Añadir IDs adicionales, clases y PHP entre la apertura y el cierre div "contenido". Esta información es dependiente de la naturaleza de la página; por ejemplo, una página de "Autores" o "Contacto".

5 Inserte <? Php get_footer ()?> Debajo de la etiqueta de cierre "contenedor". Esto llama la "footer.php", que contiene las etiquetas <body /> y </ html> información de cierre de la página.

6 Guarde el archivo y subirlo a la carpeta de temas de WordPress en el servidor web. La carpeta de temas se encuentra en "wp-content / themes /."

Consejos y advertencias

  • Utilizar el tema de WordPress por defecto "Twenty Ten" como guía para obtener ideas sobre archivos de plantillas personalizadas.
  • Guardar el documento después de cada cambio de trabajo para evitar que se pierdan.
  • No utilice los programas de procesamiento de texto como Microsoft Word y OpenOffice para editar archivos de tema.