Finally, after a while (well I think it’s been a year) I made this Butterfly skin for Wordpress. This skin/theme was originally create for Expresion Engine template competiton and won the #4th winner by this great guy 
And then few weeks later the skin was ported to Nucleus CMS. The whole story found in this page archive. I’s not just because of that sentimental reason, honestly there’s a few request to ported it to Wordpress, and somehow they drop it to my inbox. Yeah probably because of that “Laila” name, and because I’m using Wordpress. And so yesterday I’ve been reminded by the owner of JalanSutera about that, and well this last days it seem that I got more energy, so I just did it.
UPDATES
(15 December 2006) Bug fix when you post a protected-entry.
(7 Agustus 2006) Fixed the single page broken when comments closed/login required, and also sidebar alignment on single page.
(6 April 2006) I’ve make a port to Laila 2.0 new version for Wordpress 1.5 +
Change Log
- Removing BX Function, replace it with
< ?php wp_list_pages(); ?> - Adding
< ?php the_author_description(); ?>, don’t bother to edit the sidebar for writing your short profile anymore - Adding
< ?php get_posts(); ?>to the bottom part of the home page, to produce list of post continued from the upper part of the page (previously post list) - Changing every header picture for every page
Edit the Tag
- Editing Menu Top List :
go to the Wordpress Codex about page listing. - Editing the previously list archives :
open the main index template, find
$posts = get_posts('numberposts=5&offset=3');
foreach($posts as $post) :
numberposts : Number of posts to return
offset : Offset from latest post (if you set this to 3, the list will start from the fourth of your latest post). Please read the codex. - Changing the header image :
just edit the stylesheet, find.bar-default,.bar-journal,.bar-about, and replace the image. You can add classes to add other images, and add the class to the page you want it.
SCREENSHOTS
Laila 2.0 Main Page
Laila 1.0 Main Page
For the menulist on top for Laila 1.0, I borrowed the BX functions as in the famous Blix Wordpress theme.
DOWNLOAD
If you need it and very much like it like I do, you can grab it
And we really appreciate you to leave the credits as is.
INSTALL THE THEME
- Download the Laila
- Upload it to your Wordpress theme folder /wp-content/themes/
- Activate the theme through your Dashboard >> Presentation >> Themes and select Laila
And one more thing, please let me know if you use this theme and having any error. Visit the discusion forum. Thx in advanced.
61 Responses to “Laila Theme for Wordpress”
Flickr
Tag Clouds
flickr Orangescale Project present gathering wordpress Banana Publisher gempa plugin earthquake movie craft sick sakit redesign gift css birthday Wordpress theme book YogyakartaRecent Comments
- linae: i love batik indonesia ^^
- uya: ehmmm wangix
- jauhdimata: buat yang asli ngawi, mana dong kontribusi buat ngawi ??? :D wekekeke eh betul juga loo…, ngawi...
- cemploeck: hmmm biking ngiler nich mba postingannya :D mau ke Mbah MO ya? kapan?Ikod dunk hehehehehehe terakhir ke...
- gre: he.. he.. naik berapa kilo jadinya la? oh ya, snail sudah selesai dibuat versi bloggernya. :) komen yah..
- Dino: keknya batik terakhir cocok tuh buat orang hamil hehehehe…..
- indie: Gimana Mbah Mo-nya? :p Seru-seru… ampe sekarang kekenyangan… Dimas: Maap Mas, abis kamunya tiap...
Good work Cinila.
even your website’s theme is pretty.
Thanks,
Sadish
[…] Grab it from Cinila’s Personal Playground. […]
awesome and creative theme. you must be very talented girl, La…
cool.. keren La, beda² tipis sama novemind (soalnya punya gue blix banget.. hahahah)
Thanks all, glad that you guys like the theme… Laila is not really my design, the credits goes to him of course..
Hi Lala,
Very nice work on porting this theme to Wordpress =)
I’m currently working on creating a RTL (right to left) version for it, for languages such as Arab and Hebrew. If you’d like, I’d be happy to send you a link for you to have another version of it.
Thanks!
[…] Laila […]
Hi! Me again.
In file “index.php” on line 22 you accidently left this: “at 10:32 AM” in the template file. This is in the loop and it’s regular text and not a Wordpress function. You might want to replace it with the “time” template tag..
Sarit
Very nice!
[…] Origineel ontworpen voor Expression Engine. Daarna aangepast voor Nucleus, en nu eindelijk ook beschikbaar voor WordPress: Laila van Lala Cinila. […]
This is such a lovely site. You are a very talented designer.
The fixed layout of your blog is quite wide. Have you received any comments on this. It’s not a problem on my computer, I had to widen the browser window, but it fits on screen.
You’re quite innovative to make use of the vertical space. Most people are shy of it.
bener apa yang dibilang Sarit. Postingan gue semuanya jam 10.32 AM. keliru dikit, La…
@Sarit & Pujiono: thx :D, it’s my mistake…
I’ve edited the “bug” on line 22 … changing the “10:32 AM” with
< ?php the_time() ?>.And also edited the css error for styling the
#wp-calendar caption. It should befont-familynot justfont.Please re-download. Or just edited the index page and the stylesheet like I did.
THis is a very beautiful and professional theme ! thank you so much for this awesome work !
Hi there!
I’m using that theme on my blog, I really like it, nice and clean!
I’d like to however, change the title and the date around (and swap the size).
Can you educate me?
@Jennifer : you can edit the stylesheet, date class is
.date-header h2and the title class is.entry-title h3you can swap the color and the size between that two class there.I’ve visited your blog, it seem that there’s a lot of errors… please check it with XHTML validator.
And please re-download the zip file again will you? the time post still showing 10:32 AM.
Thank you Cinila.
However in my efforts to customize it, knowing only simple HTML I’m not sure why I am getting errors. I did fix 20 of them, eek! But I still have 42 in there.
Is there a website you can point me to where I can learn some “rules” it seems to have problems with my using a whole lot.
@Jennifer: Hooray … keep working on it Jen, it’s much better now :D, I believe you can do it… just play with it.. won’t bite you
The most important thing I see now is to fix the list on sidebar, you must understand that the list stucture is something like this
< ul>< li>list one< /li>< li>list two< /li>< li>list three< /li>< /ul>We can’t put ul inside li, and all the tag must be closed.
And since there’s no such
< /img>and< / br>closing. So we write it this way< br />and< img src="" alt="" />Good luck!
Ahhhhhhhh! That explains a lot! I’ll give it another go tomorrow! Thanks SO much for your help!
Nice Work!
Kretif sekali … Good Job Cinilia
iya neh. temanya keren.
jadi pengen..
hello mbak lala, cuma mau bilang kalo blog cinila.com bila dibuka pake Firefox desainnya jadi aneh, jadinya agak berantakan. thanks…
Hello! Me again! LOL!
Still lovin the template, I think I’ve cleaned it up as much as I can. I was wanting to change the top image, but I was wondering where to find free, useable images? I’ve searched and can only find “pay” sites.
Cinila,
I like the theme very much ; tried to download the theme twice but each time it gives an error; can you please point me to the correct zip file. or let me where the file is kept
regards
amit ranjan
india
Hey, just wanted to say that I loved the theme. Is there any way that I can have only the main parent pages (ie no subpages) shown in the header?
@Jen : Glad to hear that, about the free images… I think it’s really cool if you got your own picture maybe… something from the neighborhood… your personal touch… something “you”
@Amit Ranjan : I did’nt make any changes yet, and I can download it for trial just now… hope nothing is wrong… try it again will you… and tell me if you failed again, maybe I could send it by email..
@Fin : for the moment please read this codex page I will soon make an upgrade to this Laila theme, removing the BX function and used the
wp_list_pageso hopefully will be easier to arrange the subpages[…] Laila NEW […]
desain jelek gitu aja bangga… pesan aja di
****.comaja udah bagus gratis lagi…@kucing : boleh bilang jelek, tapi dilarang promosi yah
… comment kamu saya edit.
[…] So if you interesting in this version please re-visit my last post, I explain the changes and also a bit documentation there. But I got to warn you this version will only fit with Wordpress 1.5 + […]
Can we have the theme your site uses?
Hi,
The theme is pretty nice, I would like to use the 2nd version.
I have followed the process exactly as you ask us to do, but in the end I still got a problem with index file, at the line 42.
I let you have a look at my site.
Thanks a lot :]
Kevin, I think there might be a chance to use this theme.
I’ve talked to Lala about this kind of question.
But, for now, the current theme for this site is still for private use.
IF this site is redesigned, and she has a new theme, I think it will possible to share this theme. But, we’ll see…
c.c.: Thanks for your information, we will check this soon, and let you know about how to solve this kind of error…
@c.c.
About the error, it is because the template tags can not find the previous posts. Try to post another entry..
Take a look at your “Main Index Template”, and find this: “offset=3″
That tag means that in “More in journal” part, it will display entry starting from number 4. If you only have.. let’s say… 2 entries, try to change that into “offset=1″. Let me know if you have problem on this part…
Cheers!
Thank you very much, everything works properly now
we got a new support forum here, feel free to discuss this theme.
In trying to install your 1.0 Laila theme — a great looking theme, by the way — the WordPress dashboard keeps saying that the Stylsheet is missing. However, the style.css file is listed within the Laila theme file. What would you recommend? Thanks
[…] Laila NEW […]
Hi, just installed 2.0
I’m getting an error line 46:
Warning: Invalid argument supplied for foreach() in /home/username/public_html/xxxx/wp-content/themes/laila_2.0/index.php on line 46
Help? Love the theme…
Hi, I reinstalled theme and the error disappeared.
Sorry, but now I am wondering how to remove the Hello World! on thehome page? It doesn’t show up as apost or page…
Also, where do I change the code so the pages in the sidebar (I’m using widgets) sort according to order and not post id?
Thank you.
[…] Dün gece yüzlercesi arasından beÄŸeneceÄŸim bir tema arıyordum ve sonunda Thomas Arie Setiawan yapılan Laila adlı temayı buldum. TürkçeleÅŸtirdim ve kendime göre çeÅŸitli kiÅŸiselleÅŸtirmeleri yaptım. Önceden kullandığım Blix’i bırakıp tamamen Laila’ya geçiyorum. Hem adı da havalı […]
Hi Cinila. Thanks for the great theme. I have just one question. I’m using the event calendar plugin and need to know why the page layout is not following the stylesheet. Can you please take 1 sec to look at the stylesheet located here and see if there’s something awry?
http://barbararubright.com/wp-content/themes/laila/style.css
Thanks so much.
Matt
Love the theme! It’s probably the only one my wife would let me change to from GreenTrack. But it appears to be broken in IE. Looks fine in Firefox and Safari, but IE is being hateful. I’ve even played with the .css to no avail.
Any suggestions?
Thx Herb,
I’ve see your web, probably you could check the picture of Lucky eating ice cream, it’s somehow in IE, become wider and pushed the sidebar down. I think it’s better to resize the pic.. a bit smaller..
Goodluck!
Bingo!
Cinila, you’re the greatest! The pic worked in my previous theme. I just snipped 20 px off and now all is right with the world.
Thanks!
Why are the links to your Laila theme broken? I’ve tried to download and nothing happens.
@herb : glad you’ve fixed it…
@Tom : so so sorry… yes the link was broken, please re-download it… I’ve update the link…
[…] This release is mostly a bugfix one, as there are no major features. Only fixes for some nasty bugs and features that did not make it into the 1.2. And so the WP Movie Ratings wordpress plugin made it to the version 1.3. The most important fix is a much extended css file, that makes the plugin look good with most popular Wordpress themes. Tested with Almost Spring, Blix, Connections, Green Marinée, Pool, K2, Laila and, of course, the immortal Kubrick. […]
Terimakasih atas template dan designnya..!
Hello Lala
Apa kalo ngrubah theme menjadi Laila apa mesti bayar?, soalnya nyari theme Laila koq gak ada?.
Gimana dong???/…….*kepalanya keringetan*
@henie: wah enggak kok, Laila gratis, tinggal download trus install di Wordpress blognya… Baca aja dulu postingku pelan2, nanti pasti ngerti… *siapin kipas neh buad henie… * ehhe
lupa….
apa mesti punya program dreamweaver???
thanks berat , maap-maap aje neng…
hi, my rss2 fed link doesnt work..it says an error
Expected: ,
http://articulosdesalud.com/?feed=rss2
is something wrong? or am i doing something wrong. please advice..love your template…jorge
[…] You can get it at Cinila personal Playground. […]
[…] Cinila Personal Playground » Laila Theme for Wordpress (tags: wordpress theme) […]
[…] Tentu saja, petunjuk upgrading saya baca dengan cara yang seksama dan dalam tempo yang sesingkat-singkatnya, yaitu di: http://codex.wordpress.org/Upgrading_WordPress. Saya juga coba dulu secara local di local-server MacBook Pro saya. Theme Laila, berjalan tanpa hambatan di WP 2.1. Karena berjalan dengan baik, saya pun memutuskan untuk segera meng-upgrade blog saya: EepInside.Com. […]
[…] ë©°ì¹ ì „ì— ë¸”ë¡œê·¸ë¥¼ 통합하기 위한 ìž‘ì—…ì„ ì‹œìž‘í–ˆë‹¤. 그러면서 ë”ê°€ ë§˜ì— ë“œëŠ” 새로운 테마를 ì‚¬ìš©í•˜ê³ ì‹¶ì–´ì„œ ëŒì•„ë‹¤ë‹ˆë˜ ì¤‘, ë§˜ì— ë“œëŠ” ë””ìžì¸ì„ 발견했다. ê·¸ëŸ°ë° ë¬¸ì œëŠ” 테마를 공개하지 ì•Šì•„ì„œ “예ì˜ë‹¤~”ë¼ê³ í•˜ë©´ì„œë„ ì‚¬ìš©í• ë°©ë²•ì´ ì—†ë‹¤. -_-; 그래서 êµ¬ê¸€ì„ í†µí•´ ì°¾ì€ ë°°ìƒ‰í‘œë¥¼ ì°¸ê³ í•´ì„œ 위 사ì´íŠ¸ì²˜ëŸ¼ 만들어보기로 했다. […]
[…] Laila 2.0Â (http://cinila.com/journal/2006/03/15/laila-butterfly-themes-for-wordpress/) […]
[…] Wordpress Default theme’s comments pop up file. Have uploaded the pop up comments file from Laila 2.o into the MyJournal theme, seems to work fine. Even though you are logged in, you still have to […]
[…] navigation bar - the raw source code and styling comes from Laila’s Butterfly Theme. I just changed the colours, increased the height to suit the […]