edit am 15.02.07 Diesen Artikel in Deutsch: Schritt für Schritt zum eigenen WordPress Theme.
Joram schrieb mir eine Email. Er kann ein wenig CSS und ein bisschen HTML. Aber wenn er dann PHP irgendwo sieht traut er sich kaum dieses Wissen zu nutzen. Er würde aber gerne sein eigenes WordPress Theme gestalten und holte sich daher mein WordPress Theme blank.
Joram kommt aus Holland und kann englisch und daher ist dieses Tutorial soweit als nötig in Englisch aber mit ganz vielen Code Beispielen.
The story behind this tutorial: I’ve got an email from Joram:
I know a bit about html and css, but to use this in combination with php is a bit of a blur with me. Could you please tell me how to implement the css I’m about to write? Because writing the css is one thing, but putting the class/id tags in the html is another. I’m not sure how to write the css if I don’t know where to enter their div-tags
How To – Design Your Own WordPress Theme – Let’s start
Preambel: This post is full with code examples and so it is very long.
And I know: “All roads leed to Rome”. Here is only one of them.
And you know:==>I would like to read your comment or the sky will fall on your head…. .
- You need WordPress.
- My blank WordPress Theme.
- Time and coffee (or tea if you are ill ).
- A bit knowledge about css and html.
- An editor. Wordpad is good enough.
- Information about ‘editing files’ and ‘change chmod permission’, you’ll find the links in this comment.Thanks to Lorelle
I need the structure of a design: Layout Gala==>Layout Gala Design n.30.
Two percentage columns and one larger, with header and footer.
Remember “Murpheys Law” and save your theme files.
Layout Gala Design n.30.==>Sourcecode ==> CSS
<style type="text/css"> html,body{margin:0;padding:0} body{font: 76% arial,sans-serif} p{margin:0 10px 10px} a{display:block;color: #006;padding:10px} div#header{position:relative} div#header h1{height:80px;line-height:80px;margin:0; padding-left:10px;background: #EEE;color: #79B30B} div#header a{position:absolute;right:0;top:23px} div#content p{line-height:1.4} div#navigation{background:#B9CAFF} div#extra{background:#FF8539} div#footer{background: #333;color: #FFF} div#footer p{margin:0;padding:5px 10px} div#footer a{display:inline;padding:0;color: #C6D5FD} div#wrapper{float:left;width:70%} div#navigation{float:right;width:29.9%} div#extra{clear:both;width:100%} </style>
Copy all between “style” and the end of this tag and paste it in the [Admincenter==>Presentation==>Theme Editor==>] style.css =>after this click:update files.
Layout Gala Design n.30.==>Sourcecode ==> HTML
We need the HTML to the CSS above. To get the overview I’m using “html comments”.
<body> <div id="container"> <div id="header"><h1>Header</h1><a href="http://www.texto.de/">download this layout</a> </div><!--end of id header--> <div id="wrapper"> <div id="content"> <p><strong>1) Content here.</strong> column long long column very long ...l very. </p> <p>very make make fill silly long long .. </p> and so on.... </div><!-- end of id content--> </div><!--end of id wrapper--> <div id="navigation"> <p><strong>2) Navigation here.</strong> l </p> </div><!--end of id navigation--> <div id="extra"> <p><strong>3) More stuff here.</strong> very text make long column </p> </div><!--end of id extra--> <div id="footer"> <p>The footer. You can go to the ... </p> </div><!--end of id footer--> </div><!--end of id container--> </body>
Now you and I know that “div id container” is the box around. This “id container” starts after body tag and ends before it.
How To – Join CSS and HTML in PHP Files
If you know a bit about html you know that “body tag” starts after the end of the html tag. 99,9999% this you will find in header.php and in footer.php. Div id header and div id footer the same.
[Administration Panels==>Presentation==>Theme Editor==>] header.php
<body>
<div id="container">
<div id="header">
<!--the blog title-->
<h1>
<a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a>
<!--blog description-->
<?php bloginfo('description'); ?>
</h1>
</div><!--end of id header-->
<!--header.php end-->[Administration Panels==>Presentation==>Theme Editor==>] footer.php
<!--footer.php--> <div id="footer"> <p> <?php bloginfo('name'); ?> is proudly powered by <a href="http://wordpress.org/">WordPress</a> <br /><a href="feed:<?php bloginfo('rss2_url'); ?>">Entries (RSS)</a> and <a href="feed:<?php bloginfo('comments_rss2_url'); ?>">Comments (RSS)</a>. <!-- <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds. --> <!--necessary--> <?php wp_footer(); ?> </p> </div><!--end of id footer--> </div><!--end of id container--></body> </html>
My wordpress theme blank is full of html comments to explain all the wordpress template tags and to explain header.php ends, start of single.php and so on. You’ll see in the code above that the html tags are between this comments. And this is necessary!
View your site and you see the first result. Ok it doesn’t look very well, but you get the overview.
The next div id wrapper and div id content.
[Administration Panels==>Presentation==>Theme Editor==>] index.php
<?php get_header(); ?> <!--index.php--> <div id="wrapper"> <div id="content"> <!--the loop--> <?php if (have_posts()) : ?> and so on ........ Not Found Sorry, but you are looking for something that isn't here. <?php include (TEMPLATEPATH . "/searchform.php"); ?> <!--do not delete--> <?php endif; ?> </div><!-- end of id content--> </div><!--end of id wrapper--> <!--index.php end--> <!--include sidebar--> <?php get_sidebar(); ?> <!--include footer--> <?php get_footer(); ?>
View your site. Trial and error are good taskmaster.
The next “div id navigation”. The box at the right side.
[Administration Panels==>Presentation==>Theme Editor==>] sidebar.php
<!--sidebar.php--> <div id="navigation"> <!--searchfield--> .... ..... <?php } ?> </div><!--end of id navigation--> <!--sidebar.php end-->
Don’t view your site now.It looks very strange. Header, the footer is at the left, content is grey and you got a headache.
Why? Have a look at the CSS. Div id extra clear both (wrapper, content and navigation) and we have no div id extra, because there is no “extra.php” or another template in this theme to create an “extra stuff”.
You have to create a new template and tell wordpress to use this.
And that’s why I’m using Layout Gala Design n.30 as an example.
1. Open your editor. Save the empty file as extra.php. Upload it in your theme folder.
wp-content/themes/yourtheme/.
2. [Administration Panels==>Presentation==>Theme Editor==>] extra.php
<!--extra.php--> <div id="extra"> <p><strong>3) More stuff here.</strong> very text make long column </p> </div><!--end of id extra--> <!--end of extra.php-->
The html above tell us, we need this extra.php between sidebar.php and footer.php.
[Administration Panels==>Presentation==>Theme Editor==>] index.php
</div><!-- end of id content-->
</div><!--end of id wrapper-->
<!--index.php end-->
<!--include sidebar-->
<?php get_sidebar(); ?>
<!--include extra.php-->
<?php include (TEMPLATEPATH . '/extra.php'); ?>
<!--include footer-->
<?php get_footer(); ?>With this
<!--include extra.php--> <?php include (TEMPLATEPATH . '/extra.php'); ?>
you can tell wordpress every new template you need. /extra.php or /whateveryouneed.php or /sample.php and so on.
View your site and I’m sure it looks much better.
The template hierachie of wordpress
WordPress theme blank have page.php, single.php, search.php two archives.php. You can delete all this files and you are ready with your new design. To understand, please read Codex and have a look at my new sheet about the template hierarchie. I can’t explain it better. (Not in english )
If you click on an article, static page or an archive/category you will see a very creative website. Because div id wrapper and div id content and the new template extra.php are missing.
[Administration Panels==>Presentation==>Theme Editor==>]archive.php
<?php get_header(); ?> <div id="wrapper"> <div id="content"> <!--the loop--> <?php if (have_posts()) : ?> ...... .... <!--do not delete--> <?php endif; ?> </div><!-- end of id content--> </div><!--end of id wrapper--> <!--archive.php end--> <?php get_sidebar(); ?> <!--include extra.php--> <?php include (TEMPLATEPATH . '/extra.php'); ?> <!--include footer--> <?php get_footer(); ?>
[Administration Panels==>Presentation==>Theme Editor==>]single.php
<!--single.php-->
<div id="wrapper">
<div id="content">
<!--loop-->
<?php if (have_posts()) :
......
......
Sorry, no posts matched your criteria.
<!--do not delete-->
<?php endif; ?>
</div><!-- end of id content-->
</div><!--end of id wrapper-->
<!--single.php end-->
<?php get_sidebar(); ?>
<!--include extra.php-->
<?php include (TEMPLATEPATH . '/extra.php'); ?>
<!--include footer-->
<?php get_footer(); ?>I’m shure you understand==> search.php, the second archives.php, page.php.
Ok and the stuff in single.php and the other files?
This is “one post”.
<!--the loop--> <?php if (have_posts()) : ?> <!--the loop--> <?php while (have_posts()) : the_post(); ?> <!--post title as a link--> <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2> <!--post time--> <?php the_time('F jS, Y') ?> <!--post author--> <?php the_author() ?> <!--post text with the read more link--> <?php the_content('Read the rest of this entry »'); ?> <!--show categories, edit link ,comments--> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?> <!--end of one post--> <?php endwhile; ?>
Safe your files and figure it out. Remember:Trial and error are good taskmaster.
and .. if you would like to relaxe after all this “css, html, php ” – solve Sudoku online
und noch was …
Vom 14.03.07 bis zum 25.August 2011 wurde dieser Artikel 161 879 mal gelesen, dann habe ich den sichtbaren PostReadCounter aus Performancegründen abgeschaltet.
Joram Oudenaarde
13.10.06 um 08:43Thank you very much for the extensive explanation
So basically the easiest thing is to make a normal css/xhtml website, and then copy/change it into a WordPress theme bit by bit? It sure sounds easy, but I’ll definately give this a try. I have tons of testlayouts here that I always wanted to see in a WordPress theme, so I have some work to do
By the way, thanks also for doing this post in English. My German isn’t as good as it used to be
Lorelle
05.12.06 um 23:20This is well done. Thanks.
A couple of things need to be clarified. You refer to the “admincenter”. It’s proper name is “Administration Panels”. This might help avoid confusion.
Also, it is very important to explain to users that if they are going to edit their Themes using the built-in Theme Editor, that the files be made “writable”. You can find information on Editing Files and Changing File Permissions in the WordPress Codex, the manual for WordPress users. It’s really frustrating to follow your lovely outline and then not be able to edit the files and not understand why.
Great work!
texto
06.12.06 um 21:34Hi Lorelle
thanks a lot to correct my english
Admincenter==>Administration Panels ==> done !;)
and be welcome in Europe/Germany
regards
Monika
bt4wang
08.12.06 um 02:07Maybe you should “save your theme files”,not “safe”
texto
08.12.06 um 11:24Hi bt4wang
thanks
regards
robinham
25.12.06 um 09:47nice work ï¼?
toboshu.com
Dan Thies
11.01.07 um 16:55Just a note, framebusters makes it impossible to use most language translation sites (Google etc). Anyone know a good translation site that somehow doesn’t use frames?
texto
11.01.07 um 17:56Dan Thies
I don’t know a bubble fish without frames
but ..;) I know my english isn’t the best. I’m sure it is better than bubblefish
regards
Crissy
21.02.07 um 17:34*hugs* Thanks more than anything in the whole wide world. You do not inderstand how great you are. I’ll finally be able to use wordpress and make layouts. God, you rock. =] =] =] =]=]=]]=]=]=]=]=]=]=]=]=]
texto
21.02.07 um 23:21Crissy
thanks a lot for your words
recep
what would you like to do?
I need more input to help you.
regards
Adam walker Cleaveland
22.02.07 um 07:01come look at my beautiful 3-column wordpress theme:
http://pomomusings.com/design/
texto
16.03.07 um 21:16Hi Adam
this day I take a look at your new design ==> very well
regards
Glenn
29.03.07 um 16:04excellent! i love your wordpress tutorial… am currently studying how to create a wordpress template based on my own template. keep it up
Sebastian
04.04.07 um 16:14Ohhhh danke, danke, danke! genau so was hab ich gesucht! DankEE!!
Web Developer
05.04.07 um 08:46Thanks, buddy!
It sure is a very helpful tutorial. Thanks again
Web Designer Delhi
08.04.07 um 16:02Excellent Tutorial! Very useful.
Please keep up the good work. We appreciate your knowledge and the willingness to share with us all.
Michael
14.04.07 um 18:38Super, genau nach einem solchen Tutorial hab ich gesucht
Sonnige Grüße,
Michael
mydeskblog.com
30.04.07 um 15:21I would like to thank you for this guide. It was one of the few tutorials I have used to create my own theme for my website. Check it out, I’d really appreciate some comments.
Stanley
http://www.mydeskblog.com
David
03.05.07 um 19:12Hast du vielleicht zeit das auf Deutsch zu übersetzen ? (wäre SEHR nett) =)
Und vielleicht noch dazuschreiben wie man ein Kommentarformular schreibt ?
texto
03.05.07 um 19:44Hi David
die Idee mit Deutsch hatte ich schon am 15.02.07;)
ganz oben im Artikel ist der Link:Schritt für Schritt…
die Idee mit Kommentarformular schreibe ich mir auf … dauert ein wenig
lg
deviantz- web designer
17.07.07 um 05:49Hi Dude!
Thanks for this tutorial this is a very helpful.
Lester
31.07.07 um 09:56Thanks, this helped me a lot when I built my site.
Sandra
10.08.07 um 20:23Hallo, Sandra nochmal..geht doch..:) Danke dafür
ashraf
16.08.07 um 12:29ok
Delhi Web Designer
02.09.07 um 06:30Thanks a lot for this excellent tutorial! Has saved me hours as I am working on porting my client’s design into a custom theme for wordpress! Thanks again.
Pasquale
16.09.07 um 21:22Good tutorial, this is a very helpful.
sizilien web
29.09.07 um 23:20Supi Anleitung. Danke für deine Mühe, war mir ne grosse Hilfe.
tłumaczenia angielski
11.10.07 um 16:49Thanx a lot! This is very useful.
Murattx
25.10.07 um 14:26Sehr gut! Werd´s gleich mal ausprobieren!
Christina Bay
30.10.07 um 20:46I find this resource very useful indeed. I’m a newbie trying my hands on blogging and learning to design some WordPress themes. I like art, designing and drawing so I figure it could contribute to some theme designs.
Daniel
08.11.07 um 14:30Ausführlich und verständlich. Vielen Dank.
davidsmith
30.11.07 um 14:17shall start theming asap…. thanks and shall post back my results when i actually get 5 minutes to have a play!!!
Stephan
12.12.07 um 17:26Vielen Dank für die Anleitung. Solche Sachen liebe ich, kurz, informativ und umfassend
Danke – Stephan
edit von texto
glaube ich Dir,ich mag es noch viel lieber, wenn der Name ein Name und kein Keywort ist und wenn die Website, wenigst WP benutzt.
articles
10.01.08 um 02:11bei mir funktionierts auch nicht.
edit von texto:
articles ist kaum ein Name eher ein Keywort,daher bin ich mir sehr unsicher, ob Du Herr articles oder Frau articles wirklich magst, dass ich Dich ständig dann mit dem “Namen ” articles heir anrede
Iris
15.02.08 um 21:03I have tried to follow your instructions, but somewhere it goes wrong: the blog description doesn’t show up right under the blog title but somewhere in the content, under the first post title. I checked several times, but placed the div id’s as you did and the ending tags as well, can you tell what I don’t see or doing wrong?
texto
24.02.08 um 22:19Hi Iris, – back home from my holidays…yes I can help..
validate the markup
http://validator.w3.org/
please do not copy and paste my code and have a look at the ” they are sometimes wrong..
kindly regards
Monika
Iris
26.02.08 um 22:19Thanx for your reply. Validating is a good idea, I’ll try that and I found this tutorial
and that in combination with yours helped a lot!
texto
26.02.08 um 23:15Hi Iris
thanks for the link and “it is my pleasure”
Iris
27.02.08 um 09:57Oh, and I forgot, why not copy and paste?
texto
27.02.08 um 11:07Hi Iris
99,9% copy and paste will do an excellent job , but 0,01% copy and paste break the inverted comma or double quotes – and I don’t know why.
Iris
27.02.08 um 12:46Okay, clear, thanx!!
Tantofa
11.04.08 um 13:04good tutorial,
but how to make the theme “fixed width”?
CHRIS
03.07.08 um 21:34Thank you! The post is very useful.
Millionmonkey
08.07.08 um 07:18Thanks for this post!
I created my first wordpress theme using this post as my guideline.
Once I have everything in order – I’ll make the theme available for download so other new folks can see how someone else put it all together.
Stu
09.09.08 um 12:19For anyone developing there own WordPress theme and wants to test it in a real WP installation. I have created numerous fake data in WordPress which I have exported for anyone else’s use.
The .XML will import the following:
* 5 Pages, with full content
* 10 Posts, with content, including Tags, Categories and Excerpt
* 21 Unique Tags
* 11 Unique Categories
* 10 Unique Comments, including several from the ‘Tester’ user (Administrator)
* 7 Default Links
* 1 Post (under category ‘Bullet List’) contains a Bullet List
* 1 Post (under category ‘Numbered List’) contains a Numbered List
* Various Lengths on each posts content and title
If you are not familiar with Importing an .XML file into WordPress then follow this quick guide (based on the 2.6 version of WP)
1. Unzip the .XML from the downloaded archive
2. Log into your WP administration area (http://www.sitename/wp-admin)
3. Select Manage from the main menu
4. From the Manage sub-menu, select Import
5. You will be provided with a list of Blog types you wish to import from, select WordPress from the bottom of the list
6. Next select Browse
7. Locate to the .XML you downloaded from the link below, select Okay
8. Finally, select Upload File and Import
The XML file can be found here: http://selfconclusion.co.uk, any problems email me at stugreenham[] gmail [] com, I hope this comes in handy for someone
john
23.10.08 um 13:55starting from scratch is really needed, and this tutorial is top notch.
Thanks for this one mate, will really help me a lot.
dennis
29.10.08 um 13:07Thanks for this very nice tutorial about designing a wordpress theme.
denznet.com
edit by Monikaa name is a name and not a moneykeyword
createmo
02.11.08 um 13:14Thank you for your website
I made on photoshop backgrounds for myspace or youtube and ect..
my backgrounds:http://tinyurl.com/5b8ksl
take care and thank you again!
Design-Flo
20.11.08 um 10:13… Thanks for your easy going howto. I’ll promote it and send it to my friends …
AwalleyJada
27.11.08 um 23:28Cheers!
xoxoxo
I made on photoshop glitter myspace pics.
take a look at them:
http://tinyurl.com/5aqbgn
Thank you for your site
Wordpress Designer
10.12.08 um 18:13Good tutorial, thanks for sharing.
edit:a name is a name and no moneykey
wpmix.com/
Webdesigner
25.01.09 um 08:11Well Done!!!
tech2connect
10.02.09 um 00:51Nice tutorial that will really help me a lot
Webdesign Schlumpf Bremen
16.02.09 um 22:13nettes tut thanks allot!!!
Admin
22.04.09 um 18:28Hi sir,
Have a nice day sir, i just want to ask for help about my blog, because i want a theme just like the design in ipodobserver.com , and i want the translucent horizontal gray bar overlapping the white background in the search area? and convert my red navigation bar just like what i’ve mentioned in the ipodobserver.com. Can you help me to do that sir.. Any help would be appreciated.
Thank you sir..
vale001
28.06.09 um 16:54Ui genau so einen Tutourial habe ich gesucht!
Super, vieln Dank. Damit spare ich mir mal vorerst ein Buch zu diesem Thema zu kaufen.
Peknydarek.cz
06.07.09 um 21:05Nice tutorial that will really help me. Thanks
Dewley
29.08.09 um 15:18hey ein echt gutes Tutorial, ich hab mich auch viel mit wordpress programmierung beschäftigt und versucht meinen blog anzupassen aus eigener kraft. letztendlich gings nicht weiter und ich musste einen programmierer aufsuchen =)
gruß
blumenkin
08.09.09 um 22:52uff nice, danke. der css part hat mir sehr geholfen.
so ein tutorial in sachen seo plugins wäre auch mal ganz nice.
Christian Schuster • cinoa
05.11.09 um 19:25Hallo – im Forum finde ich nichts dazu und alle Recherchen helfen nicht, aber nun vielleicht und hoffentlich hier: Wie binde ich zwei Videos nebeneinander ein?! Ich arbeite mit den aus flash-video-player generiertem code. Klingt einfach, aber irgendwie schaffe ich das nicht.
texto
05.11.09 um 19:34ich habe dir doch ein Plugin genannt-Vipers Video Quick Tags-der Rest ist css –und ohne die Seite zu sehen, kann ich da nicht helfen -am besten mit den beiden Videos in einem Artikel
lg
Artaberry
26.11.09 um 21:59Very detailed article, i was looking for the same tutorial to edit my blog template.. thumbs up to the author..
Krawatteneisbär
14.01.10 um 01:25Schönes Tutorial. Ich kann nur empfehlen, einige kleine Änderungen an der Standard header.php immer zu machen.
Man sollte z.B. alle dynamischen Daten, für die bei jedem Aufruf auf die Datenbank zugegriffen wird, als statische Daten zu schreiben. Aus ?php bloginfo(‘name’); wird dann einfach ‘Mein Blog über xy’ usw bei den anderen Variablen. Das beschleunigt die Seite, was sich neuerdings auch bei Google positiv auswirkt.
Viele Grüße!
Sascha
15.04.10 um 13:34Oh man, Danke!! Ich tu mich mit solchen Sachen immer schwer. Tausend Gedanken, aber keinen Plan wie es geht. Deine Anleitung hat mich gerettet.
Auti
02.05.10 um 18:33ich arbeite momentan mit joomla cms und bin nicht so ganz überzeugt von dem vordefinierten cms-gehäuse. ich würde auch gerne auf wordpress umsteigen, doch mometan haben mich bisher die css-grundkenntnisse abgeschreckt. durch eure informationen bin ich allerdings sehr motiviert worden. ich glaube ich wage mich mal an mein projekt
Stephan
17.05.10 um 09:40mit wordpress ist eben alles möglich
Maike
30.06.10 um 10:13Danke für diese geniale Anleitung! Ohne dich wäre ich mehr als aufgeschmissen gewesen! Muchas Gracias und weiter so!
lobur
04.07.10 um 17:44so good,thanks for sharing…
stop sweating
19.07.10 um 23:41this is real stuff mate thanks for the info
stop sweating
19.07.10 um 23:42thanxs and keep them coing
froog
11.08.10 um 09:43Danke für die guten Tipps. Wenn man ein Laie ist, wie ich, dann ist man ja heute im Internet total aufgeschmissen.
macht auf jeden Fall weiter so!!!
Home Staging Hamburg
13.08.10 um 16:24Vielen Dank für das Tutorial! Bei mir hat die Umsetzung super funktioniert. Wirkt es sich negativ aus, wenn man in seinen WordPress PHP-Files viele PHP Abfragen hat, um z.B. spezifischen Seiten ein individuelles Layout zu zuordnen?
Michael
09.09.10 um 14:17Erstmal danke für das Tutorial aber ich habe trotzdem eine Frage und zwar wie es mit dem neuen WordPress 3 aussieht? Kann ich dieses Tutorial auch mit der neuen Version nutzen?
MfG
texto
09.09.10 um 17:34ja geht auch für WP 3.0
etwaig Neues ist nicht schlimm
Andi
10.10.10 um 20:57Hallo, danke für das tolle Tutorial, bin grad mein Blog in WP online zukriegen. Obwohl ich mir zuerst überlegt hatte einen eigenen Blog zu programmieren habe ich mich aber jetzt für wp entschieden. Spare viel Zeit dadutch.
Korden
11.10.10 um 17:14Danke für das Tutorial! Das überzeugt mich dann doch, dass ich beim nächsten Mal auf Wordpres setze.
hans
14.10.10 um 08:19@ The page is so nice, because I learn to install it easily, it makes my day.
hans, abroad
WordPress Training
12.11.10 um 11:53Very interesting, I have just written some simple WordPress Training tips on how to change your WordPress Theme, I thought you might find it useful.
David
13.11.10 um 19:38Thank you for this great theme. I like this.
Michael
08.02.11 um 20:35Hallo,
vielen Dank für deine Tipps die haben mir schon ein wenig geholfen.
Ich habe aber noch eine Frage: Wenn ich die Hintergrund-farbe ändern möchte, muss ich dann das hinter Background oder hinter Color ändern? Wenn hinter Background, wozu ist dann die Angabe hinter Color?
padding-left:10px;background: #EEE;color: #79B30B}
Gruß
Jörg
17.02.11 um 15:34Hey,
gut geschriebene Anleitung… klar und verständlich. Dann werde ich wohl mal mein ersten Theme basteln bzw. ein vorhandenes umschreiben.
Danke
Jörg
Grienioripigo
01.03.11 um 15:18Buy cheap singulair
Michael
16.06.11 um 20:09Danke für die umfangreiche Info, aber fürchte als Anfänger werde ich mehr als eine Tasse Kaffee brauchen
sanjay
18.01.12 um 09:23Cool tutorial about WP, I would suggest to create a theme locally, so it’ll be a lot easier for you to see the theme (if there are errors), faster development too! You can use XAMPP (win) or MAMP (mac). You can check this tutorial on how to use them How to install WordPress in localhost
Regina
04.02.12 um 00:43Thank you for this wonderful tips! I am in the process of learning how to create websites like my new Ostern 2012 site and wordpress is the best thing I’ve discovered so far. Thanks!