My Wordpress Makeover Tutorial Mon Wordpress Makeover tutoriel

Wordpress Makeover Tutorial Wordpress Makeover tutoriel

By Hacking Wordpress or your theme, you can easily customize your Wordpress blog. Par Hacking Wordpress ou votre thème, vous pouvez facilement personnaliser votre blog Wordpress. I’ll show you my hacks so you can get some ideas how to make your blog more “your own”. Je vais vous montrer mes hacks que vous pouvez trouver des idées pour rendre votre blog plus "votre propre".

You may have noticed recently that this blog underwent a bit of a makeover. Vous mai ont remarqué récemment que ce blog a subi un peu de beauté. 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! Les choses non seulement de mieux regarder en haut, mais sous le capot choses fonctionnent mieux que jamais - avec quelques-uns des meilleurs SEO je pourrais rassembler! I’m going to show you some quick things you can do to hack your own Wordpress theme into more of what you want. Je vais vous montrer quelques rapide que vous pouvez faire pour hacker son propre thème Wordpress en plus de ce que vous voulez.

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. Ajouter un bloc en vedette à votre page d'accueil: Je pense que chaque page d'accueil devrait avoir un bloc avec la vedette du site - la même manière que ce soit magasin aurait un flyer pour la semaine ou les ventes de la journée. To do this you need to know some html and have a slight bit of graphics skill. Pour ce faire, vous devez connaître certains html et ont un léger peu de compétences graphiques. I only do this on my homepage and I added this block by going to “Presentation -> Theme Editor -> Main Index Template”. Je ne le faire sur ma page d'accueil et j'ai ajouté ce bloc en allant dans "Présentation -> Thème: Editor -> Index principal modèle".

After these lines of code: Après ces lignes de code:

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

I added a div with by block of featured links like this: J'ai ajouté un div par bloc de liens présentés comme ceci:

 <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 = "A la recherche de mots clés erreurs "border =" 0 "> </ a> <a href="/category/blog-seo/"> <img src =" / wp-content/images/featured-seo-mistakes.gif "alt =" vedette SEO erreurs "border =" 0 "> </ a> <a <br> href="/category/wordpress/"> <img src =" / wp-content/images/featured-wordpress-mistakes.gif "alt = "A wordpress erreurs" border = "0"> </ a> <a href="/category/blog-promotion/"> <img src = "/ wp-content/images/featured-traffic-building-mistakes.gif "Alt =" vedette trafic bâtiment erreurs "border =" 0 "> </ a> <a <br> href="/category/monetization/"> <img src =" / wp-content/images/featured-monetization- mistakes.gif "alt =" A la monétisation erreurs "border =" 0 "> </ a> <a href="/link-building-cheat-sheet/"> <img src =" / wp-content/images/featured - linkbuilding-mistakes.gif "alt =" A linkbuilding erreurs "border =" 0 "> </ a> <a href="/series"> <img src =" / wp-content/images/featured-series.gif "Alt =" article vedette de la série "border =" 0 "> </ a> <a href="/series/tracking-your-blogs-progress"> <img src =" / wp-content/images/featured-tracking - blog-mistakes.gif "alt =" série d'articles de suivi des progrès de votre blog "border =" 0 "> </ a> <a href="/series/how-to-monetize-your-blog/"> <img src = "/ wp-content/images/featured-monetize-mistakes.gif" alt = "série d'articles comment rentabiliser le contenu de votre blog" border = "0"> </ a> <a href = "/ series/watch-me- construire-une-interdiction de niche-site-de-zéro "> <img src =" / wp-content/images/featured-bans-mistakes.gif "alt =" montre-moi construire un site de niche "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 vous vous demandez pourquoi ce code ne montre que les liens texte et graphiques et non la boîte et le cadre, c'est parce que je l'ai fait l'expérience dans mon style.css comme ceci:

 #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; height: 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. Espérons que vous donne une idée de comment vous pouvez en vedette un bloc à la page d'accueil de votre blog.

Change your Wordpress Theme’s Color : This was a really quick fix. Changer votre thème de Wordpress Couleur: C'était vraiment une solution rapide. I like the layout of my blog, and this theme (Prosense) is great too. J'aime la mise en page de mon blog, et ce thème (Prosense) est trop grand. I was just tired of brown, so I went into my themes images folder and found the 2 graphics that make up the background. J'étais fatigué de brun, alors je suis allé dans mon dossier images thèmes et a trouvé le 2 graphiques qui composent l'arrière-plan. I just took them into a graphics editor (Fireworks) and used the paintbucket to replace the colors. Je viens de leur en a pris un éditeur graphique (Fireworks) et la paintbucket utilisées pour remplacer les couleurs. Then I re-uploaded them to the server and “voila” we have new blog colors! Puis j'ai re-transféré au serveur et le tour est joué "nous avons de nouvelles couleurs du 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. Changer votre thème de rubriques: Par la mise à jour votre fichier style.css dans "Présentation -> Thème: Editor -> style.css", vous pouvez rapidement donner à votre poste et / ou votre barre latérale rubriques un nouveau look et la sensation. A heading or “H1″ (H2, H3, etc.) tag is an HTML tag that can be “styled”. Une rubrique ou "S1" (H2, H3, etc) tag est une balise HTML qui peuvent être «de style». 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. Il peut avoir une frontière, une couleur d'arrière-plan, une image de fond, et vous pouvez contrôler la police, gras, italique, lien, lien couleurs, et plus encore. All Wordpress blogs have the same bland plain heading tags - spice yours up! Tous les blogs de WordPress ont la même rubrique fade plaine balises - épices votre place! 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: Votre thème de la feuille de style mai-être un peu différente, mais je vais vous donner le code que j'ai écrit à changer mon style pour vous aider à démarrer:

 .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 (background: # FFC125 url ( '/ wp-content/images/sharpie-star.gif ») à gauche no-repeat; 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 vous ne connaissez pas HTML - ou les feuilles de style CSS, je recommande la lecture à plus de W3Schools.com - they have some of the best (free) HTML and CSS tutorials on the web. -- Ils ont certains des meilleurs (gratuit) HTML et CSS didacticiels sur le 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: Donnez votre Wordpress descriptions Catégories: Je donne chaque une de mes catégories Wordpress une description à utiliser pour la page de catégorie (s) meta description pour l'indexation de recherche:

Why? Pourquoi? I use the J'utilise le wpSEO plugin wpSEO plugin and it allows you to assign various options for the meta description field of any page in a Wordpress site. et il vous permet d'attribuer différentes options pour la méta champ de description de n'importe quelle page du site un 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. Par défaut les pages de catégories Wordpress n'ont pas un méta description de sorte que le robot d'exploration de recherche de ramassage les mots du premier poste extrait sur la page. This causes “duplicate content” and can get you a google penalty. Cette causes "duplicate content" et vous pouvez obtenir une peine 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. Au mieux, chaque page de catégorie dont vous disposez est «perdu» dans le sens où il ne sera pas une bonne indexation dans les moteurs de recherche.

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. Comme vous pouvez le voir, j'ai mis le mien de faire la balise meta description de mon Wordpress catégorie pages à la "Description de la catégorie" J'ai écrit en allant dans "Gestion -> Catégories" dans mon tableau de bord et d'édition-les une par une. These will get me a couple dozen more indexed pages in SERP’s! Ceux-ci me un couple dizaine d'autres pages indexées dans SERP's!

Create Separate Wordpress Category Template Theme Pages : This is a goal I set for myself when I wrote Créer distincts Wordpress Catégorie modèle Thème pages: C'est un objectif que j'ai définies pour moi-même lorsque je l'ai écrit Better SEO and $$$ with Wordpress Category Templates Mieux SEO et $ $ $ avec Wordpress Catégorie Modèles last month. le mois dernier. 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. Au moment où j'ai créé seulement quelques-uns de ces catégorie des pages modèles et n'a pas suivi de leur création pour chaque catégorie dans mon blog. I should have, but did it today when I updated all the category descriptions. J'aurais dû, mais en avait-il aujourd'hui, alors que j'ai mis à jour toutes les descriptions de la catégorie. 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. Au fond ce que vous faites ici est une catégorie distincte page du modèle pour chaque catégorie Wordpress vous l'avez si vous pouvez écrire le contenu d'origine en haut de chaque page. By doing this you are making sure the page will be indexed well and you won’t get dinged by google for “duplicate content”. En faisant cela, vous êtes en veillant à la page sera indexé et bien vous ne recevrez pas de dinged par google pour "duplicate content".

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. Cela vous donne également la possibilité de monétiser certaines catégories de moyens spéciaux (avec des offres spéciales) avant ou après l'extrait postes, vous pouvez même faire unique pour les graphiques haut de chaque page de catégorie. The possibilities are endless! Les possibilités sont infinies!

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 du passé: Il ne s'agit pas de hacks autant que la bonne WP plugins, mais j'ai aussi modifié mon thème en ajoutant des choses que j'ai ressenti étaient nécessaires. Like breadcrumbs on every page, post (count) views, post voting, “print this post”, and Feedburner “flare”. À l'instar de pain sur chaque page, poste (chef), des idées, après vote, "imprimer ce poste", et Feedburner "flare". Oh - I almost forgot the most important thing - the “related posts”. Oh - j'ai presque oublié la chose la plus importante - les "postes". To find out how to get any of these plugins just visit my Pour savoir comment obtenir un de ces plugins juste ma visite Wordpress Plugins Used Wordpress plugins utilisés page! !

I hope this gives you some ideas for giving your own wordpress blog a makeover! J'espère que cela vous donne quelques idées pour donner votre propre blog wordpress une beauté! If you happen to make changes, come back here and let us know what you did and what worked (and what didn’t!). S'il vous arrive de faire des changements, revenez ici et dites-nous ce que vous avez fait et ce qui fonctionne (et ce qui n'a pas!). Comments always help everyone by sharing even more information. Commentaires toujours aider tout le monde en partageant encore plus d'informations.