Modificar Templantes Wordpress
(0 votos, average: 0 de 5)
Necesitas ser usuario registrado para valorar este post.
Loading ...
(0 votos, average: 0 de 5)Necesitas ser usuario registrado para valorar este post.
Loading ...Una vez instalado el wordpress viene lo mas difícil o lo mas complicado (al principio) y lo que algunos les cuesta tanto cuando empiezan (incluyéndome), para modificar tu templante tienes que tener presente que el wordpress trabaja de una manera en la que deshace por así decirlo tu pagina en 3 partes principales, “header, sidebar y footer”, todo eso lo acopla en una pagina aparte llamada “index”, aquí te voy a explicar cada una de ellas y un poco mas para que puedas instalar tu wordpress.
ahi tienes claramente como se conforma tu pagina en wordpress, es importante que tengas en cuenta esto para que sepas como modificarlo luego.
1- Crea una carpeta con el nombre de tu plantilla, puede ser el de tu pagina web o el que quieras.
2- Primero tienes que tener un style o una pagina .CSS, tienes que crearla normalmente como haces la de tu pagina, tienes que llamarla estrictamente style.css o de lo contrario el wordpress no te la reconocerá, en las primeras líneas de tu style coloca lo siguiente (modifícalo con tus datos):
/* Theme Name: Sky and Stars Description: Creado por mijael Theme URI: http://skyandstars.net/style.css Version: Version 1 Author: Mijael */
3- Ya tienes tu style, ahora vamos con el header, aquí tienes que colocar la cabecera de la pagina, incluyendo los links a los rss style y todo lo demás, aquí te coloco un ejemplo: PUEDES USAR ESTE MISMO, SOLO MODIFICA “TU TITULO” Y LA CABECERA.
<!--HEADER-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="es" />
<title>TU TITULO</title>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<style type="text/css" media="screen">
<!-- @import url( <?php bloginfo('stylesheet_url'); ?> ); -->
</style>
</head>
<body>
<p style="text-align: center">
CABECERA CENTRAL CON IMAGEN MAPA DE IMAGEN O LO QUE QUIERAS.</p>
<!--FIN-->
4- Vamos con el sidebar, aquí colocas tu menú (si lo quieres lateral) tu información, estadísticas o lo que quieras, esta sección no hace falta que lleve nada estricto para que tu wo funcione, así que tienes la libertad de hacerlo como quieras.
<!--SIDEBAR-->TU SIDEBAR AQUÍ. <!--FIN-->
5- Footer, al igual que el sidebar, esta sección no necesita nada estricto para que tu wp funcione.
<!--FOOTER.PHP--> </body> </html><!-- FIN -->
6- Index, Esta es la seccion mas importante de tu wordpress porque esta es la q se encarga de llamar a las demas. aqui un ejemplo.
<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post">
<h1 id="post-<?php the_ID(); ?>" rel="bookmark" title=""><?php the_title(); ?></a></h1>
<?php if ($comment->comment_approved == ‘1′): ?>
<div class=”contador”>#<?php echo $contador++; ?></div>
<?php endif; ?>
<div class="entrytext">
<?php the_content('<p class="serif">Read the rest of this entry »</p>'); ?>
<?php link_pages('<p><strong>Pages:</strong> ', '</p>', 'number'); ?>
<br>
<div align="left">
<b>Fecha:</b> <?php the_time('l, F jS, Y') ?><br>
<b>Categorias:</b> <?php the_category(', ') ?><br>
<b>Comentarios:</b> <a href="<?php echo get_permalink() ?>"><?php comments_number('No hay Comentarios', '1 Comentario', '% Comentarios' );?></a><br>
</div>
<?php edit_post_link('Editar la entrada.','',''); ?><br><br>
</div>
<?php comments_template(); ?>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?><?php get_footer(); ?>
De esta seccion hay que resaltar algunos códigos muy importantes y que no pueden faltar,
<?php get_header(); ?> /// Llama al header
<?php get_sidebar(); ?> /// Llama al sidebar
<?php get_footer(); ?> /// Llama al footer
<?php comments_template(); ?> /// Llama a los comentarios (luego explico)
<?php the_time(’l, F jS, Y’) ?> /// La fecha del comentario
<?php the_category(’, ‘) ?> /// Categorias del comentario
<a href=”<?php echo get_permalink() ?>”><?php comments_number(’No hay Comentarios’, ‘1 Comentario’, ‘% Comentarios’ );?></a> /// Muestra el numero de comentarios y es link hacia ellos.
<?php the_title(); ?> /// Titulo del post
7- Comments, te aconsejo que crees una sección llamada comments, esta sección te permite modificar la forma en la q se muestran los comentarios que se han hecho en la entrada, aquí te coloco un ejemplo:
<?php // No toques, caca
if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
die ('Please do not load this page directly. Thanks!');
if (!empty($post->post_password)) { // if there's a password
if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) { // and it doesn't match the cookie
?>
<p class="nocomments"><?php _e("This post is password protected. Enter the password to view comments."); ?><p>
<?php
return;
}
}
/* This variable is for alternating comment background */
$oddcomment = 'alt';
?>
<!– Fin del caca, edita xD. –>
<br>
<?php if ($comments) : ?>
<h2 id="comments"><?php comments_number('No hay respuestas', 'Respuesta', '% Respuestas' );?> a “<?php the_title(); ?>”</h2> <br>
<?php foreach ($comments as $comment) : ?>
<center>
<h2><?php comment_author_link() ?>–<?php comment_date('F jS, Y') ?> at <?php comment_time() ?></h2>
<?php edit_comment_link('e','',''); ?>
<?php comment_text() ?><br>
</center>
<?php endforeach; /* end for each comment */ ?>
<?php else : // this is displayed if there are no comments so far ?>
<?php if ('open' == $post-> comment_status) : ?>
<!– If comments are open, but there are no comments. –>
<?php else : // comments are closed ?>
<!– If comments are closed. –>
<p class="nocomments">Comentarios cerrados.</p>
<?php endif; ?>
<?php endif; ?>
<?php if ('open' == $post-> comment_status) : ?>
<h2 id="respond">Deja un comentario</h2>
<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
<?php else : ?>
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<?php if ( $user_ID ) : ?>
<p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="<?php _e('Log out of this account') ?>">Logout »</a></p>
<?php else : ?>
<p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />
<label for="author"><small>Nombre <?php if ($req) _e('(Requerido)'); ?></small></label></p>
<p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" />
<label for="email"><small>Mail (No sera publicado) <?php if ($req) _e('(requerido)'); ?></small></label></p>
<p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><small>Web</small></label></p>
<?php endif; ?>
<p><textarea name="comment" id="comment" cols="35%" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="Enviar comentario" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php do_action('comment_form', $post->ID); ?>
</form>
</div>
<?php endif; // If registration required and not logged in ?>
<?php endif; // if you delete this the sky will fall on your head ?>
Es básicamente html, puedes modificar la estructura, pero no modifiques lo esencial, hay cosas que se notan claramente que son.
8- Sube toda la carpeta a wordpress/wp-content/themes, y listo, ya tienes tu tema instalado, para activarlo entras en tu wordpress a la sección del menú que dice “presentation”, seleccionas el tuyo y listo, tienes tu wordpress con nuevo templante.
es un poco largo pero tienes que tener en cuenta q nada lo es xD, No creas que todos nacen aprendidos así que ten paciencia, seguro te confundirás, pero lo importante es que continúes hasta que lo logres.
