Du bist hier: Blog» WordPress Theme» Tipps und Tricks» How To – Design Your Own WordPress Theme

How To – Design Your Own WordPress Theme

You know a bit about html and css, but to use this in combination with php is a bit of a blur with you. Here is a step by step tutorial. 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 &raquo;'); ?>
				<!--show categories, edit link ,comments-->
 
				Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?>
 
 
	        <!--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 ;)
follow me on twitter monikatsRSS Abonnieren

ebenfalls interessante Artikel

13.10.06 Tipps und Tricks, , , , · Gelesen: 120564 · heute: 58

65 Kommentare (und 32 Pings/Tweets) zu: "How To – Design Your Own WordPress Theme"

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

    Joram Oudenaarde13.10.06 08:43 | # |

  2. 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!

    Lorelle05.12.06 23:20 | # |

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

    and be welcome in Europe/Germany

    regards
    Monika

    texto06.12.06 21:34 | # |

  4. Maybe you should “save your theme files”,not “safe”

    bt4wang08.12.06 02:07 | # |

  5. Hi bt4wang

    thanks :-)

    regards

    texto08.12.06 11:24 | # |

  6. nice work ï¼?

    toboshu.com

    robinham25.12.06 09:47 | # |

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

    Dan Thies11.01.07 16:55 | # |

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

    texto11.01.07 17:56 | # |

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

    Crissy21.02.07 17:34 | # |

  10. Crissy
    thanks a lot for your words :-)

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

    regards

    texto21.02.07 23:21 | # |

  11. come look at my beautiful 3-column wordpress theme:

    http://pomomusings.com/design/

    Adam walker Cleaveland22.02.07 07:01 | # |

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

    regards

    texto16.03.07 21:16 | # |

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

    Glenn29.03.07 16:04 | # |

  14. Ohhhh danke, danke, danke! genau so was hab ich gesucht! DankEE!!

    Sebastian04.04.07 16:14 | # |

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

    Web Developer05.04.07 08:46 | # |

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

    Web Designer Delhi08.04.07 16:02 | # |

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

    Sonnige Grüße,
    Michael

    Michael14.04.07 18:38 | # |

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

    mydeskblog.com30.04.07 15:21 | # |

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

    David03.05.07 19:12 | # |

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

    texto03.05.07 19:44 | # |

  21. Hi Dude!

    Thanks for this tutorial this is a very helpful.

    deviantz- web designer17.07.07 05:49 | # |

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

    Lester31.07.07 09:56 | # |

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

    Sandra10.08.07 20:23 | # |

  24. ok

    ashraf16.08.07 12:29 | # |

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

    Delhi Web Designer02.09.07 06:30 | # |

  26. Good tutorial, this is a very helpful.

    Pasquale16.09.07 21:22 | # |

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

    sizilien web29.09.07 23:20 | # |

  28. Thanx a lot! This is very useful.

    tłumaczenia angielski11.10.07 16:49 | # |

  29. Auch wieder ein sehr gelungenes Tut, klasse! Wenn ich jetzt noch eine verständliche Anleitung finden würde, um aus einem Non-Widget ein Widget-Ready Theme zu zaubern, wäre ich wunschlos glücklich ;-)

    Tom16.10.07 15:23 | # |

  30. Hi Tom

    nimm dies einstweilen ;)

    texto17.10.07 20:22 | # |

  31. Sehr gut! Werd´s gleich mal ausprobieren!

    Murattx25.10.07 14:26 | # |

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

    Christina Bay30.10.07 20:46 | # |

  33. Ausführlich und verständlich. Vielen Dank.

    Daniel08.11.07 14:30 | # |

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

    davidsmith30.11.07 14:17 | # |

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

    Stephan12.12.07 17:26 | # |

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

    articles10.01.08 02:11 | # |

  37. 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?

    Iris15.02.08 21:03 | # |

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

    texto24.02.08 22:19 | # |

  39. 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!

    Iris26.02.08 22:19 | # |

  40. Hi Iris

    thanks for the link and “it is my pleasure” ;)

    texto26.02.08 23:15 | # |

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

    Iris27.02.08 09:57 | # |

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

    texto27.02.08 11:07 | # |

  43. Okay, clear, thanx!!

    Iris27.02.08 12:46 | # |

  44. good tutorial,
    but how to make the theme “fixed width”?

    Tantofa11.04.08 13:04 | # |

  45. Thank you! The post is very useful.

    CHRIS03.07.08 21:34 | # |

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

    Millionmonkey08.07.08 07:18 | # |

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

    Stu09.09.08 12:19 | # |

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

    john23.10.08 13:55 | # |

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

    denznet.com

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

    dennis29.10.08 13:07 | # |

  50. 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!

    createmo02.11.08 13:14 | # |

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

    Design-Flo20.11.08 10:13 | # |

  52. Cheers!
    I made on photoshop glitter myspace pics.
    take a look at them:
    http://tinyurl.com/5aqbgn
    Thank you for your site ;-) xoxoxo

    AwalleyJada27.11.08 23:28 | # |

  53. Good tutorial, thanks for sharing. :)

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

    wpmix.com/

    Wordpress Designer10.12.08 18:13 | # |

  54. Well Done!!!

    Webdesigner25.01.09 08:11 | # |

  55. Nice tutorial that will really help me a lot

    tech2connect10.02.09 00:51 | # |

  56. nettes tut thanks allot!!!

    Webdesign Schlumpf Bremen16.02.09 22:13 | # |

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

    Admin22.04.09 18:28 | # |

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

    vale00128.06.09 16:54 | # |

  59. Nice tutorial that will really help me. Thanks

    Peknydarek.cz06.07.09 21:05 | # |

  60. 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ß

    Dewley29.08.09 15:18 | # |

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

    blumenkin08.09.09 22:52 | # |

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

    Christian Schuster • cinoa05.11.09 19:25 | # |

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

    texto05.11.09 19:34 | # |

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

    Artaberry26.11.09 21:59 | # |

  65. 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!

    Krawatteneisbär14.01.10 01:25 | # |

Pings-Tweets
  2.   Code Your Own WordPress Theme by Blogging Pro
    [...] I have always found getting from the xhtml/css part of a web design to a full on WordPress theme ...
  3. » links for 2006-12-02 - Weblog at bo-k dot dk
    [...] How To - Design Your Own WordPress Theme (tags: wordpress tutorial theme) [...]
  4. WordPress Theme ....
    [...] 剛看到一篇æ - ‡ç« ，它介ç...‚ [...]
  5. Basic Thinking Blog » Wordpress Templates selber bauen
    [...] kann nicht schaden, sich das How To anzuschauen: How To - Design Your Own WordPress Theme [...]
  6. Great info for templaters…
    [...] Also, if you’re confused (as I was) about what files to include and use when starting on your first ...
  7. PIXELGANGSTER :: the daily DesignBlog
    How To - Design Your Own WordPress Theme... Auf Texto.de findet sich eine Anleitung und einige Tipps zum Eigenbau eines Wordpress ...
  8. phl.kontxt.net » styling wordpress
    [...] Texto.de offers a tutorial which deals with designing an own Wordpress theme step by step. They also prepared a ...
  9. » Wordpress: Tutorial zum designen eines eigenen Wordpress-Themes :: sansegundo.de
    [...] Link zum Artikel [...]
  10. D.C Life » links for 2006-12-06
    [...] How To - Design Your Own WordPress Theme 如何设计你自己的专署WordPress模æ?¿ (tags: tutorials design wordpress) [...]
  11. Wie schütze ich meine Domain vor Content Klau durch Framesets
    [...] seinedomain.tld/go/44566 zeigt genau auf diese Unterseite http://www.texto.de/texto/how-to-design-your-own-wordpress-theme/ [...]
  12. Themey.com » Blog Archive » Theme Development
    [...] Design Your Own Wordpress Theme (texto.de) [...]
  13. Tutorial Roundup: Wordpress Theme » Bloganbieter.de
    [...] How To - Design Your Own WordPress Theme This How-to requires a blank Wordpress theme, which is provided by ...
  14. Word Press Theme: Akon - 2C at blogmaking.net
    [...] How To - Design Your Own WordPress Theme by Texto.de and includes a blank base template. Cool huh?E [...]
  15. Schritt für Schritt zum eigenen WordPress Theme
    [...] This article in english: How To Design Your Own WordPress Theme. [...]
  16. Del.icio.us für irgendwann - Basties Blog
    [...] How To - Design Your Own WordPress Theme (tags: howto theme wordpress design) [...]
  17. Linktausch ist Out. Umwerbe mich mit Deinem Titel.
    [...] **Ich erklärte wie man den sein eigenes WordPress macht: How to…. [...]
  18. Internet Marketing - About Internet Marketing, Making Money Online, Writing Article, Niche Marketing, Blogging and Fun Stuff » Wordpress Tutorial for Youngbies
    [...] How To - Design Your Own WordPress Theme [...]
  19. pixey.de » Blog Archive » Tutorials Konvertierung von PSD zu CSS zbsp. für Wordpressthemes
    [...] how to design your own wordpress theme - schritt für schritt dem eigenem Theme annähern [...]
  20. 17 WordPress Startup List | My Way To Success
    [...] How to design your own WordPress theme - I am not there yet but it’s one of my goals ...
  21. Bugfix in WordPress themes | milo
    [...] * Really Simple Syndication (RSS 2.0)br / * Rich Site Summary (RSS 0.91, RSS 1.0)br / * RDF Site ...
  22. Bugfix in WordPress themes | milo
    [...] * Really Simple Syndication (RSS 2.0)br / * Rich Site Summary (RSS 0.91, RSS 1.0)br / * RDF Site ...
  23. | Cara Gampang Membuat Themes WP | Catatan
    [...] mengenal dengan baik apa itu PHP, HTML dan CSS. Lalu ada juga orang yang berbaik hati menuliskan membuat themes ...
  24. WP-SuperBlog.com » Blog Archive » iLEMONed » Blog Archive » Fresh Theme for WordPress
    [...] How To - Design Your Own WordPress ThemeSeaView WP Theme. 2 Columns; White; Brown; Left Sidebar; AdSense Ready; Widget ...
  25. En enklare tema.
    [...] bloggen. Det är en mix av PHP, CSS och HTML som gäller. Så jag laddade ner en tom mall ...
  26. Tutoriale wordpress » DIY: Wordpress Themes
    [...] How To - Design Your Own WordPress Theme [...]
  27. Seamlessly Integrating a Blog into Your Non-Blog Website | I'd Rather Be Writing - Tom Johnson
    [...] How to – Design Your Own WordPress Theme [...]
  28. Top 10 Tutorials to Develop your Own Wordpress Themes | Free Adobe Photoshop Tutorials
    [...] How To Design Your Own WordPress Theme [...]
  29. Comenzar a crear Themes de WordPress | SummArg
    [...] How to design your own wordpress theme
  30. Top Resources for Creating Wordpress Theme From Scratch
    [...] Develop your own wordpress theme from scratch by following the link here. [...]
  31. Wordpress: get_posts contra the Loop | Sajonara.de - Internetmagazin
    [...] gibt’s ja ein paar Stimmen von Wordpress-affinen Menschen dort [...]
  32. Design Your Own Customized Wordpress Theme « SEO Blog Search Engine Optimization Strategies
    [...] I just ran into an extremely useful tutorial that shows how to actually design your own Wordpress Template. Check ...
  33. Автофорекс-идеальный трейдинг » Как создать свою тему для Wordpress
    [...] How To – Design Your Own Wordpress Theme [...]
  34. Tweets
  • Name and Mail are required.