How To – Design Your Own WordPress Theme

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. ;)

… Have fun, and don’t be afraid to contact me if you have questions.

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. :-)

81

81 Beiträge zu “How To – Design Your Own WordPress Theme

  1. Kommentar Autor
    Lorelle
    Kommentar

    This 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!

  2. Kommentar Autor
    Monika
    Kommentar

    Hi Lorelle
    thanks a lot to correct my english ;)
    Admincenter==>Administration Panels ==> done !;)

    and be welcome in Europe/Germany

    regards
    Monika

  3. Kommentar Autor
    Dan Thies
    Kommentar

    Just 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?

  4. Kommentar Autor
    Monika
    Kommentar

    Dan 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

  5. Ping Themey.com » Blog Archive » Theme Development

  6. Kommentar Autor
    Crissy
    Kommentar

    *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. =] =] =] =]=]=]]=]=]=]=]=]=]=]=]=]

  7. Kommentar Autor
    Monika
    Kommentar

    Crissy
    thanks a lot for your words :-)

    recep
    what would you like to do?
    I need more input to help you.

    regards

  8. Kommentar Autor
    Monika
    Kommentar

    Hi Adam
    this day I take a look at your new design ==> very well ;)

    regards

  9. Kommentar Autor
    Glenn
    Kommentar

    excellent! i love your wordpress tutorial… am currently studying how to create a wordpress template based on my own template. keep it up

  10. Kommentar Autor
    Web Developer
    Kommentar

    Thanks, buddy!
    It sure is a very helpful tutorial. Thanks again :-)

  11. Kommentar Autor
    Web Designer Delhi
    Kommentar

    Excellent Tutorial! Very useful.
    Please keep up the good work. We appreciate your knowledge and the willingness to share with us all. :-)

  12. Kommentar Autor
    Michael
    Kommentar

    Super, genau nach einem solchen Tutorial hab ich gesucht ;-)

    Sonnige Grüße,
    Michael

  13. Kommentar Autor
    David
    Kommentar

    Hast du vielleicht zeit das auf Deutsch zu übersetzen ? (wäre SEHR nett) =)
    Und vielleicht noch dazuschreiben wie man ein Kommentarformular schreibt ?

  14. Kommentar Autor
    Monika
    Kommentar

    Hi 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

  15. Ping Linktausch ist Out. Umwerbe mich mit Deinem Titel.

  16. Kommentar Autor
    deviantz- web designer
    Kommentar

    Hi Dude!

    Thanks for this tutorial this is a very helpful.

  17. Kommentar Autor
    Lester
    Kommentar

    Thanks, this helped me a lot when I built my site. :)

  18. Kommentar Autor
    Sandra
    Kommentar

    Hallo, Sandra nochmal..geht doch..:) Danke dafür :)

  19. Kommentar Autor
    Delhi Web Designer
    Kommentar

    Thanks 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.

  20. Kommentar Autor
    Pasquale
    Kommentar

    Good tutorial, this is a very helpful.

  21. Kommentar Autor
    sizilien web
    Kommentar

    Supi Anleitung. Danke für deine Mühe, war mir ne grosse Hilfe.

  22. Kommentar Autor
    tłumaczenia angielski
    Kommentar

    Thanx a lot! This is very useful.

  23. Kommentar Autor
    Murattx
    Kommentar

    Sehr gut! Werd´s gleich mal ausprobieren!

  24. Kommentar Autor
    Christina Bay
    Kommentar

    I 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.

  25. Kommentar Autor
    davidsmith
    Kommentar

    shall start theming asap…. thanks and shall post back my results when i actually get 5 minutes to have a play!!!

  26. Kommentar Autor
    Stephan
    Kommentar

    Vielen 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.

  27. Kommentar Autor
    articles
    Kommentar

    bei 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 ;)

  28. Kommentar Autor
    Iris
    Kommentar

    I 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?

  29. Kommentar Autor
    Monika
    Kommentar

    Hi 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

  30. Kommentar Autor
    Iris
    Kommentar

    Thanx 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!

  31. Kommentar Autor
    Iris
    Kommentar

    Oh, and I forgot, why not copy and paste?

  32. Kommentar Autor
    Monika
    Kommentar

    Hi 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. ;)

  33. Kommentar Autor
    Tantofa
    Kommentar

    good tutorial,
    but how to make the theme „fixed width“?

  34. Kommentar Autor
    Millionmonkey
    Kommentar

    Thanks 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.

  35. Kommentar Autor
    Stu
    Kommentar

    For 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 )
    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: , any problems email me at stugreenham[] gmail [] com, I hope this comes in handy for someone :)

  36. Kommentar Autor
    john
    Kommentar

    starting from scratch is really needed, and this tutorial is top notch.
    Thanks for this one mate, will really help me a lot.

  37. Ping Top 10 Tutorials to Develop your Own Wordpress Themes | Free Adobe Photoshop Tutorials

  38. Kommentar Autor
    dennis
    Kommentar

    Thanks for this very nice tutorial about designing a wordpress theme.

    denznet.com

    edit by Monikaa name is a name and not a moneykeyword ;)

  39. Kommentar Autor
    createmo
    Kommentar

    Thank 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!

  40. Kommentar Autor
    Design-Flo
    Kommentar

    … Thanks for your easy going howto. I’ll promote it and send it to my friends …

  41. Kommentar Autor
    AwalleyJada
    Kommentar

    Cheers!
    I made on photoshop glitter myspace pics.
    take a look at them:

    Thank you for your site ;-) xoxoxo

  42. Kommentar Autor
    Wordpress Designer
    Kommentar

    Good tutorial, thanks for sharing. :)

    edit:a name is a name and no moneykey ;)

    wpmix.com/

  43. Ping Wordpress: get_posts contra the Loop | Sajonara.de - Internetmagazin

  44. Kommentar Autor
    tech2connect
    Kommentar

    Nice tutorial that will really help me a lot

  45. Kommentar Autor
    Webdesign Schlumpf Bremen
    Kommentar

    nettes tut thanks allot!!!

  46. Kommentar Autor
    Admin
    Kommentar

    Hi 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..

  47. Kommentar Autor
    vale001
    Kommentar

    Ui genau so einen Tutourial habe ich gesucht!
    Super, vieln Dank. Damit spare ich mir mal vorerst ein Buch zu diesem Thema zu kaufen.

  48. Kommentar Autor
    Peknydarek.cz
    Kommentar

    Nice tutorial that will really help me. Thanks

  49. Kommentar Autor
    Dewley
    Kommentar

    hey 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ß

  50. Kommentar Autor
    blumenkin
    Kommentar

    uff nice, danke. der css part hat mir sehr geholfen.
    so ein tutorial in sachen seo plugins wäre auch mal ganz nice.

  51. Kommentar Autor
    Christian Schuster • cinoa
    Kommentar

    Hallo – 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.

  52. Kommentar Autor
    Monika
    Kommentar

    ich 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

  53. Kommentar Autor
    Artaberry
    Kommentar

    Very detailed article, i was looking for the same tutorial to edit my blog template.. thumbs up to the author..

  54. Kommentar Autor
    Krawatteneisbär
    Kommentar

    Schö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!

  55. Kommentar Autor
    Sascha
    Kommentar

    Oh man, Danke!! Ich tu mich mit solchen Sachen immer schwer. Tausend Gedanken, aber keinen Plan wie es geht. Deine Anleitung hat mich gerettet.

  56. Kommentar Autor
    Auti
    Kommentar

    ich 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 :)

  57. Kommentar Autor
    Stephan
    Kommentar

    mit wordpress ist eben alles möglich

  58. Kommentar Autor
    Maike
    Kommentar

    Danke für diese geniale Anleitung! Ohne dich wäre ich mehr als aufgeschmissen gewesen! Muchas Gracias und weiter so!

  59. Kommentar Autor
    stop sweating
    Kommentar

    this is real stuff mate thanks for the info

  60. Kommentar Autor
    froog
    Kommentar

    Danke 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!!!

  61. Kommentar Autor
    Home Staging Hamburg
    Kommentar

    Vielen 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?

  62. Kommentar Autor
    Michael
    Kommentar

    Erstmal 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

  63. Kommentar Autor
    Andi
    Kommentar

    Hallo, 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.

  64. Kommentar Autor
    Korden
    Kommentar

    Danke für das Tutorial! Das überzeugt mich dann doch, dass ich beim nächsten Mal auf Wordpres setze.

  65. Kommentar Autor
    hans
    Kommentar

    @ The page is so nice, because I learn to install it easily, it makes my day.
    hans, abroad

  66. Kommentar Autor
    WordPress Training
    Kommentar

    Very interesting, I have just written some simple WordPress Training tips on how to change your WordPress Theme, I thought you might find it useful.

  67. Kommentar Autor
    David
    Kommentar

    Thank you for this great theme. I like this.

  68. Kommentar Autor
    Michael
    Kommentar

    Hallo,
    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ß

  69. Kommentar Autor
    Jörg
    Kommentar

    Hey,

    gut geschriebene Anleitung… klar und verständlich. Dann werde ich wohl mal mein ersten Theme basteln bzw. ein vorhandenes umschreiben.

    Danke
    Jörg

  70. Kommentar Autor
    Michael
    Kommentar

    Danke für die umfangreiche Info, aber fürchte als Anfänger werde ich mehr als eine Tasse Kaffee brauchen ;-)

  71. Kommentar Autor
    sanjay
    Kommentar

    Cool 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