Powrót

ładny header w WP

Przykład jak można zamieścić header w WP:

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
  <head>

  <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo " - "; bloginfo('name'); } elseif (is_single() || is_page() ) { single_post_title(); } elseif (is_search() ) { bloginfo('name'); echo " search results: "; echo wp_specialchars($s); } else { wp_title('',true); } ?></title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">   
    <meta name="robots" content="index,follow"/>
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
            
    <link rel="shortcut icon" href="<?php bloginfo('template_url');?>/images/favicon.ico" />
    
    <!-- general, normalize, reset -->
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen"/>
    
    <!-- fonts -->
    <link rel="stylesheet" href="<?php bloginfo('template_url');?>/css/stylesheetfonts.css" type="text/css">
    
    <!-- styles -->
    <link rel="stylesheet/less" type="text/css" href="<?php bloginfo('template_url');?>/css/styles.less">
    <script src="http://lesscss.googlecode.com/files/less-1.0.30.min.js"></script>
    
    <!-- scrypts -->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="<?php bloginfo('template_url');?>/js/myscript.js"></script> 
    
    <?php include (TEMPLATEPATH . '/a-header.php'); ?>

    <?php wp_head(); ?>
  </head>
<body class="<?php echo custom_body_class(); ?>">
  
  <div id="page" class="wrapper cfix">
  <!-- header -->
  <header id="mainheader" class="container cfix">    
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo get_bloginfo ('description');?>" class="logo"><img src="<?php bloginfo('template_url');?>/images/logo.png" alt="<?php echo get_bloginfo ('description');?>" /></a> 
    <h1><?php bloginfo( 'name' ); ?></h1>      
  </header><!-- //header -->


  </div>

–

home_url()
site_url()
esc_url()
esc_attr()
esc_html()

Wordpress

Hope this helps and happy coding :)

Zobacz jeszcze

wyróżnienie drugiego wyrazu w zdaniu

- $('h1').each(function(){ var text = $(this).text().split(' '); if(text.length < 2) return; text = '<span>' +text+ '</span>'; $(this).html(...

pulsujące serce

ikona pulsującego serca (lub dowolnego innego symbolu, znaku).   1.ikona osadzona jako czcionka - Awesome w head zamieszczamy: w kodzie html: <span class="fa fa-heart...

Powrót