My Wordpress Makeover Tutorial Mi Wordpress Makeover tutorial

Wordpress Makeover Tutorial Wordpress Makeover tutorial

By Hacking Wordpress or your theme, you can easily customize your Wordpress blog. Hacking de Wordpress o su tema, puede personalizar fácilmente su blog Wordpress. I’ll show you my hacks so you can get some ideas how to make your blog more “your own”. Yo te mostraré mi hacks para que pueda obtener algunas ideas de cómo hacer tu blog más "su propio".

You may have noticed recently that this blog underwent a bit of a makeover. Usted puede haber notado que recientemente se sometió a este blog un poco de maquillaje. 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! Las cosas no sólo ver mejor en la parte superior, pero bajo la cubierta cosas están funcionando mejor que nunca - con algunos de los mejores SEO pude lograr! I’m going to show you some quick things you can do to hack your own Wordpress theme into more of what you want. Voy a mostrarle algunas cosas rápidas que usted puede hacer para cortar su propio tema en Wordpress más de lo que usted desea.

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. Añadir un bloque destacado a su página principal: Creo que cada página principal debe tener un bloque con las que figuran áreas de la página - la misma manera que cualquier tienda tiene un volante para la semana o las ventas del día. To do this you need to know some html and have a slight bit of graphics skill. Para hacer esto lo que necesita saber HTML y tener un poco ligero de gráficos habilidad. I only do this on my homepage and I added this block by going to “Presentation -> Theme Editor -> Main Index Template”. Yo sólo hacer esto en mi página web y he añadido de este bloque va a "Presentación -> Tema Editor -> Indice principal de plantilla".

After these lines of code: Después de estas líneas 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: He añadido un div con el bloque de enlaces que figuran como esto:

 <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 = "palabra clave que figuran la investigación errores "border =" 0 "> </ a> <a href="/category/blog-seo/"> <img src =" / wp-content/images/featured-seo-mistakes.gif "alt =" ofrecido SEO errores "border =" 0 "> </ a> <a <br> href="/category/wordpress/"> <img src =" / wp-content/images/featured-wordpress-mistakes.gif "alt = "destacado wordpress errores" border = "0"> </ a> <a href="/category/blog-promotion/"> <img src = "/ wp-content/images/featured-traffic-building-mistakes.gif "Alt =" figuran el tráfico de fomento de errores "border =" 0 "> </ a> <a <br> href="/category/monetization/"> <img src =" / wp-content/images/featured-monetization- mistakes.gif "alt =" monetización de los errores que figuran "border =" 0 "> </ a> <a href="/link-building-cheat-sheet/"> <img src =" / wp-content/images/featured - linkbuilding-mistakes.gif "alt =" destacó linkbuilding errores "border =" 0 "> </ a> <a href="/series"> <img src =" / wp-content/images/featured-series.gif "Alt =" serie de artículos que figuran "border =" 0 "> </ a> <a href="/series/tracking-your-blogs-progress"> <img src =" / wp-content/images/featured-tracking - blog-mistakes.gif "alt =" serie de artículos de seguimiento de los progresos de su blog "border =" 0 "> </ a> <a href="/series/how-to-monetize-your-blog/"> <img src = "/ wp-content/images/featured-monetize-mistakes.gif" alt = "serie de artículos la forma de beneficios económicos de su blog" border = "0"> </ a> <a href = "/ series/watch-me- Build-A-prohibiciones-nicho-sitio-de-cero "> <img src =" / wp-content/images/featured-bans-mistakes.gif "alt =" reloj me construir un nicho de sitio "border =" 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: Si usted se pregunta por qué sólo el código que muestra los vínculos de texto y gráficos y no la caja y el marco, es porque me hizo el fondo de mi style.css como esto:

 #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; antecedentes: # FFF url ( '/ wp-content/images/featured-crumple.jpg') no se repita;) 

Hopefully that gives you some idea of how you can a featured block to your blog homepage. Esperemos que te da una idea de cómo puede un destacado bloque a su página principal del blog.

Change your Wordpress Theme’s Color : This was a really quick fix. Cambie su Wordpress Tema del Color: Este es un realmente una solución rápida. I like the layout of my blog, and this theme (Prosense) is great too. Me gusta el diseño de mi blog, y este tema (Prosense) es 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. Estaba cansado de café, así que fui en mi carpeta de imágenes de temas y encontrar los 2 gráficos que componen el fondo. I just took them into a graphics editor (Fireworks) and used the paintbucket to replace the colors. Me tomó en un editor de gráficos (fuegos artificiales) y se utiliza la paintbucket para sustituir los colores. Then I re-uploaded them to the server and “voila” we have new blog colors! Entonces me volví a cargar al servidor y "voila" tenemos nuevos colores del 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. Cambie las rúbricas del Tema: Por la actualización de su archivo en style.css "Presentación -> Tema Editor -> style.css" puede rápidamente dar su puesto y / o la columna lateral partidas con un nuevo look. A heading or “H1″ (H2, H3, etc.) tag is an HTML tag that can be “styled”. Una partida o "H1" (H2, H3, etc) etiqueta es una etiqueta HTML que puede 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. Puede tener una frontera, un color de fondo, una imagen de fondo y puede controlar la fuente cara, negrita, cursiva, enlace, vínculo colores, y mucho más. All Wordpress blogs have the same bland plain heading tags - spice yours up! Todos los blogs de Wordpress tienen el mismo llano anodino partida Etiquetas - especias tuyo! 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: Su tema de la hoja de estilo puede ser un poco diferente, pero voy a darle el código que he escrito para cambiar mi estilo para empezar:

 .post h2 {  background: #FFC125 url('/wp-content/images/sharpie-star.gif') left no-repeat;  border: 1px solid;  border-color: #000000;  padding-left: 25px; } . post h2 (fondo: # FFC125 url ( '/ wp-content/images/sharpie-star.gif') no dejan de 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 Si no sabe HTML - o las hojas de estilo CSS, le recomiendo la lectura a lo largo de a W3Schools.com - they have some of the best (free) HTML and CSS tutorials on the web. -- Que tienen algunos de los mejores (gratuito) HTML y CSS tutoriales en la 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éle a su Wordpress Descripciones de las categorías: he dado todas y cada una de las categorías de Wordpress mi una descripción que se utilizará para la categoría página (s) de descripción meta para la búsqueda de indexación fines:

Why? ¿Por qué? I use the Yo uso el wpSEO plugin wpSEO plugin and it allows you to assign various options for the meta description field of any page in a Wordpress site. y que te permite asignar diferentes opciones para la meta campo de descripción de cualquier página en un sitio de 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 defecto, Wordpress categoría páginas no tienen una meta por lo que la descripción de búsqueda rastreador de recolección de las palabras del primer puesto de extracto de la página. This causes “duplicate content” and can get you a google penalty. Esto causa "contenido duplicado" y puede obtener una pena de 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. En el mejor de cada categoría única página que se han "perdido" en el sentido de que no tendrá ninguna buena indexación en los motores de búsqueda.

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 se puede ver que he fijado el mío para hacer la descripción de la etiqueta meta para mi Wordpress categoría páginas a la "Descripción Categoría" Escribí por ir a "Administrar -> Categorías" en mi tablero de instrumentos y edición de uno por uno. These will get me a couple dozen more indexed pages in SERP’s! Estos se me un par de docenas de más páginas indexadas en SERP's!

Create Separate Wordpress Category Template Theme Pages : This is a goal I set for myself when I wrote Crear separados plantilla de Wordpress Categoría Tema Páginas: Este es un objetivo que me puse con mis propios ojos cuando me escribió Better SEO and $$$ with Wordpress Category Templates Mejor SEO y $ $ $ con las plantillas de Wordpress Categoría last month. el mes pasado. 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. En el momento en que sólo creó algunas de estas páginas de plantilla de categoría y no seguir adelante con la creación de ellos para cada categoría en mi blog. I should have, but did it today when I updated all the category descriptions. Yo debería haber, pero que hoy cuando he actualizado todas las descripciones de la categoría. 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. Básicamente lo que está haciendo aquí es hacer una categoría separada página de plantilla para cada categoría de Wordpress usted tiene por lo que puede escribir contenido original en la 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”. De esta manera usted está seguro de que la página se indexarán bien y no te dinged de google para "contenido 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. Esto también le da la oportunidad de rentabilizar ciertas categorías de manera especial (con ofertas especiales) antes o después del extraído puestos, podría incluso hacer gráficos único para la parte superior de cada página de categoría. The possibilities are endless! Las posibilidades son 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 del pasado: No se trata de hacks tanto como la buena WP plugins, pero también he modificado mi tema agregando cosas que me sentía eran necesarias. Like breadcrumbs on every page, post (count) views, post voting, “print this post”, and Feedburner “flare”. Al igual que el pan de cada página, puesto (cargo) puntos de vista, puesto de votación, "imprimir este puesto", y Feedburner "destellos". Oh - I almost forgot the most important thing - the “related posts”. Oh - casi me olvidaba lo más importante - el "relacionados con los puestos". To find out how to get any of these plugins just visit my Para saber cómo obtener cualquiera de estos plugins sólo visitar a mi Wordpress Plugins Used Wordpress Plugins utilizados page! página!

I hope this gives you some ideas for giving your own wordpress blog a makeover! Espero que esto le da algunas ideas para darle a su propio wordpress, permitiendo la convivencia de un blog! If you happen to make changes, come back here and let us know what you did and what worked (and what didn’t!). Si le sucede a hacer cambios, volver aquí y háganos saber lo que hiciste y lo que ha funcionado (y lo que no!). Comments always help everyone by sharing even more information. Comentarios siempre ayudar a todo el mundo mediante el intercambio de información aún más.