My Wordpress Makeover Tutorial بلدي WordPress makeover البرنامج التعليمى

Wordpress Makeover Tutorial WordPress makeover البرنامج التعليمى

By Hacking Wordpress or your theme, you can easily customize your Wordpress blog. او عن طريق تقطيع 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. كنت قد لاحظت في الاونة الاخيرة ان هذا بلوق خضعت شيئا من 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! الا ان ننظر الى الامور على نحو افضل وليس على رأسها ، ولكن تحت غطاء إدارة الأمور على نحو أفضل من أي وقت مضى -- مع بعض من أفضل سيو استطيع ان يستجمع! 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. لذلك انت بحاجة الى معرفته لغة تأشير النص الفائق وبعض طفيف قليلا من الرسومات مهاره. 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"> <divid="wrapper"> <divid="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> <divid="featureblock"> <ahref="/keyword-research-cheat-sheet/"> <img src = "/ wp-content/images/featured-keyword-mistakes.gif" البديل = "عرض الكلمات الرئيسية للبحث اخطاء "الحدود =" 0 "> </ أ> <ahref="/category/blog-seo/"> <img src =" / wp-content/images/featured-seo-mistakes.gif "البديل =" المميزه سيو الاخطاء "الحدود =" 0 "> </ أ> <br><ahref="/category/wordpress/"> <img src =" / wp-content/images/featured-wordpress-mistakes.gif "البديل = "عرض WordPress اخطاء" الحدود = "0"> </ أ> <ahref="/category/blog-promotion/"> <img src = "/ wp-content/images/featured-traffic-building-mistakes.gif "البديل =" برزت حركة المرور بناء اخطاء "الحدود =" 0 "> </ أ> <br><ahref="/category/monetization/"> <img src =" / wp-content/images/featured-monetization- mistakes.gif "البديل =" عرض النقود اخطاء "الحدود =" 0 "> </ أ> <ahref="/link-building-cheat-sheet/"> <img src =" / wp-content/images/featured - linkbuilding - mistakes.gif "البديل =" linkbuilding عرض الاخطاء "الحدود =" 0 "> </ أ> <ahref="/series"> <img src =" / wp-content/images/featured-series.gif "البديل =" المادة عرض مسلسل "الحدود =" 0 "> </ أ> <ahref="/series/tracking-your-blogs-progress"> <img src =" / wp-content/images/featured-tracking - بلوق - mistakes.gif "البديل =" المادة الخاصة بك بلوق سلسلة تتبع التقدم "الحدود =" 0 "> </ أ> <ahref="/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 موقع ( '/ 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 "عرض --> الموضوع محرر --> style.css" يمكنك اعطاء مشاركتك و / أو الشريط الجانبي الخاص بك عناوين جديدة الشكل والمظهر. A heading or “H1″ (H2, H3, etc.) tag is an HTML tag that can be “styled”. أ او البند "H1" (H2 ، H3 ، وما الى ذلك) علامة هو لغة تأشير النص الفائق التي يمكن أن تكون علامة "التي تطلق على". 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 يكون لها نفس العلامات رقيق سهل البند -- التوابل لك! 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: الموضوع الخاص بك 'sstylesheet قد تكون مختلفة بعض الشيء ، ولكن انا ذاهب الى ان نعطيكم قانون كتبت لاغير اسلوب للحصول على انك بدأته :

 .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 موقع ( '/ 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 اذا كنت لا تعرف لغة تأشير النص الفائق -- معدات الشكل او CSS ، اود ان اوصى في اكثر من القراءة W3Schools.com W3schools.com - they have some of the best (free) HTML and CSS tutorials on the web. -- هناك بعض من أفضل (الأحرار) ولغة تأشير النص الفائق 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. ويتسبب ذلك في "مضمون المزدوجه" ويمكن الحصول على صور لك العقوبه. 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 وافضل سيو $ $ $ مع الفئة قوالب 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 "ازدواجيه المحتوى".

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 المأجورون من الماضي : هذه ليست المأجورون بقدر جيد رزمه العمل ملحقات ، ولكن أيضا لقد قمت بتعديل الموضوع باضافه بلدي شعرت امور ضروريه. 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 تستخدم ووردبريس ملحقات page! الصفحه!

I hope this gives you some ideas for giving your own wordpress blog a makeover! وامل وهذا يوفر لك بعض الافكار لاعطاء الخاصة بك بلوق WordPress أ makeover! 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. التعليقات دائما ان يساعد الجميع من خلال تبادل المزيد من المعلومات.