How to Create Your Own Wordpress Theme كيف احصل على موضوع وورد

Have you ever wanted to create your own custom wordpress theme? هل تريد خلق المخصص الخاص بك ووردبرس] موضوع؟ I’ll show you how to start learning to hack away at your own WP theme in this tutorial in just a matter of minutes… أنا سأريك كيف تبدأ تعلم الإختراق الخاصة بك بعيدا في موضوع الفسفور الابيض في هذا البرنامج التعليمي في مجرد مسألة دقيقة...

This is the second installment in the هذا هو القسط الثاني في Managing Wordpress More Effectively Series إدارة أكثر فعالية وورد سلسلة - so you can get control of your blog and wring every last bit out of your content and visitors, saving you time and making you more money! -- حتى يمكنك الحصول عليها من مراقبة الخاص بك بلوق وتفرك كل الماضي قليلا من المحتوى الخاص بك والزوار ، موفرا عليك الوقت وجعل لكم المزيد من المال!

If you’re a regular reader of this blog, you might notice that JTPratt’s Blogging Mistakes now has a new theme! إذا كنت منتظم القارئ من هذا بلوق ، كنت قد تلاحظ أن JTPratt 'sالتدوين أخطاء يقع الآن موضوع جديد! I think that a blog grows with the blogger, and the biggest mistake you can make is not modifying your blog to display your progress. أعتقد أن ينمو بلوق مع مدون ، وأكبر خطأ يمكن جعل لكم لا تعديل بلوق الخاصة بك لعرض التقدم المحرز الخاص بك. I started out in 2007 with a really nice theme (Prosense), because it did most of what I wanted and looked professional. أنا بدأت في عام 2007 مع لطيف للموضوع (Prosense) ، لأنها لم معظم ما أردت وبدا المهنية. But I hacked and hacked and hacked it some more to slowly get rid of things I didn’t like. ولكني اخترق واخترق ، وأنه اخترق بعض أكثر ببطء إلى التخلص من أمور لم تعجبني. Finally - I just had to say enough is enough and create my own Wordpress theme just exactly the way I wanted it. وأخيرا -- أنا فقط كان لنقول كفى وخلق بلدي وورد فقط موضوع بالضبط الطريقة التي أردت.

Wordpress Theme Hacking وورد موضوع القرصنة

If you’re curious and you know some HTML and CSS (even just enough to be dangerous) this guide was made for you. إذا كنت غريبة وتعلمون بعض هتمل والمغلق (حتى مجرد أن تكون خطيرة بما يكفي ل) هذا الدليل للكم. This isn’ta definitive guide or anything, but it will get you started and I’m sure it will give you some good ideas to create your own “custom Wordpress theme”. هذا ، أليست هي دليل او اي شيء نهائي ، لكنه سيحصل لكم بدأت وأنا متأكد من أنها سوف أعطيكم بعض الأفكار الجيدة لخلق بنفسك "العرف وورد في موضوع". This is the “How to Create Your Own Wordpress Theme” tutorial, or “How to Hack Wordpress Themes”. وهذا هو "كيف احصل على وورد موضوع" درس خصوصي ، أو "كيف هاك لمواضيع وورد". The first thing you need to do is get the أول شيء عليك القيام به هو الحصول على Theme Test Drive موضوع قيادة تجريبية plugin. البرنامج المساعد. I used this plugin for two weeks, so I could hack and test my new theme to death before putting it live. أنا استخدم هذا البرنامج المساعد لمدة اسبوعين ، لذلك يمكن أن الإختراق واختبار الجديدة بلدي لموضوع الموت قبل طرح المشروع في العيش. You see, it allows you to set a theme that only the admin will see when logged into the Wordpress. ترى ، يسمح لك لتحديد موضوع إلا أن المشرف سوف انظر عندما تقم بتسجيل الدخول إلى وورد. So as long as you’re logged in, you will see the new custom theme you’re building but all your visitors will see the regular one. ذلك طالما أنك في تسجيل الدخول ، سترى الجديد عرف موضوع كنت بناء ولكن كل ما تبذلونه من الزوار سوف انظر العادية واحدة.

Creating Your Own WP Theme from a Copy تهيئة الخاصة بك الفسفور الابيض نسخة من الموضوع

Now login to your web site in FTP and download the theme you’re using now to your desktop. الآن تسجيل الدخول إلى موقع الويب الخاص بك بروتوكول نقل الملفات في التحميل وموضوع كنت تستخدم الآن إلى سطح المكتب. Give the folder a unique name like “custom-theme” or something. مجلد إعطاء اسم فريد مثل "العرف بين موضوع" أو شيء. I’m going to show you how to create your own theme by starting to modify a second copy of the one you’re currently using (without anyone but you knowing about it). انا سوف تظهر لك كيفية إنشاء الخاصة بك بدءا من موضوع من قبل لتعديل نسخة ثانية من واحد كنت تستخدم حاليا (دون أي شخص ولكنك على علم بذلك). Now, using Notepad (or any text editor) open the “style.css” file. الآن ، باستخدام المفكرة (أو أي محرر نصوص) فتح "style.css" ملف. At the top of the file are some comment lines. في الجزء العلوي من ملف تعليق بعض الخطوط. When you go to “Presentation -> Themes” in your Wordpress dashboard, the titles and descriptions of the themes you have installed come from the “style.css” file of those themes. عندما تذهب إلى "عرض --> المواضيع" وورد الخاص بك في لوحة القيادة ، عناوين وأوصاف من المواضيع تثبيت تأتي من "style.css" ملف هذه المواضيع. The style file you just opened should already have comments like this as the first few lines like this: النمط مجرد فتح الملف يجب أن لديها بالفعل مثل هذه التعليقات حسب القليلة الأولى خطوط مثل هذا :

 /* Theme Name: JTPratts Custom Theme Theme URI: http://www.jtpratt.com Description: No nonsense custom theme developed in house. Author: JTPratt's Blogging Mistakes Author URI: http://www.jtpratt.com 

Modify all those lines with your own details, delete the “screenshot.png” file from the folder, and then upload the entire folder back to your theme directory in FTP. تعديل جميع هذه الخطوط مع التفاصيل الخاصة بك ، حذف "screenshot.png" ملف من مجلد ، وبعد ذلك تحميل كامل ملف العودة الى حسابك في موضوع دليل بروتوكول نقل الملفات. If you have a graphics editor, you could instead open the screenshot file and modify it to go with your theme. إذا كان لديك محرر الرسوم البيانية ، يمكن بدلا من فتح ملف لقطة للشاشة وتعديلها لتتناسب مع الموضوع الخاص بك. I created a custom one so I could tell my backup from my live one like this: أنا خلق العرف واحد حتى يمكنني أن أقول بلدي من بلدي العيش احتياطية واحدة مثل هذا :

Once you’ve uploaded the folder to your theme directory, go back to your WP dashboard and “Presentation -> Themes” tab. وبمجرد قيامك بتحميل ملف الى حسابك في موضوع دليل ، والعودة إلى حسابك في لوحة القيادة والفسفور الابيض "عرض --> مواضيع" علامة التبويب. Your new theme should now be an option. الموضوع الجديد الخاص بك الآن يجب أن يكون خيارا. If you also created a “screenshot.png” (it must be named exactly that) and uploaded it in the folder too - the new picture of your theme will show up as well as in my example above. إذا كنت أيضا خلق "screenshot.png" (يجب أن يكون اسمه بالضبط) والتي تم تحميلها في مجلد جدا -- صورة جديدة للموضوع الخاص بك سوف تظهر وكذلك في بلدي المثال أعلاه.

How to Test a Wordpress Theme as Admin Only كيف لاختبار وورد الموضوع من حيث الادارية فقط

Now, enable the “Theme Test Drive” plugin you downloaded and installed if you haven’t already. الآن ، تمكن "الموضوع للتجربة" البرنامج المساعد لكم تحميل وتثبيت لو أنك لم تقم بالفعل. Go to “Presentation -> Theme Test drive”, choose your new theme from the dropdown and click the “enable” button. اذهب إلى "عرض --> موضوع قيادة تجريبية" ، اختر موضوعا جديدا من منسدلة وانقر على "تمكين" زر.

That’s it - now your ready to start theme hacking! هذا كل شيء -- الخاص بك الآن على استعداد للبدء في موضوع القرصنة! Go to the “Presentation -> Theme Editor” tab and in the drop down menu your “current” theme will be listed like this: اذهب إلى "عرض --> محرر الموضوع" في علامة التبويب وتظهر القائمة المنسدلة الخاصة بك "الحالية" وسيتم إدراج موضوع مثل هذا :

That’s my current theme everyone sees. وهذا قراري الحالي موضوع يرى الجميع. Before I start editing the test theme only I will see as admin I need to switch to that one in the theme editor like this: قبل أن أبدأ التحرير الاختبار موضوع فقط سوف أرى ما الادارية أحتاج إلى أن التحول إلى واحد في موضوع مثل هذا المحرر :

Now in the right hand list of files, find the one labeled “Main Index” and click on it. الآن في اليد اليمنى من قائمة الملفات ، تجد واحدة وصفها بانها "مؤشر الرئيسية" واضغط عليها. 10 or 20 lines in you should see something like this: 10 أو 20 في خطوط سترى شيئا مثل هذا :

 <div class="entry"> <?php the_content('Read the rest of this entry &raquo;'); ?> </div> 

Right after the div entry tag add a bunch of random text, save the file, and in another tab or browser window load up your blog home page. الحق بعد div إضافة بطاقة دخول حفنة من عشوائية النص ، حفظ الملف ، وآخر في علامة التبويب أو نافذة المتصفح الخاص بك بلوق تحميل الصفحة الرئيسية. Does it contain the random text? هل يتضمن النص عشوائية؟ If it does - great! إذا فعلت -- عظيم! If not, go back and follow the directions again to see what you did wrong. وإذا لم يكن ، والعودة مرة أخرى اتبع التعليمات لمعرفة ما فعلتم الخطأ. Now I don’t know how much HTML and CSS code you know - so if you need a reference be sure to visit and bookmark الآن لا أعرف مدى هتمل المغلق ورمز تعلمون -- حتى إذا كنت في حاجة الى التأكد من إشارة إلى زيارة والمرجعية W3Schools which is a free online resource for web coding. التي هي حرة على الانترنت الموارد على الشبكة العالمية للترميز. They have a reference page for each and every tag, and many free tutorials. وقد إشارة صفحة عن كل بطاقة ، والعديد من البرامج التعليمية الحرة.

What is the “Wordpress Loop”? ما هي "وورد قم بالالتفاف"؟

Depending on how much HTML and CSS code you know (and are willing to mess with) now you remove the random text and start messing around with your theme. واعتمادا على مدى والمغلق هتمل رمز تعلمون (وعلى استعداد لمع فوضى) الآن قمت بإزالة عشوائية بداية النص وصالات للطعام حول الموضوع الخاص بك. Remember - only you can see the changes (while you’re logged in as admin), and you can even make major changes to the sidebar, header, and footer. تذكر -- فقط تستطيع أن ترى التغييرات (في حين كنت مسجله في الادارية) ، ويمكنك حتى أن تغييرات رئيسية إلى الشريط الجانبي ، رأس ، والذيل. The code I just showed you is what puts the posts on the main page. مدونة أنا فقط أظهر لكم هو ما يضع وظيفة على الصفحة الرئيسية. Not the titles or meta information, just the post content itself. لا عناوين أو ميتا المعلومات ، مجرد وظيفة المحتوى نفسه. You home page (Main Index) contains a “loop”. هل برأيك (مؤشر الرئيسية) على "الحلقة". It’s called the “Wordpress loop” because by default your Main Index shows 10 posts. انه يسمى "حلقة وورد" بسبب تقصير من جانب الخاص بك الرئيسية ويظهر مؤشر 10 وظائف. The PHP code for the look basically says (in English) “once you find the first posts, do these things over and over until you reach the tenth post. وقد PHP رمز للبحث أساسا وتقول (باللغة العربية) "وعندما تجد أول وظيفة ، وافعل هذه الاشياء أكثر وأكثر حتى تصل إلى ما بعد العاشرة. So if you put something “in the loop” (like a picture or text) is would display on your Main Index page 10 times before or afer the content for each post beginning with the first until it reached the last. حتى انك اذا وضعت شيئا "في حلقة" (مثل صورة أو نص) هو أن العرض الخاص بك على الصفحة الرئيسية مؤشر 10 مرات من قبل أو afer مضمون للكل وظيفة بدءا من الأول حتى انها وصلت الى الماضي.

I’m telling you this because if you want a graphic at the top of your page before the posts (like mine) you have to place it “before the loop”. اقول لكم هذا لأنه إذا كنت تريد بيانية في أعلى الصفحة الخاصة بك قبل وظيفة (مثل الألغام) لديك لتضعها "قبل حلقة". If you want it after all the posts, like the 336×280 ad at the bottom of my Main Index page, it has to go “after the loop”. إذا كنت تريد أنه بعد كل هذه الوظائف ، مثل 336 × 280 الإعلانية في أسفل الصفحة مؤشر الرئيسية بلدي ، لأنه قد يذهب "بعد حلقة". While EVERY theme is a bit different I this is what you look for: وفي حين أن كل موضوع هو مختلف بعض الشيء الأول هذا هو ما كنت تبحث عن :

 <?php if (have_posts()) : ?> <?php endwhile; ?> 

The Wordpress loop starts with the have_posts line and ends with the endwhile line. وقد وورد حلقة تبدأ مع have_posts خط وينتهي مع endwhile الخط. Before and after those 2 lines would be “before and after the loop”. قبل وبعد تلك الخطوط 2 سيكون "قبل وبعد حلقة". Somewhere in between those 2 lines would be placing something “in the loop”. في مكان ما بين تلك الخطوط 2 سيكون وضع شيء "في حلقة". I wanted to explain this to you before you started hacking around and wondered why your changes showed up in weird place. كنت أريد أن أشرح لكم هذا هل بدأت قبل نحو القرصنة وتساءل عن السبب في التغييرات التي قمت بها ظهر في مكان غريب. For practice, try adding some kind of code or script for an ad (or just a linked image if you know the code) before or after the loop on your Main index page. لهذه الممارسة ، مشيرا الى محاولة من نوع ما أو رمز البرنامج النصي للإعلان (أو مجرد صورة ترتبط إذا كنت تعرف رمز) قبل أو بعد الحلقة الرئيسية الخاصة بك على صفحة فهرس. If you’re new at this it’s good practice, and you should be figuring out why so many of us hack our theme by hand - it’s just impossible to have a plugin for every little modification you want to make. إذا كنت جديدة في هذا الامر الممارسات الجيدة ، ويجب أن يكون كشف السبب الذي يجعل الكثير منا الإختراق موضوعنا باليد -- انها مجرد من المستحيل أن يكون البرنامج المساعد لتعديل كل صغيرة وتريد تقديم.

Your First Wordpress Theme Hack وورد الخاص بك أول موضوع هاك

Now I’m going to teach you your first real ‘hack’. الآن سأذهب لتدريس لك الحقيقية الأولى 'الإختراق'. Let’s say you want to show some kind of text, image, or ad further down your Main Index page, but not before or after “the loop” and not after all 10 posts. دعونا نقول أنك تريد اظهار نوع من نص ، صورة ، أو الإعلانية كذلك بانخفاض مؤشر صفحة الرئيسية الخاصة بك ، ولكن ليس قبل أو بعد "الحلقة" ، وليس بعد كل 10 وظائف. You have to insert a line of code to tell “the loop” to display it only once (and where) لديك لتضاف الى خط رمز نقول "حلقة" لعرضها مرة واحدة فقط (وفيها)

 <?php if ($count==2) { include('main-index-ad.php'); } ?> <?php $count = $count + 1; ?> <?php endwhile; ?> 

The first line is the one you copy and paste into your Main Index file, put it before the count and endwhile lines just like in my example. الخط الأول هو واحد لكم نسخ ولصق الرئيسية الخاصة بك إلى مؤشر ملف ، وطرح عليه قبل الفرز وendwhile خطوط مثل في بلدي مثلا. That line of PHP code says to the loop (in English) “while you counting, after the second post print the contents of the main-index-ad.php file”. هذا الخط من رمز PHP تقول لحلقة (باللغة العربية) "في حين عد لكم ، بعد الثانية بعد طباعة محتويات الرئيسية للمؤشر بين ad.php الملف". This means of course, you have to create a file called ‘main-index-ad.php’ (or whatever you want to call it) and add the script or code or whatever you want to put after the second post. وهذا يعني ، بالطبع ، لديك لإنشاء ملف يسمى 'مؤشر الرئيسي بين ad.php' (أو ما تريد أن نسميها) وتضاف البرنامج النصي أو رمز أو أيا كنت تريد وضع بعد وظيفة ثانية. Make the change in your Main Index file and “save”. جعل تغيير مؤشر الرئيسية الخاصة بك في ملف و"إنقاذ". Upload the main-index-ad.php file to your theme folder, and then reload your home page to test your very first theme hack. تحميل الرئيسي بين الرقم القياسي بين ad.php ملف الى حسابك في موضوع مجلد ، وبعد ذلك إعادة تحميل صفحتك الرئيسية الخاصة بك لاختبار أول موضوع الإختراق. Did it work? وهل العمل؟

So far, we’ve been working on only the “Main Index” or index.php file for theme hacks. حتى الآن ، كنا على العمل فقط "مؤشر الرئيسية" أو ملف index.php لموضوع المأجورون. Although every theme is a bit different, nearly every one has a Main Index, a Single Post, a Page file, 404 Template (file not found), Sidebar (sometimes 2), Comments, and Archives page. ورغم أن كل موضوع هو مختلف قليلا ، تقريبا كل واحد له مؤشر الرئيسية ، وظيفة واحدة ، وهو ملف صفحة ، 404 قالب (لم يتم العثور على الملف) ، الشريط الجانبي (في بعض الأحيان 2) ، تعليقات ، والمحفوظات صفحة. Some themes also have a Category page, but if they don’t the Archives.php page will be used for category pages too. بعض المواضيع أيضا من الفئة صفحة ، ولكن اذا لم يفعلوا فإن Archives.php صفحة وسوف تستخدم لصفحات الفئة أيضا. I point this out because if you ad something to the homepage, you might also want it to appear on single posts, or pages, or category pages. أنا أشير إلى هذه النقطة لانه اذا الإعلانية شيء إلى الصفحة الرئيسية ، قد ترغب أيضا لأنها تظهر على وظيفة واحدة ، أو الصفحات ، أو صفحات الفئة. Like in the previous example you might consider making several files with ads, text, or images and uploading them to your theme directory. كما في المثال السابق أنك قد تنظر في تقديم عدة ملفات مع الإعلانات ، نص ، أو تحميل الصور ومنها الى حسابك في موضوع دليل. You can use the same line of code in the previous example to include any file before or after the loop. يمكنك استخدام نفس خط من رمز في المثال السابق لتشمل أي ملف قبل أو بعد الحلقة. Just remove the count statement like this: مجرد إزالة الفرز مثل هذا البيان :

 <?php include('name-of-my-file.php'); ?> 

It’s much smarter to add things to your pages with a file like this if it’s going to be in multiple places. انها أكثر ذكاء لإضافة الكثير من الامور لصفحات موقعك مع ملف مثل هذا اذا اريد له ان يكون في أماكن متعددة. Otherwise, you have to manually modify multiple files. وبخلاف ذلك ، لديك يدويا لتعديل ملفات متعددة. If you do it like this, in the future when you need to change that content, you just edit the one file. اذا كنت تفعل ذلك مثل هذا ، في المستقبل عندما تحتاج إلى أن تغيير مضمون ، عليك فقط تحرير ملف واحد.

Your Second Wordpress Theme Hack وورد الخاص بك الثانية موضوع هاك

For quite a while I had wanted to add the comment count under my post titles on my index page where they would be linked to actually post a comment. لفترة طويلة بينما كنت تريد إضافة تعليق الفرز تحت عناوين منصبي على بلدي صفحة فهرس حيث سوف ترتبط فعلا بعد تعليق. Oh - an I wanted a little comment graphic beside them too. أوه -- أردت قليلا تعليق الرسوم البيانية بجانبها أيضا. Basically “inside the loop” you just add the following PHP code somewhere are your post title: أساسا "داخل حلقة" لكم فقط إضافة التالي رمز PHP ما هي وظيفة العنوان الخاص بك :

 <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2> <?php $comments_img_link= '<img src="/wp-content/images/comments-icon.gif"  title="comments" alt="comments" />'; comments_popup_link($comments_img_link .' Comments(0)', $comments_img_link .' Comments(1)', $comments_img_link . '  Comments(%)');?> 

The first line is the code you need to find “in the loop” which prints out the post title heading. الخط الأول هو رمز لكم الحاجة إلى إيجاد "في حلقة" التي بطباعة ما بعد عنوان البند. Your may look slightly different, just look for “the_title” in the line. الخاص بك قد تبدو مختلفة بعض الشيء ، فقط للبحث عن "the_title" في الخط. Right after that paste the two lines in my example. الحق بعد أن لصق خطين في بلدي مثلا. You’ll meed to modify the first line with the name of and correct path to your comment icon. يمكنك ميد لتعديل الخط الأول مع اسم والطريق الصحيح لتعليقك على أيقونة. You’ll need to create one or find a free suitable one on the web. ستحتاج إلى إنشاء واحدة أو إيجاد الحرة مناسبة واحدة على الشبكة.

Adding a plugin to do the Hacking for You إضافة البرنامج المساعد لتفعل أنت لالتقطيع

There’s still a few things that Wordpress “won’t do” what I prefer to have on my blog that are easily added with a plugin. وما زال هناك بعض الامور التي وورد "لن تفعل" ما كنت تفضل على بلدي بلوق وأضاف أن بسهولة مع البرنامج المساعد. For most of these things I use وبالنسبة لمعظم هذه الأمور أنا استخدام Lester Chan’s Wordpress Plugins ليستر تشان وورد المحمول . I use WP-PageNavi for the navigation at the bottom of my home page, and replaced the horrible “previous” and “next” default wordpress navigation links with it. أنا استخدام الفسفور الابيض - PageNavi للملاحة في أسفل الصفحة الرئيسية لبلدي ، وبعبارة الرهيبة "السابقة" و "القادم" التقصير ووردبرس] الملاحة وصلات معها. I use WP-PostRatings for the star voting on each post. أنا استخدام الفسفور الابيض - PostRatings للنجمة على التصويت لكل وظيفة. WP-Post Views displays the post count for each post, in addition to the “most viewed” posts in my sidebar. الفسفور الابيض - بوست يعرض آراء عدد الوظائف لكل وظيفة ، بالإضافة إلى "معظم ينظر إلى" وظائف في بلادي الشريط الجانبي. The WP-Print plugin is for the printer friendly page link for posts. فإن الفسفور الابيض بين طبعها هو البرنامج المساعد للطباعة صفحة للربط وظيفة. With all these Lester Chan Wordpress plugins, once you install and activate them, all you have to do is copy and paste the line of PHP code on the pages and places you want the plugin to display something. مع كل هذه تشان وورد ليستر المحمول ، بمجرد تثبيت وتفعيل لهم ، كل ما عليك القيام به هو نسخ ولصق خط PHP مدونة على صفحات وأماكن تريدون البرنامج المساعد لعرض شيء. You get that code on the documentation “usage” page for each plugin on Lester’s site. لك أن مدونة على وثائق "استعمال" صفحة البرنامج المساعد لكل موقع على ليستر. After doing the first two hacks, it should be pretty easy to add the code to your template pages for the plugin hacks to work. بعد القيام الأولين المأجورون ، ينبغي أن يكون من السهل جدا إضافة إلى رمز القالب صفحة البرنامج المساعد لالمأجورون العمل.

In addition to the Lester Chan plugins, on my pages after the posts on my main page you’ll see some options for visitor’s like “subscribe to this feed”, “email this”, “digg this”, etc. These features actually come from Feedburner. وبالإضافة إلى ليستر تشان المحمول ، على صفحاتي بعد على وظائف بلدي الصفحة الرئيسية للسترى بعض الخيارات لزيارة مثل "الاشتراك في هذه الخلاصة" ، و "هذا البريد الإلكتروني" ، و "يسو هذا" ، وما هذه السمات في الواقع يأتي من فيدبورنر. I know on a lot sites I see people adding a “social” plugin to display a bazillion options for all the tagging sites. أنا أعرف الكثير عن مواقع وأرى الناس واضاف "اجتماعيا" البرنامج المساعد لعرض bazillion خيارات لوضع علامات على جميع المواقع. I use Feedburner for my feed (like most bloggers do), and they have a “Feedburner Feedsmith” plugin that will add that “flare” after your posts - which I think have much more helpful options than any social plugin around. أنا استخدام فيدبورنر بلدي لتغذية (مثل معظم المدونين لا) ، ولهم "فيدبورنر Feedsmith" البرنامج المساعد من شأنها أن أضيف أن "إنارة" وبعد مناصبكم -- الذي أعتقد أنه أكثر بكثير من المفيد أكثر من أي الخيارات الاجتماعية حول البرنامج المساعد. If you download and enable that plugin from Feedburner, you have to add the provided PHP code to your template as well. إذا كنت والتحميل ان البرنامج المساعد تمكن من فيدبورنر ، لديك لتضاف إلى قانون ينص PHP القالب أيضا.

Hacking Your Theme Stylesheet موضوع القرصنة الخاصة بك Stylesheet

Your stylesheet contains all properties of all the colors and sizes of items on your blog. stylesheet الخاص بك يحتوي على جميع الممتلكات من جميع الألوان والأحجام من البنود الخاصة بك على بلوق. It has background and link colors, font sizes, bold, italics, you name it. وقد ربط وألوان الخلفية ، الخط الأحجام ، جريئة ، بخط مائل ، تستطيع أن تسميه. In your dashboard theme editor click on “Stylesheet” to bring up this file. الموجود في لوحة محرر انقر على موضوع "Stylesheet" لطرح هذا الملف. It’s the same one you added the theme properties to on your computer in a text editor at the very beginning of this article. انها نفس واحدة لك واضاف لموضوع الممتلكات على جهاز الكمبيوتر الخاص بك في محرر نصوص في بداية هذه المادة. YOUR stylesheet is more than likely going to be completely different than mine, and editing it won’t be as easy as the earlier copy and paste hacks. لك stylesheet هو أكثر من المحتمل ستكون مختلفة تماما من الألغام ، والتحرير لن يكون سهلا كما في وقت سابق نسخ ولصق المأجورون. What you need to know is that every web page is a “document” that has “elements”. ما تحتاج لمعرفته هو أن كل صفحة على الشبكة العالمية هو "وثيقة" أن "العناصر". The elements are setup in a “box model”, and items like div’s, paragraphs (p’s), spans, the body, headings (h’s), blockquote, and list tags (ul, ol, li or underordered list, ordered list, and list) are all “boxes”. وعناصر هذا الإعداد في "مربع نموذج" ، والبنود مثل div 's، الفقرات (ع's) ، يمتد ، وهي الهيئة ، والعناوين الرئيسية (ح 's) ، blockquote ، وقائمة العلامات (وخدام ، الرتب الأخرى ، أو لى underordered قائمة ، وأمر قائمة ، والقائمة (هي كل "صناديق". In CSS code everything “nests” and “properties” can be assigned to elements at any level. رمز المغلق في كل شيء "اوكار" و "الممتلكات" الذي يمكن تكليفه لعناصر على أي مستوى. Here’sa diagram example: Here'sa الرسم البياني على سبيل المثال :

That image is an example of how all the boxes would look if you drew them all out. أن الصورة هي مثال على كيفية جميع الصناديق سوف تنظر لكم لو وجه لهم جميعا. Here’s how those boxes look as (well formatted) HTML code: إليك كيف تبدو تلك الصناديق (إضافة إلى الصيغة) هتمل رمز :

 <body> <div> <p> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </p> </div> </body> 

I wanted you to visualize this before you started stylesheet hacking so you would know about how nesting works. أردت أن تصور لك هذا من قبل هل بدأت stylesheet القرصنة حتى كنت تعرف كيف تعمل التعشيش. If you change the (font) “color” to grey at the “body” level all the text on the page will be grey. إذا قمت بتغيير (الخط) "لون" لالرمادية في "هيئة" على مستوى كل نص على الصفحة سيكون الرمادية. If you also change the font color to green at the “li” or list item level, all the text on the page will be grey except the list items, which will be green. إذا كنت أيضا تغيير لون الخط الاخضر لفي "لى" قائمة البند أو المستوى ، كل نص على صفحة رمادية إلا سيكون قائمة من البنود التي سوف الخضراء. If you change the paragraph or “p” font color to red, then both the P and UL text will be red, the LI text will be green, but the rest of the body and div text above those levels will still be grey. إذا قمت بتغيير فقرة أو "ع" للون الخط الأحمر ، ثم كل من ف UL وسيتم وضع نص حمراء ، وسوف يكون لي نص الخضراء ، ولكن باقي الجسم وdiv نص فوق تلك المستويات ستظل رمادية. This is called “inheritance”, and properties start at the highest level and stay that property until changed lower down the nesting chain. ويسمى هذا "الميراث" ، وممتلكاتهم تبدأ على أعلى مستوى والبقاء أن الممتلكات حتى أدنى تغيير أسفل سلسلة التعشيش.

The first thing you might want to hack is your link colors and properties. أول شيء قد ترغب في الإختراق هو ربط الألوان الخاصة بك وممتلكاتهم. There are sooooo many ways to change your links to make them stand out. sooooo وهناك العديد من الطرق لتغيير وصلات لجعلها تبرز. A hyperlink is an “a” or anchor tag. وصلة هي "أ" لمستثمر رئيسي أو علامة. There are 3 states of a link which are normal, visited, and hover. وهناك 3 دول من وصلة التي هي طبيعية ، وزار ، وتحوم. Normal is what the color of the link is before you click it. ما هو عادي لون الوصلة قبل تنقر عليه. Visited is the color of the link once you’ve visited it. زار هو لون من الصلة التي قمت بزيارتها مرة واحدة. And hover is the color of the link when your mouse goes over it. وتحوم هو لون من ربط الماوس عندما يذهب أكثر من ذلك. For all three of these states of a link you can change the color, text-decoration, background, and many other properties. لجميع هذه الدول الثلاث من وجود صلة يمكنك تغيير لون ، زخرفة النصوص ، الخلفية ، وكثير غيرها من الممتلكات. In my stylesheet I have entries to change link properties for the entire body of all my pages like this: في بلدي stylesheet لقد المداخل لتغيير ربط الممتلكات لكامل الجسم من جميع صفحاتي مثل هذا :

 body a { color: #0033CC; text-decoration: none; } body a:visited { color: #003399; } body a:hover { text-decoration: underline; color: #003399; background: #000000; } 

As you see, you can change the color for the 3 different states of links, you can change the text decoration (for any state), or the background color (for any state). وكما ترون ، يمكنك تغيير لون ل3 دول مختلفة من الروابط ، يمكنك تغيير النص الديكور (لأية دولة) ، أو لون الخلفية (أي للدولة). You can also leave any of these properties out. كما يمكنك ترك أي من هذه الممتلكات. For the text decoration property you could use any of these values: solid, underline, overline, line-through, none, dotted, or dashed. للاطلاع على النص زخرفة الممتلكات لكم ويمكن استخدام أي من هذه القيم : الصلبة ، يؤكد ، overline ، من خلال التشكيل ، لا شيء ، منقط ، أو خابت. While my code example above controls the link color for an entire body of a page, you can also change them at any level, like maybe your sidebar: وفي حين أن بلدي رمز المثال أعلاه الضوابط الصلة لون لمجموعة كاملة من صفحة ، يمكنك أيضا تغيير منهم على أي مستوى ، ربما مثل الشريط الجانبي الخاص بك :

 #sidebar a:hover { text-decoration: underline; } 

Experiment by modifying the link colors in your stylesheet now. تجربة عن طريق تعديل ربط الألوان في stylesheet الخاص بك الآن. Then experiment further by changing font sizes and colors. ثم تجربة أخرى عن طريق تغيير حجم الخط والألوان. To find cool color schemes to change colors of text, links, or backgrounds الى اللون باردة إيجاد مخططات لتغيير ألوان النص ، وصلات ، أو الخلفيات Use this CSS color chart for reference المغلق استخدام هذا اللون لرسم إشارة . It’s probably the best color chart I’ve seen in years, mainly because it is based on pantone colors and paint strip samples from a hardware store. انه على الارجح أفضل لون الرسم البياني رأيته في سنوات ، أساسا لأنه يقوم على ألوان بانتون والطلاء الشريط عينات من متجر لاجهزة الكمبيوتر.

The last wordpress theme hack (in this article) I’ll show you is for headings. آخر وردبرس] موضوع الإختراق (في هذه المادة) أنا سأريك هو لعناوين. A heading is an “H” tag like <H1> <H2> <H3> <H4>, etc. Every post should have a (title) heading, and every widget or section in your sidebar has a heading. وهناك البند "ه" مثل بطاقة <H1><H2><h3><H4>، كل وظيفة وما ينبغي أن يكون (اللقب) في العنوان ، ولكل عنصر واجهة مستخدم أو الفرع في الشريط الجانبي الخاص بك له عنوان. As shown earlier in my diagram - a heading is a “box” and that box has properties, like background, padding, margin, (text) color, (link) color, border, border-style, and more. وكما يتضح من الرسم البياني في وقت سابق في بلدي -- وهو البند هو "المربع" وأن الصندوق قد الممتلكات ، مثل الخلفية ، والتضخيم ، الهامش ، (نص) لون ، (وصلة) لون ، الحدود ، على غرار الحدود ، وأكثر من ذلك. By default in Wordpress the post headers are just linked text. من جانب التقصير وورد في ما بعد هي مجرد رؤوس مرتبطة النص. While that’s ok, as you can see on my Main page and my post pages I prefer a black border, a background color, and some padding. موافق حين هذا النحو يمكنك ان ترى على الصفحة الرئيسية بلادي بلادي وانا افضل بعد صفحات سوداء الحدود ، وهو لون الخلفية ، وبعض التضخيم. In my sidebar I gave the sections headings a background image, a bottom border, and some margines. في بلادي الشريط الجانبي أعطى عناوين أبواب خلفية الصورة ، من أسفل إلى الحدود ، وبعض margines. The list elements also have a bottom border. قائمة أيضا عناصر من القاعدة إلى القمة الحدود.

 #sidebar ul { margin-bottom:5px; padding-left:5px; } #sidebar .sidebar_left ul h2 { padding-bottom: 1px; border-bottom: solid 1px #999999; font-size: 1.1em; } #sidebar h2 { background: #B0E2FF  url('/wp-content/images/header-bkg.gif') no-repeat; padding-left: 7px; padding-bottom: 0px; } #sidebar .sidebar_right ul h2 { padding-bottom: 1px; border-bottom: solid 1px #999999; font-size: 1.1em; } 

In the code example above I showed you nearly all my sidebar stylesheet properties so you can get an idea of the many different ways you can customize a header and list item. في المثال أعلاه مدونة الأول أظهر لكم ما يقرب من جميع stylesheet بلادي الشريط الجانبي الممتلكات حتى يمكنك الحصول على فكرة من العديد من مختلف الطرق التي يمكنك من خلالها تخصيص رأس وقائمة البند. You can see how I gave the sidebar H2 header a backround image instead of just a color. يمكنك ان ترى كيف انه أعطى الشريط الجانبي H2 رأس الصورة أ backround بدلا من مجرد لون. This the code I used to format the properties of the post headings: هذه المدونة كنت شكل خصائص ما بعد العناوين :

 .post h2 { background: #CCCCCC; border: 1px solid; border-color: #000000; padding-left: 10px; padding-right: 10px } 

Instead of just having linked text I gave my post headings a background color of grey, a solid 1 pixel black border, and some padding on the left and right sides. بدلا من مجرد وجود علاقة النص الأول أعطى منصبي عناوين خلفية من اللون الرمادي ، صلبة 1 بكسل سوداء الحدود ، وبعض التضخيم على الجانبين الأيسر والأيمن. Now I think it’s much easier to see where one post ends an the next begins on my pages. الآن اعتقد انه من الاسهل بكثير ان انظر الى وظيفة واحدة حيث ينتهي ويبدأ أحد المقبلة على صفحاتي.

Use What You’ve Learned to Hack Your Theme More استخدام ما قمت المستفادة موضوع الإختراق الخاصة بك أكثر

I’ve give you a way to hack away at your Wordpress theme without changing how your visitor’s see it. أنا أعطيك طريقة الإختراق وورد الخاص بك بعيدا في موضوع دون تغيير الطريقة التي نرى أنها الزائر. I’ve told you about the Wordpress loop, and how to add things before, after, and inside it. لقد قلت لكم عن الحلقة وورد ، وكيفية إضافة الاشياء من قبل ، بعد ، وداخلها. We hacked and added some PHP code, and then hacked our theme stylesheet to change properties to affect the layout and design of the page. نحن اخترق ، وأضاف بعض PHP قانون ، وبعد ذلك اخترق موضوعنا stylesheet لتغيير خصائص تؤثر على شكل وتصميم للصفحة. I can’t teach you everything you need to know to create your own entire custom theme in just one post - but I can get you started! لا أستطيع أن يعلمك كل شيء تحتاج إلى معرفته لإنشاء الخاصة بك كامل العرف في موضوع وظيفة واحدة فقط -- ولكن يمكنني الحصول على انك بدأته! Now you know enough about Wordpress themes to be dangerous and customize your own. الآن تعرف ما يكفي عن المواضيع وورد لتكون خطيرة وتخصيص الخاصة بك. Visit and bookmark زيارة والمرجعية W3Schools.com for your HTML and CSS reference needs. لجهودكم هتمل المغلق إشارة والاحتياجات. Research and read more articles explaining how to hack and customize your Wordpress theme further like the الأبحاث وقراءة المزيد من المواد شرح كيفية الإختراق وتخصيص مزيد من موضوع وورد الخاص بك مثل tutorials at WPDesigner.com دروس خصوصية في WPDesigner.com .

Please comment if this article helped you, you had a question, or a great worpress theme hack or customization to add! يرجى التعليق على ما اذا كانت هذه المادة تساعد لكم ، هل كان لديك سؤال ، أو كبير worpress موضوع الإختراق أو تعديلها إضافة إلى! I hope you found this information valuable - if so please feel free to bookmark, digg, and stumble this page! وآمل أن تكونوا العثور على هذه المعلومات القيمة -- إذا كان الأمر كذلك فلا تتردد في الإشارة المرجعية ، والبحث بعمق ، وتتعثر هذه الصفحة!

Tags: العلامات : tutorial درس خصوصي , ، wordpress-hack ووردبرس] - الإختراق