10 melhores maneiras para personalizar a sua tese WP Theme

Tese é o melhor SEO WordPress tema por Dirythemes que tem muitas características únicas e desenho em mindblowing tem muitas opções de design neste theme.One grande é que você pode escolher o desenho do projeto tema da tese e personalização de página no seu painel e WP outro, você pode personaliza-lo com o seu próprio tema para fazer a tornar ainda  melhor e com aparência profissional e fácil browsing.This tema é bom em cada navegador.
Antes de continuar personalizar sua Tese WP tema você deve se perguntar se você ganhou este Tese Wordpress tema ou not.If você pegou então o seu bem e se não tiver ele próprio então você pode começar Tese WP tema aqui.
Para personalizar o seu tema de tese com o seu próprio ou para implementar seu projeto personalizado no seu tema de tese que você deve mudar o nome da pasta personalizada amostra de costume apenas de seu gerenciador de arquivos hospedagem.

1. Use Custom Background
Para usar a cor de fundo personalizado na sua Tese Tema, Adicionar o seguinte bloco de código para custom.css arquivo do tema da tese tese.

 

body.custom {
background: #44443f;
}

.custom #container {
margin-top: 2em;
margin-bottom: 2em;
padding: 0.3em;
background: #33332f;
border: 0.4em solid #3e3e3a;
}

.custom #page {
background: #fff;
}

2. Personalizar a barra de navegação superior
Para fazer o menu mavigation Top como a um moderno adicione o seguinte código para o seu tema personalizado na tese WP.

.custom ul#tabs li {background:#909090;}
.custom ul#tabs li.rss {background:none;}
.custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {background:#767676;}
.custom ul#tabs li.rss a:hover {
text-decoration: underline;
background: url(http://wpresser.com/wp-content/themes/thesis/images/icon-rss.gif) no-repeat;
background-position: right;}
.custom ul#tabs li a:hover {text-decoration:none; background:#686868;}
.custom ul#tabs li.current_page_item a:hover {text-decoration:none; background:#686868;}
.custom ul#tabs li.current-cat a:hover {text-decoration:none; background:#686868;}

3. Caixa de pesquisa à direita na barra de navegação
Para adicionar a caixa de pesquisa à direita do seu tema de Tese, Adicione o seguinte código para custom_functions.php.

// Search Box in Navigation Menu
function search_nav_menu() { ?>
<li class='nav_right search'><form class='search_form' method='get' action=''><input type='text' name='s' id='s' value='search' onfocus="if (this.value==='search') this.value='';" onblur="if (this.value=='') this.value='search';"/></form></li>
<?php
}
add_action('thesis_hook_last_nav_item','search_nav_menu');

Agora, no segundo passo, você precisa adicionar o estilo para o Box.For pesquisa que você precisa adicionar o código CSS abaixo para custom.css.

/* Nav Search */
.custom ul.menu li.nav_right {
float:right;
font-size:10px;
height: 22px;
letter-spacing:1px;
overflow:hidden;
text-transform: uppercase;
}

.custom ul.menu li.search {
background-color: #CCC;
border-bottom:none;
height:25px;
margin-bottom:0;
}

.custom ul.menu li.search input {
background-color: #CCC;
border:1px solid #333;
color:#333;
font-size:10px;
height:18px;
letter-spacing:1px;
padding:4px 10px 0 22px;
text-transform: uppercase;
width:125px;
}

4. Use custom Header Logo
Para colocar seu logotipo personalizado cabeçalho em sua tese de tema, Adicione o seguinte código para custom.css de seu tema.

.custom #header #logo a { display: block; height: #px; width: #px; background: url('INSERT IMAGE URL') no-repeat; outline: none; }

5. Adicionar banners para a direita no cabeçalho
Para adicionar os banners na direita de sua tese de tema, Adicione o seguinte código para custom_functions.php seu tema.

function my_header_ad() { ?>
<div id="leaderboard_ad"><a href=""><img src="image url" alt="" /></a></div>
<?php }
add_action('thesis_hook_header', 'my_header_ad');

Agora, na segunda etapa adicionar o estilo para o cabeçalho. por isso, adicione o seguinte código para custom.css de seu tema.

.custom #leaderboard_ad { float: right; position: absolute; width: 468px; height: 60px; top: 15px; left: 502px; }

6. Variação lateral e fundo de Conteúdo
Para alterar o conteúdo da barra lateral e fundo em Tema Teses, adicione o seguinte código para custom.css do seu tema WP.

.custom #content_box {background-color:#EEEEEE;}
.custom #content {background-color:#fff;}

7. Caixa amarela Welcome mensagem no FrontPage
Para exibir a mensagem de boas-vindas caixa amarela na capa do seu blog, em seguida, adicione o seguinte código tocustom_functions.php do seu modelo.

function welcome_message() {
if(is_front_page())
echo '
<div class="format_text entry-content">
<div class="welcome_box">
<DIV ALIGN=CENTER><p class="alert">Welcome to YOUR TEXT</p></DIV>
</div>
</div>
';
}
add_action('thesis_hook_before_content', 'welcome_message');

Agora Adicione o seguinte código para custom.css dar estilo à caixa de mensagem de boas-vindas mostrar.

.custom div.welcome_box {
width: 90%;
padding: 0.571em 0.786em;
margin-left: 1em;
margin-right: 1em;
margin-bottom: 1em;
margin-top: 1em;
margin-bottom: 0em;
padding-bottom: 0em;
}

8. Sobre o autor e Social Bookmarking caixa em cada posto
Para adicionar o bookmarking social e sobre a caixa do autor em sua tese de tema, Adicionar o seguinte bloco de código para custom_functions.php.

function post_footer() {
if (is_single())
{
?>
<div class="socialmedia"><p><strong>Share this post:</strong> <a rel="nofollow" href="http://twitter.com/home/?status=<?php the_title(); ?> - http://YOUR_URL.com/?p=<?php the_ID(); ?>">Tweet It</a> | <a rel="nofollow" href="http://www.facebook.com/sharer.php" onclick="window.open('http://www.facebook.com/sharer.php?u=<?php the_permalink() ?>&t='+encodeURIComponent(document.title), 'facebook','toolbar=no,width=700,height=400'); return false;">Facebook It</a> | <a rel="nofollow" href="http://www.stumbleupon.com/submit?url=<?php the_permalink() ?>">Stumble It</a> | <a rel="nofollow" href="http://www.digg.com/submit?phase=2&url=<?php the_permalink() ?>">Digg It</a> | <a rel="nofollow" href="http://del.icio.us/post?url=<?php the_permalink() ?>&title=INSERT_TITLE">
Delicious It</a></p></div>
<div class="postauthor">
<?php echo get_avatar( get_the_author_id() , 120 ); ?>
<h4>Article by <a href="<?php the_author_url(); ?>">
<?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h4>
<p><?php the_author_firstname(); ?> has written <strong><?php the_author_posts(); ?></strong> awesome articles for us. <?php the_author_description(); ?></p><p>If you liked this post, you will definitely enjoy our others. Subscribe to the feed via RSS or EMAIL to get instantly updated for those awesome posts soon to come.</p>
</div>
<?php
}
}
add_action('thesis_hook_after_post_box', 'post_footer');

Na segunda etapa, adicione o código CSS abaixo para custom.css arquivo do seu tema.

.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }

.socialmedia { background: #FFFBCC; border-top: 1px solid #E6DB55; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1em; text-align: center;}
.socialmedia p { color: #515151; font-size: 1.3em;}

9. Adicionar 3 colunas no rodapé Teses Theme
Para adicionar o rodapé de três colunas em seu tema do WP Thesis, Adicione o seguinte código em custom_functions.php de seu tema.

/*---------------------------------*/
/* WIDGETIZED FOOTER - 3 COLUMNS */

/* register sidebars for widgetized footer */
if (function_exists('register_sidebar')) {
$sidebars = array(1, 2, 3);
foreach($sidebars as $number) {
register_sidebar(array(
'name' => 'Footer ' . $number,
'id' => 'footer-' . $number,
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h3>',
'after_title' => '</h3>'
));
}
}

/*-----------------------*/
/* set up footer widgets */
function widgetized_footer() {
?>
<div id="footer_setup">

<div class="footer_items">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer 1') ) : ?>
<?php endif; ?>
</div>

<div class="footer_items">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer 2') ) : ?>
<?php endif; ?>
</div>

<div class="footer_items">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer 3') ) : ?>
<?php endif; ?>
</div>

</div>
<?php
}

add_action('thesis_hook_footer','widgetized_footer');

Agora, na segunda etapa, adicione o código que se segue para custom.css arquivo do seu tema.

#footer{
background: #eeeeee;
}
.custom #footer {
height: 100%;
width: 100%;
border-top:2em solid #9c9c9c;
background: #eeeeee;
padding:0em;
}
.custom #footer a{
border-bottom: 1px none #cccccc;
}
.custom #footer {
text-align:center;
}
/* footer widget area setup */
#footer_setup {
/* widgetized footer background (not footer background) */
background: #444343;
/* widget padding */
padding:1.5em;
/* margin at bottom of widgets */
margin-bottom: 25px;
/* do not change this! */
overflow: hidden;
}

/* widget item setup */
#footer_setup .footer_items {
/* contents alignment */
text-align: left;
/* widget width */
width: 33.3%;
/* space between widgets */
padding-right: 0px;
/* text color */
color: #2361A1;
/* do not change these! */
display: inline-block;
float: left;
height: 100%;
}

/* widget item headers http://adwordsshop.com/wp-admin/admin.php?page=thesis-file-editor*/
#footer_setup .footer_items h3 {
/* font size */
font-size: 1.5em;
/* bold or not */
font-weight: bold;
/* uppercase or not */
text-transform: uppercase;
/* space out the letters*/
letter-spacing: 0px;
/* font color*/
color: #ffffff;
/* padding under header text */
padding-bottom: 3px;
/* border under header text */
border-bottom: 3px none #ffdf00;
/* distance between border and widget text */
margin-bottom: 5px;
}

/* do not change these! */
#footer_setup .footer_items ul li { list-style:none;
font-size:1.4em;
line-height:1.5em;
}
#footer_setup .footer_items ul { margin: 1em; padding: 0px; }

10. Personalizar página de erro 404
Para personalizar a página 404 eror Tema de sua tese, adicione o seguinte código para custom_functions.php de seu tema.

function custom_thesis_404_title() {
?>
YOUR 404 PAGE HEADING HERE
<?
}

remove_action(â??thesis_hook_404_titleâ??, â??thesis_404_titleâ??);
add_action(â??thesis_hook_404_titleâ??, â??custom_thesis_404_titleâ??);

function custom_thesis_404_content() {
?>
<p>WHATEVER YOU WANT YOUR 404 PAGE TO SAY HERE</p>
<?
}

remove_action(â??thesis_hook_404_contentâ??, â??thesis_404_contentâ??);
add_action(â??thesis_hook_404_contentâ??, â??custom_thesis_404_contentâ??);

espero ter ajudado com estas dicas do bloganol . 

 

Technorati Marcas: 10,melhores,maneiras,para,personalizar,a,sua,tese,WP,Theme

• Divulgar no del.icio.us
• Divulgar no Digg
• Adicionar nos Favoritos do Google
• Enviar para o Twitter
• Compartilhar no Facebook
• Compartilhar no Technorati
• Enviar para o MySpace