Pasul 4: Crearea paginilor pentru tema WordPress | head.php
Posted in Ce este, Cum sa, PHP, THE best, Tutorial, Web 2.0, web design, web development, WordPress | 3 comments
Rolul sectiunii head.php in tema WordPress este de a avea si afisa o zona standard de inceput de pagina sau capat de pagina care sa ramana fix.
Acest head.php va fi adaugat printr-o chemare <?php get_header(); ?> in orice alta pagina din structura unui template.
Reguli pentru crearea head.php:
- Folosisti DOCTYPE-ul corespunzator (HTML, XML, PHP);
- Tag-ul de deschidere <html> trebuie sa includa language_attributes()(tipul de limbaj);
- Folositi bloginfo() pentru a prelua Titlul si descrierea/motto-ul blogului;
- Adauga un carlig wp_head() chiar inainde de inchiderea </head>. Plughin-urile folosesc acest carlig pentru a adauga scripturile, formatarile lor sau alte functionalitati.
Un exemplu de cod de baza pentru head.php cu comentarii il puteti gasi mai jos:
<?php
/**
* Header-ul temei noastre.
*/
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<title>
<?php
/*
* Afiseaza titlul <title> in functie de ce este afisat (articol, pagina, arhiva, cautare).
*/
global $page, $paged;
wp_title( ‘|’, true, ‘right’ );
// Adauga numele blogului (la finalul titlului de articol sau pagina).
bloginfo( ‘name’ );
// Adauga descrierea sau motto-ul blogului pe prima pagina (se defineste in zona de administrare).
$site_description = get_bloginfo( ‘description’, ‘display’ );
if ( $site_description && ( is_home() || is_front_page() ) )
echo ” | $site_description”;
// Adauga un numar de pagina daca este necesar:
if ( $paged >= 2 || $page >= 2 )
echo ‘ | ‘ . sprintf( __( ‘Page %s’, ‘twentyten’ ), max( $paged, $page ) );
?>
</title>
<link rel=”profile” href=”http://gmpg.org/xfn/11″ />
<!– definirea legaturii cu CSS–>
<link rel=”stylesheet” type=”text/css” media=”all” href=”<?php bloginfo( ‘stylesheet_url’ ); ?>” />
<!– definirea actiunii de pingback (legatura directa catre pagina)–>
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<?php
/* Intotdeauna sa aveti wp_head() chiar inainte sa inchideti </head>
*/
wp_head();
?>
</head>
<!– #inchidere head –>
<!– #incepere corp –>
<body <?php body_class(); ?>>
<div id=”wrapper” class=”hfeed”> <!– definire zone template –>
<div id=”header”>
<div id=”masthead”>
<div id=”branding” role=”banner”> <!– zona banner, nume blog, motto –>
<?php $heading_tag = ( is_home() || is_front_page() ) ? ‘h1′ : ‘div’; ?>
<<?php echo $heading_tag; ?> id=”site-title”>
<span>
<a href=”<?php echo home_url( ‘/’ ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?></a>
</span>
</<?php echo $heading_tag; ?>>
<div id=”site-description”><?php bloginfo( ‘description’ ); ?></div>
<?php
// Verifica daca este articol sau pagina si daca are imagine thumbnail, si daca este o imagine mare:
if ( is_singular() && current_theme_supports( ‘post-thumbnails’ ) &&
has_post_thumbnail( $post->ID ) &&
( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘post-thumbnail’ ) ) &&
$image[1] >= HEADER_IMAGE_WIDTH ) :
// Vom avea o noua imagine thumbnail!
echo get_the_post_thumbnail( $post->ID );
elseif ( get_header_image() ) : ?>
<img src=”<?php header_image(); ?>” width=”<?php echo HEADER_IMAGE_WIDTH; ?>” height=”<?php echo HEADER_IMAGE_HEIGHT; ?>” alt=”" />
<?php endif; ?>
</div>
<div id=”access” role=”navigation”> <!– zona meniu, navigare –>
<?php
/* Da voie browser-elor sa sara peste meniu si sa treaca direct la continut */
?>
<div class=”skip-link screen-reader-text”><a href=”#content” title=”<?php esc_attr_e( ‘Skip to content’, ‘twentyten’ ); ?>”><?php _e( ‘Skip to content’, ‘twentyten’ ); ?></a>
</div>
<?php
/* Meniul de navigatie. Daca un meniu nu este deja definit, wp_nav_menu o sa fie inlocuit cu wp_page_menu. Maniul care a fost ales ca principal, va fi afisat. Daca niciunul nu este ales meniul cu cel mai mic ID (ID-ul este generat automat la crearea meniului in zona de administrare) va fi afisat. */
?>
<?php wp_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
</div>
</div>
</div>
<div id=”main”>
Comentarii
Articole asemanatoare:
3 comments
Leave a Reply
Coltul tocilarilor
Cind o sa apara urmatoarele lectii?
Mersi pentru primele insa astept continuare