Resum d’instruccions bàsiques per crear temes a WordPress
Tots els arxius estan a la carpeta del nostre tema, el principal d’ells és style.css
style.css
Obligatori. Es la definició del tema
/*
Theme Name: Mini
Theme URI: http://lapaginademitema.com
Description: Explicación sobre mi tema
Version: 1
Author: Tu nombre
Author URI: http://mipaginaweb.com
Tags: doscolumnas, azul, arial
*/
El loop de wordpress
Per mostrar el contingut en qualsevol plantilla (index.php, single.php, archive.php, etc)
<?php if(have_posts()):?>
<?php while(have_posts()): the_post();?>
<!– campos de contenido y marcas de html–>
<?php the_title()?>
<?php endwhile;?>
<?php else: ?>
No hay contenido en esta página
<?php endif;?>
Camps de contingut que podem utilitzar dins del loop
<?php the_title() ?> El título
<?php the_date()?> Fecha de publicación
<?php the_excerpt() ?> El resumen del texto de una entrada
<?php the_content() ?> El texto entero de una entrada o página
<?php the_post_thumbnail() ?> Imagen destacada, opcionalmente parámetros “thumbnail”,”medium”,”large”
<?php the_permalink() ?> El enlace de la página única del contenido
<?php the_author() ?> El autor del post
<?php the_category() ?> Las categorias, linakbles del post
<?php the_tags() ?> Las etiquetas linkables del post
n’hi ha molts més, consultar el codex de WordPress http://codex.wordpress.org/es:Template_Tags
Arxius principals de WP per ordre d’importància
style.css Definició del tema i full d’estils
index.php Plantilla per defecte per tot el contingut
single.php Plantilla d’una entrada
page.php Plantilla d’una pàgina
archive.php Plantilla d’arxiu (llistat de categories, tags, cerca, etc)
header.php Capçalera
sidebar.php Sidebar
footer.php Footer
functions.php Configuració del tema
Altres tags
<?php bloginfo(‘name’); ?> Título del blog
<?php bloginfo(‘description’); ?> Subtítulo del tema
<?php bloginfo(‘template_url’); ?> Ruta al tema actual
<?php previous_post_link(); ?> Link al post anterior
<?php next_post_link(); ?> Link al siguiente post
Menú
<?php wp_nav_menu(); ?> Inserta el menú principal
Definicions de functions.php
Afegir la possibilitat de canviar el fons a l’escriptori de WP
add_theme_support( ‘custom-background’ );
Afegir la possibilitat de tenir imatges destacades
add_theme_support( ‘post-thumbnails’ );
Definir una zona activa
register_sidebar( array(
‘name’ => ‘test’,
‘id’ => ‘test’,
) );
L’hem d’introduir en alguna plantilla amb
<?php
dynamic_sidebar(‘test’);
?>
Header.php
Un header típic d’exemple
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />
<!-- aqui podriamos añadir otros css -->
<!-- o librerias de javascript (jquery) etc -->
<!-- aqui WordPress o los plugins introducen cosas que necesite, por ejemplo estilos o javascript -->
<?php wp_head(); ?>
<!-- aqui WordPress ha dejado de insertar cosas raras -->
</head>
<body <?php body_class(); ?>>
<h1><a href="<?php echo home_url(); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
<?php wp_nav_menu(); ?>
Existeixen altres resums a internet:
http://wptutsplus.s3.amazonaws.com/resources/Wordpress-Cheat-Sheet.pdf
http://wpcandy.s3.amazonaws.com/resources/WordPress-Help-Sheet.pdf