My Wordpress Makeover Tutorial Meu Wordpress reformulação tutorial

Wordpress Makeover Tutorial Wordpress reformulação tutorial

By Hacking Wordpress or your theme, you can easily customize your Wordpress blog. Hacking Wordpress ou pelo seu tema, você pode facilmente personalizar seu blog Wordpress. I’ll show you my hacks so you can get some ideas how to make your blog more “your own”. Eu vou mostrar-lhe o meu hacks assim você pode obter algumas ideias sobre a forma de tornar seu blog mais "por sua própria".

You may have noticed recently that this blog underwent a bit of a makeover. Você pode ter observado recentemente que este blog sofreu um pouco de uma reformulação. Things not only look better on top, but under the hood things are running better than ever - with some of the best SEO I could muster! As coisas não apenas olhar melhor em cima, mas sob a capa as coisas estão a correr melhor do que nunca - com alguns dos melhores SEO eu poderia muster! I’m going to show you some quick things you can do to hack your own Wordpress theme into more of what you want. Eu vou lhe mostrar alguns rápido que você pode fazer para cortar o seu próprio Wordpress tema em mais do que você deseja.

Add a featured block to your homepage : I think every homepage should have a block with the featured areas of the site - the same way any store would have a flyer for the week or sales of the day. Adicionar um bloco caracterizado a sua página inicial: Acho que cada página inicial deverá ter um bloco com as áreas de destaque no site - da mesma forma alguma loja teria um panfleto para a semana ou de venda do dia. To do this you need to know some html and have a slight bit of graphics skill. Para isso você precisa saber html e alguns têm um ligeiro pouco de habilidade gráfica. I only do this on my homepage and I added this block by going to “Presentation -> Theme Editor -> Main Index Template”. Eu só fazer isso na minha página inicial e eu acrescentou este bloco, vá para "Apresentação -> Tema Editor -> Main Index Modelo".

After these lines of code: Após estas linhas de código:

 <div id="wrapper">  <div id="content"> <div id="wrapper"> <div id="content"> 

I added a div with by block of featured links like this: Eu adicionei um div com caracterizado pelo bloco de links como este:

 <div id="featureblock"> <a href="/keyword-research-cheat-sheet/"><img src="/wp-content/images/featured-keyword-mistakes.gif" alt="featured keyword research mistakes" border="0"></a> <a href="/category/blog-seo/"><img src="/wp-content/images/featured-seo-mistakes.gif" alt="featured SEO mistakes" border="0"></a><br> <a href="/category/wordpress/"><img src="/wp-content/images/featured-wordpress-mistakes.gif" alt="featured wordpress mistakes" border="0"></a> <a href="/category/blog-promotion/"><img src="/wp-content/images/featured-traffic-building-mistakes.gif" alt="featured traffic building mistakes" border="0"></a><br> <a href="/category/monetization/"><img src="/wp-content/images/featured-monetization-mistakes.gif" alt="featured monetization mistakes" border="0"></a> <a href="/link-building-cheat-sheet/"><img src="/wp-content/images/featured-linkbuilding-mistakes.gif" alt="featured linkbuilding mistakes" border="0"></a> <a href="/series"><img src="/wp-content/images/featured-series.gif" alt="featured article series" border="0"></a> <a href="/series/tracking-your-blogs-progress"><img src="/wp-content/images/featured-tracking-blog-mistakes.gif" alt="article series tracking your blog progress" border="0"></a> <a href="/series/how-to-monetize-your-blog/"><img src="/wp-content/images/featured-monetize-mistakes.gif" alt="article series how to monetize your blog" border="0"></a> <a href="/series/watch-me-build-a-bans-niche-site-from-scratch"><img src="/wp-content/images/featured-bans-mistakes.gif" alt="watch me build a niche site" border="0"></a> </div> <div id="featureblock"> <a href="/keyword-research-cheat-sheet/"> <img src = "/ wp-content/images/featured-keyword-mistakes.gif" alt = "featured palavra-chave da investigação cometer erros "fronteira =" 0 "> </ a> <a href="/category/blog-seo/"> <img src =" / wp-content/images/featured-seo-mistakes.gif "alt =" featured SEO erros "fronteira =" 0 "> </ a> <a <br> href="/category/wordpress/"> <img src =" / wp-content/images/featured-wordpress-mistakes.gif "alt = "featured wordpress erros" fronteira = "0"> </ a> <a href="/category/blog-promotion/"> <img src = "/ wp-content/images/featured-traffic-building-mistakes.gif "Alt =" featured tráfego edifício erros "fronteira =" 0 "> </ a> <a <br> href="/category/monetization/"> <img src =" / wp-content/images/featured-monetization- mistakes.gif "alt =" featured monetização erros "fronteira =" 0 "> </ a> <a href="/link-building-cheat-sheet/"> <img src =" / wp-content/images/featured - linkbuilding-mistakes.gif "alt =" featured linkbuilding erros "fronteira =" 0 "> </ a> <a href="/series"> <img src =" / wp-content/images/featured-series.gif "Alt =" featured article série "fronteira =" 0 "> </ a> <a href="/series/tracking-your-blogs-progress"> <img src =" / wp-content/images/featured-tracking - blog-mistakes.gif "alt =" artigo série de monitoramento seu blog progresso "fronteira =" 0 "> </ a> <a href="/series/how-to-monetize-your-blog/"> <img src = "/ wp-content/images/featured-monetize-mistakes.gif" alt = "artigo série a forma de rentabilizar o seu blog" fronteira = "0"> </ a> <a href = "/ series/watch-me- - construir um nicho de proibições-in-de-zero "> <img src =" / wp-content/images/featured-bans-mistakes.gif "alt =" watch me construir um nicho site "fronteira =" 0 " > </ a> </ div> 

If you’re wondering why that code only shows the links and text graphics and not the box and frame, it’s because I made it the background in my style.css like this: Se estiver se perguntando por que razão que o código só mostra os links de texto e gráficos, e não a caixa e moldura, é porque eu fiz-lhe o fundo do meu style.css como este:

 #featureblock { width: 495px; height: 210px; padding-left: 20px; padding-top: 45px; background: #FFF url('/wp-content/images/featured-crumple.jpg') no-repeat; } # featureblock (width: 495px; altura: 210px; padding-left: 20px; padding-top: 45px; background: # FFF url ( "/ wp-content/images/featured-crumple.jpg") no-repeat;) 

Hopefully that gives you some idea of how you can a featured block to your blog homepage. Esperemos que lhe dá alguma idéia de como você pode bloquear um destaque para o seu blog homepage.

Change your Wordpress Theme’s Color : This was a really quick fix. Mude sua Wordpress Tema da Cor: Isso foi realmente um rápido. I like the layout of my blog, and this theme (Prosense) is great too. Eu gosto de layout do meu blog, e este tema (Prosense) é demasiado grande. I was just tired of brown, so I went into my themes images folder and found the 2 graphics that make up the background. Eu estava apenas cansada de marrom, voltei para a minha pasta e imagens temas encontrados os 2 gráficos que compõem o fundo. I just took them into a graphics editor (Fireworks) and used the paintbucket to replace the colors. Eu apenas tomou-os em um editor gráfico (Fireworks) e os paintbucket utilizado para substituir as cores. Then I re-uploaded them to the server and “voila” we have new blog colors! Então eu re-upload-los para o servidor e "voila" temos novas cores do blog!

Change your Theme’s Headings : By updating your style.css file in “Presentation -> Theme Editor -> style.css” you can quickly give your post and / or your sidebar headings a new look and feel. Mude sua Tema da Rubricas: Ao atualizar o seu arquivo style.css na "Apresentação -> Tema Editor -> style.css", você pode dar rapidamente o seu posto e / ou posições de uma nova barra lateral look and feel. A heading or “H1″ (H2, H3, etc.) tag is an HTML tag that can be “styled”. Uma posição ou "H1" (H2, H3, etc) tag é uma tag HTML que pode ser "estilo". It can have a border, a background color, a background image, and you can control the font face, bold, italic, link, link colors, and more. Pode ter uma fronteira, um fundo de cor, uma imagem de fundo, e você pode controlar o tipo de letra rosto, negrito, itálico, link, link cores, e muito mais. All Wordpress blogs have the same bland plain heading tags - spice yours up! Todos os Wordpress blogs têm a mesma posição neutra planície tags - Sua spice up! Your theme’s stylesheet may be a bit different, but I’m going to give you the code I wrote to change my style to get you started: A sua folha de estilo do tema pode ser um pouco diferente, mas eu vou dar-lhe o código que escrevi para mudar meu estilo para você começar:

 .post h2 {  background: #FFC125 url('/wp-content/images/sharpie-star.gif') left no-repeat;  border: 1px solid;  border-color: #000000;  padding-left: 25px; } . postar h2 (background: # FFC125 url ( "/ wp-content/images/sharpie-star.gif ')-esquerda não repetir; border: 1px solid; border-color: # 000000; padding-left: 25px;) 

If you don’t know HTML - or CSS stylesheets, I would recommend reading up over at Se você não sabe HTML - ou CSS stylesheets, eu recomendo a leitura ao longo de W3Schools.com - they have some of the best (free) HTML and CSS tutorials on the web. -- Eles têm alguns dos melhores (grátis) HTML e CSS tutoriais na web.

Give Your Wordpress Categories Descriptions : I gave each and every one of my Wordpress Categories a meaningful description to be used for the category page(s) meta description for search indexing purposes: Dê a sua Wordpress Categorias Descrições: eu dei todos e cada um dos meus Wordpress Categorias uma descrição significativa a ser utilizado para a categoria página (s) Meta descrição para a busca indexação fins:

Why? Por quê? I use the Eu uso o wpSEO plugin wpSEO plugin and it allows you to assign various options for the meta description field of any page in a Wordpress site. e que lhe permite atribuir diferentes opções para a meta description campo de qualquer página em um site Wordpress. By default Wordpress category pages don’t have a meta description so the search crawler will pickup the words of the first post excerpt on the page. Por padrão Wordpress páginas categoria não tem uma meta tão descrição da pesquisa rastreador irá pegar as palavras do primeiro trecho posto na página. This causes “duplicate content” and can get you a google penalty. Isso provoca "conteúdo duplicado", e você pode receber uma pena google. At best, every single category page you have is “wasted” in the sense that it will NOT get any good indexing in the search engines. Na melhor das hipóteses, cada categoria única página que você está "perdido" no sentido de que não irá ter qualquer boa indexação nos motores de busca.

As you can see I’ve set mine to make the meta description tag for my Wordpress category pages to be the “Category Description” I wrote by going to “Manage -> Categories” in my Dashboard and editing them one by one. Como você pode ver Eu conjunto para tornar a mina meta tag descrição para a minha categoria Wordpress páginas para ser o "Categoria Descrição" Eu escrevi, vá para "Gerenciar -> Categorias" no meu Dashboard e editá-los um por um. These will get me a couple dozen more indexed pages in SERP’s! Estes irão receber-me uma jovem dúzia de páginas indexadas em mais SERP's!

Create Separate Wordpress Category Template Theme Pages : This is a goal I set for myself when I wrote Criar Separar Wordpress Categoria Modelo Tema Páginas: Esta é uma meta fixada para mim quando eu escrevi Better SEO and $$$ with Wordpress Category Templates Melhor SEO e $ $ $ com Wordpress Categoria Modelos last month. no mês passado. At the time I only created a few of these category template pages and didn’t follow through with creating them for every category in my blog. Na época eu só criou alguns destes categoria modelo páginas e não acompanhou a criá-los através de cada categoria no meu blog. I should have, but did it today when I updated all the category descriptions. Eu deveria ter, mas quando eu fiz isso hoje actualizado todos as descrições de categoria. Basically what you’re doing here is making a separate category template page for every Wordpress category you have so you can write original content at the top of each page. Basicamente o que você está fazendo aqui é fazer uma categoria separada para cada página modelo Wordpress categoria você tem, assim você pode escrever conteúdo original, na parte superior de cada página. By doing this you are making sure the page will be indexed well and you won’t get dinged by google for “duplicate content”. Com isso você está fazendo certo de que a página será indexada bem e você não terá dinged pelo Google por meio de "conteúdo duplicado".

This also gives you the opportunity to monetize certain categories in special ways (with special offers) before or after the excerpted posts, you could even make unique graphics for the top of each category page. Isto também dá a você a oportunidade de monetizar certas categorias de vias especiais (com ofertas especiais) antes ou depois da excerpted lugares, você pode até mesmo fazer gráficos exclusivos para a categoria superior de cada página. The possibilities are endless! As possibilidades são infinitas!

Wordpress Hacks of the past : These aren’t hacks as much as good WP plugins, but I’ve also modified my theme by adding things I felt were necessary. Wordpress Hacks do passado: Estas não são hacks tanto como boa WP plugins, mas eu também modificou o meu tema, acrescentando coisas que eu sentia eram necessárias. Like breadcrumbs on every page, post (count) views, post voting, “print this post”, and Feedburner “flare”. Tal como pão em todas as páginas, postar (contagem) pontos de vista, posto voto ", imprima este post", e FeedBurner "erupção". Oh - I almost forgot the most important thing - the “related posts”. Oh - eu quase esqueci a coisa mais importante - os "lugares ligados". To find out how to get any of these plugins just visit my Para saber como obter qualquer um destes plugins basta visitar o meu Wordpress Plugins Used Wordpress plugins usados page! página!

I hope this gives you some ideas for giving your own wordpress blog a makeover! Espero que este dá-lhe algumas ideias para dar o seu próprio blog wordpress uma reformulação! If you happen to make changes, come back here and let us know what you did and what worked (and what didn’t!). Se tiver que fazer alterações, volte aqui e nos diga o que fez eo que funciona (eo que não!). Comments always help everyone by sharing even more information. Comentários sempre ajudar a todos, através da partilha de informações ainda mais.