My Wordpress Makeover Tutorial Мой Wordpress преобразования Учебник

Wordpress Makeover Tutorial Wordpress преобразования Учебник

By Hacking Wordpress or your theme, you can easily customize your Wordpress blog. К Hacking Wordpress или Ваша тема, вы можете легко настроить Вашу Wordpress блоге. I’ll show you my hacks so you can get some ideas how to make your blog more “your own”. Я покажу вам мои хаки, чтобы вы могли получить некоторые идеи, как сделать свой блог более "свои собственные".

You may have noticed recently that this blog underwent a bit of a makeover. Вы, наверное, заметили, что в последнее время этот блог прошли немного преобразования. 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! Вещи не только лучше смотреть сверху, но под капотом вещи движутся лучше, чем когда-либо - с некоторыми из лучших SEO я мог бы проявить! I’m going to show you some quick things you can do to hack your own Wordpress theme into more of what you want. Я собираюсь показать вам некоторые вещи быстро вы можете сделать, чтобы взломать свой собственный Wordpress тему в более того, что вы хотите.

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. Добавить речами блок для стартовой: Я думаю, каждый должен иметь главной странице блок с Интересные места из-сайт - точно так же, любой магазин за распространение листовки за неделю или продажи в день. To do this you need to know some html and have a slight bit of graphics skill. Для этого вам необходимо знать некоторые html и имеют незначительные немного графики мастерства. I only do this on my homepage and I added this block by going to “Presentation -> Theme Editor -> Main Index Template”. Я только сделать это на моей домашней страницы, и я добавил этот блок, перейдя в "Презентация -> Тема редактор -> Главная Шаблон".

After these lines of 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: Я добавил div с помощью блока ссылки признакам, например:

 <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" альтернативный = "признакам исследования ключевых слов ошибки "пограничных =" 0 "> </> <a href="/category/blog-seo/"> <img src =" / wp-content/images/featured-seo-mistakes.gif "альтернативный =" признакам SEO ошибок "пограничных =" 0 "> </> <br> <a href="/category/wordpress/"> <img src =" / wp-content/images/featured-wordpress-mistakes.gif "альтернативный = "признакам wordpress ошибок" пограничных = "0"> </> <a href="/category/blog-promotion/"> <img src = "/ wp-content/images/featured-traffic-building-mistakes.gif "Альтернативный текст =" признакам движения строительных ошибок "пограничных =" 0 "> </> <br> <a href="/category/monetization/"> <img src =" / wp-content/images/featured-monetization- mistakes.gif "альтернативный =" признакам ошибки монетизации "пограничных =" 0 "> </> <a href="/link-building-cheat-sheet/"> <img src =" / wp-content/images/featured - linkbuilding-mistakes.gif "альтернативный =" признакам linkbuilding ошибок "пограничных =" 0 "> </> <a href="/series"> <img src =" / wp-content/images/featured-series.gif "Альтернативный текст =" признакам статьи серии "пограничных =" 0 "> </> <a href="/series/tracking-your-blogs-progress"> <img src =" / wp-content/images/featured-tracking - блог-mistakes.gif "альтернативный =" серии статей блога отслеживания прогресса "пограничных =" 0 "> </> <a href="/series/how-to-monetize-your-blog/"> <img src = "/ wp-content/images/featured-monetize-mistakes.gif" альтернативный = "серии статей о том, как повысить доходы от блога" пограничных = "0"> </> <href = "/ series/watch-me- строительство---запреты нишу-сайт-из-нуля "> <img src =" / wp-content/images/featured-bans-mistakes.gif "альтернативный =" смотреть мне построить нишу сайт "пограничных =" 0 " > </> </ 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: Если Вам интересно, почему этот код отображает только ссылки и текст, графику, а не окно и рама, потому что я сделал это на фоне моего style.css подобно этому:

 #featureblock { width: 495px; height: 210px; padding-left: 20px; padding-top: 45px; background: #FFF url('/wp-content/images/featured-crumple.jpg') no-repeat; } # (featureblock ширина: 495px высота: 210px; отступы-слева: 20px; обивка-рейтинг: 45px; фона: # FFF url ( '/ wp-content/images/featured-crumple.jpg') не повторять;) 

Hopefully that gives you some idea of how you can a featured block to your blog homepage. Надеемся, что дает вам некоторое представление о том, каким образом можно заблокировать речами на главной странице блога.

Change your Wordpress Theme’s Color : This was a really quick fix. Измените свой Wordpress теме Цвет: Это было очень быстрых решений. I like the layout of my blog, and this theme (Prosense) is great too. Мне нравится формат моего блога, и эта тема (Prosense) слишком велик. I was just tired of brown, so I went into my themes images folder and found the 2 graphics that make up the background. Я был просто устали от коричневой, поэтому я пошел в мою папку темы, картинки и обнаружили, 2 графики, которые составляют фон. I just took them into a graphics editor (Fireworks) and used the paintbucket to replace the colors. Я просто взял их в графический редактор (Фейерверк) и используется paintbucket для замены цветов. Then I re-uploaded them to the server and “voila” we have new blog colors! Затем я вновь загрузили их на сервер и "вуаля" у нас есть новый блог цветов!

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. Изменение Вашей теме Рубрики: При обновлении style.css файл в "Presentation -> Тема редактор -> style.css" Вы можете быстро давать свой пост и / или боковую панель рубриками-новому взглянуть и почувствовать. A heading or “H1″ (H2, H3, etc.) tag is an HTML tag that can be “styled”. Рубрика или "H1" (H2, H3, т.д.) тега HTML тег, который может быть "в стиле". 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. Оно может иметь границы, цвет фона, фоновое изображение, и вы можете контролировать, шрифт, полужирный, курсив, связь, связь цветов и многое другое. All Wordpress blogs have the same bland plain heading tags - spice yours up! Все Wordpress блоги имеют же bland равнине заголовком тэги - пряных вашей деятельности! 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: Ваши темы стилей могут быть немного разные, но я собираюсь дать вам код я писал изменить свой стиль, чтобы вы начали:

 .post h2 {  background: #FFC125 url('/wp-content/images/sharpie-star.gif') left no-repeat;  border: 1px solid;  border-color: #000000;  padding-left: 25px; } . должности h2 (фона: # FFC125 url ( '/ wp-content/images/sharpie-star.gif') не оставляет никаких-повторяю; границе: 1px твердого вещества; границы-цвет: # 000000; отступы-слева: 25px;) 

If you don’t know HTML - or CSS stylesheets, I would recommend reading up over at Если вы не знаете HTML - или таблицы стилей CSS, я рекомендую прочесть в течение в W3Schools.com - they have some of the best (free) HTML and CSS tutorials on the web. -- Они одни из лучших (бесплатно) HTML и CSS учебники по сети.

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: Дайте Ваш Wordpress категории Описания: я дал каждому из моих Wordpress категории значимых описания, которые будут использоваться для категории странице (ах) мета-описания для поиска, индексирования целей:

Why? Почему? I use the Я использую wpSEO plugin wpSEO плагин and it allows you to assign various options for the meta description field of any page in a Wordpress 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. По умолчанию Wordpress страницы категорий не имеют мета-описания тем поиск сканер звукоснимателя словам первого сообщения с выдержками на странице. This causes “duplicate content” and can get you a google penalty. Это приводит к "повторяющие содержание", и вы можете получить 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. В лучшем случае, каждый отдельный страницы категории у вас есть "впустую" в смысле, что он не получит никакой пользы индексации в поисковых системах.

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. Как вы видите я установить мину сделать описание мета-тегов для моей категории Wordpress страниц будет "Описание категории" я писал, перейдя в "Управление -> Категории" в моей панели инструментов и редактирования их одну за другой. These will get me a couple dozen more indexed pages in SERP’s! Они получат меня пару десятков больше проиндексированных страниц в SERP в!

Create Separate Wordpress Category Template Theme Pages : This is a goal I set for myself when I wrote Создать отдельные категории Wordpress Шаблон страницы тема: Это цель я поставил для себя лично, когда я писал Better SEO and $$$ with Wordpress Category Templates Лучше SEO и $ $ $ с Wordpress Категория Шаблоны last month. в прошлом месяце. 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. В то время я только немногие из этих категорий шаблонов страниц и не следовать при создании их для каждой категории в моем блоге. I should have, but did it today when I updated all the category descriptions. Я должен, однако сделал это сегодня, когда я обновлены все категории описаний. 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. В принципе то, что вы делаете здесь делает отдельную категорию шаблон страницы для каждой категории Wordpress у вас, чтобы вы могли писать исходное содержание в верхней части каждой страницы. By doing this you are making sure the page will be indexed well and you won’t get dinged by google for “duplicate content”. При этом вы делаете уверены, что страницы будут индексироваться так и вы не получите dinged на google по "повторяющие содержание".

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. Это также дает возможность повысить доходы некоторых категорий в специальных путей (со специальных предложений) до или после выдержки должности, вы могли бы даже сделать уникальную графику для верхней части каждой страницы категории. The possibilities are endless! Возможности для этого бесконечны!

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 хаки из прошлого: Это не хаки, насколько это хороший WP плагины, но я также изменили мое тему, добавив вещи я чувствовал были необходимы. Like breadcrumbs on every page, post (count) views, post voting, “print this post”, and Feedburner “flare”. Как breadcrumbs на каждой странице, должность (кол) взглядов, после голосования, "распечатать эту должность", и Feedburner "ловушку". Oh - I almost forgot the most important thing - the “related posts”. Ах, - я почти забыл самое главное - "соответствующих должностей". To find out how to get any of these plugins just visit my Чтобы узнать, как получить любой из этих плагинов просто посетить мой Wordpress Plugins Used Плагинов для Wordpress, используемых page! страницу!

I hope this gives you some ideas for giving your own wordpress blog a makeover! Я надеюсь, что это дает вам некоторые идеи для придания свой собственный блог wordpress преобразования! If you happen to make changes, come back here and let us know what you did and what worked (and what didn’t!). Если вам случится внести изменения, вернуться сюда и дайте нам знать, что вы делали и то, что работали (а что нет!). Comments always help everyone by sharing even more information. Комментарии всегда помогут всем, делясь даже больше информации.