My Wordpress Makeover Tutorial Wordpress Makeover il mio tutorial

Wordpress Makeover Tutorial Wordpress Makeover tutorial

By Hacking Wordpress or your theme, you can easily customize your Wordpress blog. Incisione di Wordpress o il vostro tema, potete facilmente personalizzare il tuo blog Wordpress. I’ll show you my hacks so you can get some ideas how to make your blog more “your own”. Vi mostrerò la mia hack in modo che tu possa avere alcune idee su come rendere il tuo blog più "il tuo".

You may have noticed recently that this blog underwent a bit of a makeover. Avrete notato che di recente ha subito questo blog un po 'di un rifacimento. 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! Le cose non solo un aspetto migliore in alto, ma sotto la cappa sono in esecuzione le cose migliori che mai - con alcuni dei migliori SEO ho potuto disporre! I’m going to show you some quick things you can do to hack your own Wordpress theme into more of what you want. Io vado a mostrarvi alcune rapido cose che potete fare per incidere il vostro Wordpress tema in più di ciò che si desidera.

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. Aggiungere una funzionalità blocco alla tua home page: Penso che ogni pagina dovrebbe avere un blocco con l'optional aree del sito - allo stesso modo qualsiasi negozio avrebbe un volantino per la settimana o di vendita di giornata. To do this you need to know some html and have a slight bit of graphics skill. Per fare questo è necessario conoscere alcuni html e avere un lieve po 'di abilità grafica. I only do this on my homepage and I added this block by going to “Presentation -> Theme Editor -> Main Index Template”. I farlo solo nella mia home page e ho aggiunto di questa categoria, andando a "Presentazione -> Tema Editore -> Main Index Template".

After these lines of code: Dopo queste righe di codice:

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

I added a div with by block of featured links like this: Ho aggiunto un div con blocco di collegamenti di carattere simile a questo:

 <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 = "caratterizzato la ricerca di parole chiave errori "border =" 0 "> </ a> <a href="/category/blog-seo/"> <img src =" / wp-content/images/featured-seo-mistakes.gif "alt =" featured SEO errori "border =" 0 "> </ a> <a <br> href="/category/wordpress/"> <img src =" / wp-content/images/featured-wordpress-mistakes.gif "alt = "featured wordpress errori" border = "0"> </ a> <a href="/category/blog-promotion/"> <img src = "/ wp-content/images/featured-traffic-building-mistakes.gif "Alt =" optional traffico edificio errori "border =" 0 "> </ a> <a <br> href="/category/monetization/"> <img src =" / wp-content/images/featured-monetization- mistakes.gif "alt =" optional monetizzazione errori "border =" 0 "> </ a> <a href="/link-building-cheat-sheet/"> <img src =" / wp-content/images/featured - linkbuilding-mistakes.gif "alt =" optional linkbuilding errori "border =" 0 "> </ a> <a href="/series"> <img src =" / wp-content/images/featured-series.gif "Alt =" optional serie di articoli "border =" 0 "> </ a> <a href="/series/tracking-your-blogs-progress"> <img src =" / wp-content/images/featured-tracking - blog-mistakes.gif "alt =" serie di articoli di monitoraggio il tuo blog progressi "border =" 0 "> </ a> <a href="/series/how-to-monetize-your-blog/"> <img src = "/ wp-content/images/featured-monetize-mistakes.gif" alt = "serie di articoli come monetizzare il tuo blog" border = "0"> </ a> <a href = "/ series/watch-me- costruire a un divieto di nicchia-loco-da-zero "> <img src =" / wp-content/images/featured-bans-mistakes.gif "alt =" guardare me costruire un sito di nicchia "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: Se ti stai chiedendo perché il codice che mostra solo i link di testo e grafica e non la casella di e telaio, è perché ho reso lo sfondo nel mio style.css come questo:

 #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; altezza: 210px; padding-left: 20px; padding-top: 45px; sfondo: # 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. Speriamo che vi dà un'idea di come si possa bloccare una segnalazione al tuo blog home page.

Change your Wordpress Theme’s Color : This was a really quick fix. Cambia il tuo Wordpress Tema del Colore: Questo è stato davvero un quick fix. I like the layout of my blog, and this theme (Prosense) is great too. Mi piace il layout del mio blog, e questo tema (Prosense) è troppo 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. Ero solo stanco di marrone, così mi sono recato nella mia cartella immagini temi e trovato i 2 elementi grafici che compongono il fondo. I just took them into a graphics editor (Fireworks) and used the paintbucket to replace the colors. Ho appena preso in un editor di grafica (Fireworks) e la paintbucket utilizzati per sostituire i colori. Then I re-uploaded them to the server and “voila” we have new blog colors! Poi ho ri-caricato al server e "voilà" Abbiamo nuovo blog colori!

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. Cambia il tuo Tema della denominazione: Con l'aggiornamento di file style.css in "Presentazione -> Tema Editore -> style.css" si può dare rapidamente il tuo post e / o la tua sidebar voci di un nuovo look and feel. A heading or “H1″ (H2, H3, etc.) tag is an HTML tag that can be “styled”. Una voce o "H1" (H2, H3, ecc) tag è un tag HTML che possono essere "in stile". 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. Che essa può avere una frontiera, un colore di sfondo, un'immagine di sfondo, ed è possibile controllare il carattere, grassetto, corsivo, link, collegamento colori, e altro ancora. All Wordpress blogs have the same bland plain heading tags - spice yours up! Tutti i blogs di WordPress hanno la stessa voce blando pianura tag - spezie vostra! 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: Il tuo tema Il foglio di stile può essere un po 'diverso, ma ho intenzione di darvi il codice che ho scritto a cambiare il mio stile per iniziare:

 .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') a sinistra-non ripetere; 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 non si conosce HTML - o fogli di stile CSS, mi raccomando di leggere fino a oltre W3Schools.com - they have some of the best (free) HTML and CSS tutorials on the web. -- Sono alcuni dei migliori (gratuito) HTML e CSS tutorial sul 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: Esprimi la tua Wordpress Categorie Descrizioni: ho dato tutti e ciascuno dei miei Wordpress Categorie una significativa descrizione ad essere utilizzati per la categoria pagina (s) descrizione meta per la ricerca indicizzazione scopi:

Why? Perché? I use the Io uso la wpSEO plugin wpSEO plug in and it allows you to assign various options for the meta description field of any page in a Wordpress site. e permette di assegnare varie opzioni per il meta descrizione campo di qualsiasi pagina di un sito di 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. Per impostazione predefinita Wordpress categoria pagine non hanno una meta descrizione in modo che il crawler di ricerca ritiro le parole del primo post estratto sulla pagina. This causes “duplicate content” and can get you a google penalty. Questo fa sì che "duplicati" e si può ottenere un account Google pena. 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. Nel migliore dei casi, ogni singola categoria pagina che hai è "sprecato", nel senso che non otterrete qualsiasi buona indicizzazione nei motori di ricerca.

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. Come si può vedere che ho impostato il mio a fare il meta tag di descrizione per il mio Wordpress categoria pagine da "Categoria Descrizione" ho scritto andando a "Gestione -> Categorie" nella mia Bacheca e modifica di uno per uno. These will get me a couple dozen more indexed pages in SERP’s! Questi avranno un paio di me dozzina di pagine indicizzate più in SERP's!

Create Separate Wordpress Category Template Theme Pages : This is a goal I set for myself when I wrote Separare creare Wordpress Categoria Template Tema Pagine: Questo è un obiettivo impostate per me quando ho scritto Better SEO and $$$ with Wordpress Category Templates Meglio di SEO e $ $ $ con Wordpress Categoria Modelli last month. il mese scorso. 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. Al momento ho creato solo di alcune di queste pagine modello di categoria e non ha seguito attraverso la creazione di loro per ogni categoria nel mio blog. I should have, but did it today when I updated all the category descriptions. Avrei dovuto, ma l'ha fatto oggi quando ho aggiornato tutte le descrizioni di 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. Fondamentalmente quello che stai facendo qui sta facendo una categoria separata pagina modello per ogni categoria di Wordpress avete in modo da poter scrivere contenuti originali nella parte superiore di ogni pagina. By doing this you are making sure the page will be indexed well and you won’t get dinged by google for “duplicate content”. In questo modo si sta procedendo a che la pagina verrà indicizzato bene e non vi dinged da Google per "duplicati".

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. Questo vi dà anche la possibilità di monetizzare in alcune categorie particolari modi (con offerte speciali) prima o dopo il Estratti posti, si potrebbe anche rendere unico per la grafica superiore di ogni categoria. The possibilities are endless! Le possibilità sono infinite!

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 passato: Queste non sono le incisioni per quanto buona WP plugin, ma ho anche il mio tema modificato con l'aggiunta di cose che ho sentito sono state necessarie. Like breadcrumbs on every page, post (count) views, post voting, “print this post”, and Feedburner “flare”. Come il pane grattugiato su ogni pagina, post (count) punti di vista, dopo il voto, "stampa questo post", e Feedburner "flare". Oh - I almost forgot the most important thing - the “related posts”. Oh - ho quasi dimenticato la cosa più importante - la "posti". To find out how to get any of these plugins just visit my Per scoprire come ottenere uno di questi collegamenti solo la mia visita Wordpress Plugins Used Wordpress plugin utilizzati page! pagina!

I hope this gives you some ideas for giving your own wordpress blog a makeover! Spero che questo vi dà alcune idee per dare il tuo blog wordpress rifacimento! If you happen to make changes, come back here and let us know what you did and what worked (and what didn’t!). Se vi capita di apportare modifiche, tornare qui e farci sapere cosa ha fatto e che cosa ha funzionato (e che non ha!). Comments always help everyone by sharing even more information. Commenti sempre di aiutare tutti condivisione ancora più informazioni.