Wordpress Theme |
  |
 May 25 2006, 05:02 AM
Post
#1
|
|
|
Senior Member  Group: Member Posts: 72 Joined: Mar 2006 Member No: 386,570  |
Is createing a wordpress theme just like making a normal layout? Or are there certain things I need to do. And is any1 willing to give me coding or whatever to make a theme on my own? Thanks in advance.
|
|
|
|
|
May 25 2006, 05:24 AM
Post
#2
|
|
|
t-t-t-toyaaa Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 |
You can easily make your regular site layout in wordpress. For example if you see my site my normal layout is a wordpress theme. { click here}
There is no real coding for one you just basically put all your coding into a theme. My instructions for doing it would be this - In your ftp go to your wordpress folder then wp-content/ themes. Then see the clasic template? Duplicate it and rename it to something else like the name of your new layout. - Log into wordpress go to presentation > theme editor. Make sure you set it to the name of the newest theme (the one you duplicated) at the top in the drop down menu. - Click stylesheet. Delete everything in there and then place your css w/out style tags in there. Then save. - Click header. Delete everything in there and place the following: CODE - insert your doctype here - <html> <head> <title>title of site here</title> put your css again here </head> <body> header divs etc here Explaining the above code -insert doctype here-: Basically that means to insert your doctype tag. You don't have to add one but if you plan on using proper html or xhtml or whatever you need one. You can get one from http://www.w3schools.com/ . title of site here : Put what you want your site title to be. Put your css again here: Place your css with style tags there. But make sure that if your using divs to position content you have your divs in there as well. The format for the div would be: CODE .divnamehere{ position: absolute; left: #px; top: #px; z-index: #; width: #px; height: #px; } That is the basic setup for one div. There are different ways to do this. I mean if you do it this way then yea. Thats the way I'm going to explain it. Basically what you do is you you put the coordinates in the each spot. The coordinate left goes where it says left. If you don't know basic div positioning I suggest you read these: http://www.createblog.com/tutorials/download.php?id=169 http://www.createblog.com/tutorials/download.php?id=171 Put your header divs here etc: Basically what that means if you putting your header in a div put that there. If you just want to show your header put that there. Etc. Don't put any includes for your blog that will come later. Then save. - Next click main index template. There on the top your going to put <div class="divnamehere"> . Where I put div name here you need to put the name of the div that has the coordinates for where you want your blog. Then at the very bottom of the main index template before the footer and sidebar php includes but </div> - Next click sidebar. Then delete everything. If you don't want a sidebar skip this if you do rp put the following in the sidebar template. CODE <div class="divnamehere"> sidebar content </div> Put the div name of the div that has the coordinates for the sidebar. And where I put sidebar content just simply add whatever your want on your sidebar. Then save. - Now go to footer. If you have a php include for sidebar leave it there. Otherwise delete everything and put CODE </body> </html> Then save. Add any footer content you may want to add. But if you watn to add content You'll have to change some things above. Thats my basic way of doing it. Its really easy. If you don't want to do it that way I really suggest reading this: http://liberta.espoireve.com/visitors/tuto...sing-wordpress/ http://www.createblog.com/tutorials/download.php?id=284 |
|
|
|
|
May 25 2006, 05:32 AM
Post
#3
|
|
|
Senior Member Group: Member Posts: 72 Joined: Mar 2006 Member No: 386,570 |
|
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: