advertisment
Selamat datang di blog Panduan Belajar Website Lengkap . Berikut ini adalah update artikel terbaru mengenai informasi tentang Membuat Template wordpress dalam 5 menit silahkan untuk membaca dengan seksama dan mohon untuk disikapi dengan bijaksana mengenai informasi di artikel Membuat Template wordpress dalam 5 menit , semoga artikel tentang Membuat Template wordpress dalam 5 menit dapat menambah wawasan serta info yang anda cari atau butuhkan.
Hi, how many of you have felt the need to create a new wordpress template/theme and felt that the structure is too intimidating? We had the same feeling too until we realised how easy it is to create a wordpress template. (I also presented this at the BlogCamp 2006, Chennai). You could also check out 100+ Best WordPress Premium themes and top 90 free wordpress themes.1. Figure out the layout of your blog. That is, you should be clear about what should be placed where. Ofcourse, it’s entirely at your discretion.
2. Create a simple HTML page that show cases your layout.
3. Mould the simple page into a beautiful wordpress template.
Ready?? Ok, let’s start!
As said in point 1, I have just created a basic layout as shown in the screen shot below.
You can definitely tell about the various sections that make up the page. They are the header, content, sidebar, footer. To abstract this and give power to the template designers, wordpress has placed the various sections into different pages.
In addition to this, you have to add proper CSS to your design. Include them in “style.css”.
Therefore, the files necessary are:
1. header.php -> Header
2. footer.php -> Footer
3. sidebar.php -> Sidebar
4. index.php -> Content glued with header, sidebar and footer.
5. style.css -> CSS
That is all you need to create a basic template. Clear? Any doubts? Post them here.
Designing the Template:
The HTML for our basic layout goes like this:
Have a look at the simple style sheet for the basic layout. Save this as “style.css”. We would need it later.
Now that you have saved it, open the HTML file in a good text editor. You can see sections that are tagged with “header”, “footer”, “sidebar” and “content”. Let us create the header file.
1. Open notepad, and paste the code shown below. Save this file as “header.php”.
2. Copy the fragment below and save it in a new file as “footer.php”.
3. Copy the sidebar code and save it in a new file as “sidebar.php”.
4. Last but not the least, let us create the “index.php”. If you notice, there are special lines such as “”, “”, “”. These are the functions that are used to glue the content with header, sidebar and footer. Great! we are almost done… few more minutes.
5. Create a new folder and name it as “DarlingTemplate”. Move all the newly created files, including the “style.css” to the folder. To test the new template, upload[:1] this folder to the /wp-content/themes folder. Login to your blog and you will see the new template under the “Presentation” tab.
6. Click on our template name to activate it. Well, everything is cool. The template looks just like the simple HTML file we created earlier. But, what happened to the posts?
7. Open up “index.php”, replace it with the text in the following box and save it. Make sure the modified file is uploaded to the /wp-content/themes/DarlingTemplate folder. Refresh the blog homepage. Voila!! the posts are there.
8. Oh! we are still left with 30 seconds. Take a screen shot of your theme. Save it as “screenshot.png” and upload it to
/wp-content/themes/DarlingTemplate.Now, when you login to your wordpress account, our template will have a medium sized thumbnail picture.
We have uploaded the final sample template as a zip file for your reference. Download it here.
This is how the final version of DarlingTemplate looks. I know it’s not professional, but you have learnt the basic tricks of building a new template.
Happy Templating!
from : http://www.levoltz.com/2006/09/17/how-to-create-a-wordpress-template-in-5-minutes/
advertisment
Terima Kasih Atas Kunjungan Anda | Semoga informasi dari Blog ini dapat bermanfaat bagi Anda
Judul: Membuat Template wordpress dalam 5 menit
Ditulis Oleh ndesain.web.id
Tulisan ini memberikan informasi yang bermanfaat untuk anda? Jika mengutip harap berikan link yang menuju ke artikel ini ataupun langsung ke artikel sumber Membuat Template wordpress dalam 5 menit. Sebarkanlah jika artikel ini bermanfaat menggunakan link share sosial media di bawah. Terima kasih atas kunjungannya, jangan lupa untuk membaca related post menarik lainnya
Judul: Membuat Template wordpress dalam 5 menit
Ditulis Oleh ndesain.web.id
Tulisan ini memberikan informasi yang bermanfaat untuk anda? Jika mengutip harap berikan link yang menuju ke artikel ini ataupun langsung ke artikel sumber Membuat Template wordpress dalam 5 menit. Sebarkanlah jika artikel ini bermanfaat menggunakan link share sosial media di bawah. Terima kasih atas kunjungannya, jangan lupa untuk membaca related post menarik lainnya
0 komentar:
Posting Komentar