Laila Theme for Wordpress

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

DEMO PAGE

SCREENSHOTS
Laila 2.0 Main Page
Laila Index
Laila 1.0 Main Page
Laila Index

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

  1. Download the Laila
  2. Upload it to your Wordpress theme folder /wp-content/themes/
  3. 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.

Related posts brought to you by Yet Another Related Posts Plugin.

62 Responses to “Laila Theme for Wordpress”

  1. Sadish says:

    Good work Cinila.

    even your website’s theme is pretty.

    Thanks,
    Sadish

  2.   WordPress Theme: Laila by Blogging Pro says:

    [...] Grab it from Cinila’s Personal Playground. [...]

  3. Pujiono says:

    awesome and creative theme. you must be very talented girl, La…

  4. novem says:

    cool.. keren La, beda² tipis sama novemind (soalnya punya gue blix banget.. hahahah)

  5. Cinila says:

    Thanks all, glad that you guys like the theme… Laila is not really my design, the credits goes to him of course.. :)

  6. Sarit says:

    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!

  7. blogpocket 5.0 » Blog Archive » La lista de los viernes: asegurar WP 1.5.x, plugins y themes says:

    [...] Laila [...]

  8. Sarit says:

    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

  9. Jennifer says:

    Very nice!

  10. 8 Seconden » Blog Archive » Laila says:

    [...] Origineel ontworpen voor Expression Engine. Daarna aangepast voor Nucleus, en nu eindelijk ook beschikbaar voor WordPress: Laila van Lala Cinila. [...]

  11. Alan Gutierrez says:

    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.

  12. Pujiono says:

    bener apa yang dibilang Sarit. Postingan gue semuanya jam 10.32 AM. keliru dikit, La…

  13. Cinila says:

    @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 be font-family not just font.

    Please re-download. Or just edited the index page and the stylesheet like I did.

  14. Gertrude says:

    THis is a very beautiful and professional theme ! thank you so much for this awesome work !

  15. Jennifer says:

    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?

  16. Cinila says:

    @Jennifer : you can edit the stylesheet, date class is .date-header h2 and the title class is .entry-title h3 you 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.

  17. Jennifer says:

    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.

  18. Cinila says:

    @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 :P

    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!

  19. Jennifer says:

    Ahhhhhhhh! That explains a lot! I’ll give it another go tomorrow! Thanks SO much for your help!

  20. Lushnis says:

    Nice Work!

  21. Indra says:

    Kretif sekali … Good Job Cinilia

  22. hebiryu says:

    iya neh. temanya keren.

    jadi pengen..

  23. Ele says:

    hello mbak lala, cuma mau bilang kalo blog cinila.com bila dibuka pake Firefox desainnya jadi aneh, jadinya agak berantakan. thanks…

  24. Jennifer says:

    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.

  25. Amit Ranjan says:

    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

  26. Fin says:

    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?

  27. Cinila says:

    @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_page so hopefully will be easier to arrange the subpages

  28. Comprehensive list of 740+ Free WordPress 1.5 and 2.0 Themes / Templates available for download | How to Blog says:

    [...] Laila NEW [...]

  29. kucing says:

    desain jelek gitu aja bangga… pesan aja di ****.com aja udah bagus gratis lagi…

  30. Lala says:

    @kucing : boleh bilang jelek, tapi dilarang promosi yah :) … comment kamu saya edit.

  31. Cinila Personal Playground » Laila 2.0 says:

    [...] 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 + [...]

  32. Kevin says:

    Can we have the theme your site uses?

  33. c. c. says:

    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 :]

  34. Thomas says:

    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…

  35. Cinila says:

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

  36. c. c. says:

    Thank you very much, everything works properly now :)

  37. Lala says:

    we got a new support forum here, feel free to discuss this theme.

  38. Intra says:

    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

  39. xiGang Blog » Blog Archive » 805+ Free WordPress 1.5 and 2.0 Themes says:

    [...] Laila NEW [...]

  40. RJ says:

    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…

  41. RJ says:

    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.

  42. alper’in kiÅŸisel sayfası » Blog Archive » Yeni tema says:

    [...] 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ı [...]

  43. matt says:

    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

  44. herb says:

    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?

  45. Cinila says:

    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!

  46. herb says:

    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!

  47. Tom says:

    Why are the links to your Laila theme broken? I’ve tried to download and nothing happens.

  48. Cinila says:

    @herb : glad you’ve fixed it…
    @Tom : so so sorry… yes the link was broken, please re-download it… I’ve update the link…

  49. Paul Goscicki » Blog Archive » WP Movie Ratings v1.3 released! says:

    [...] 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. [...]

  50. Hafif says:

    Terimakasih atas template dan designnya..! :)

  51. henie says:

    Hello Lala
    Apa kalo ngrubah theme menjadi Laila apa mesti bayar?, soalnya nyari theme Laila koq gak ada?.
    Gimana dong???/…….*kepalanya keringetan*

  52. Cinila says:

    @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

  53. henie says:

    lupa….
    apa mesti punya program dreamweaver???
    thanks berat , maap-maap aje neng…

  54. jorge says:

    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

  55. Laila Theme for Wordpress « Mar18 says:

    [...] You can get it at Cinila personal Playground. [...]

  56. SridhaReena » Blog Archive » links for 2006-12-24 says:

    [...] Cinila Personal Playground » Laila Theme for Wordpress (tags: wordpress theme) [...]

  57. EepInside.Com » Blog Archive » Upgrade Wordpress 2.0.5 ke 2.1 says:

    [...] 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. [...]

  58. 폐인희동이의 다이어리 » WP 테마 만들기 ì°¸ 어렵네… says:

    [...] ë©°ì¹  전에 블로그를 통합하기 위한 작업을 시작했다. 그러면서 뭔가 맘에 드는 새로운 테마를 사용하고 싶어서 돌아다니던 중, 맘에 드는 디자인을 발견했다. 그런데 문제는 테마를 공개하지 않아서 “예쁘다~”라고 하면서도 사용할 방법이 없다. -_-; 그래서 구글을 통해 찾은 배색표를 참고해서 위 사이트처럼 만들어보기로 했다. [...]

  59. Another Dumb’s Blog » Blog Archive » TechmaniaWP Theme Released says:

    [...] Laila 2.0 (http://cinila.com/journal/2006/03/15/laila-butterfly-themes-for-wordpress/) [...]

  60.   Popup Comments For WP. Plus A Moron And A Geek — Pirate’s Cove says:

    [...] 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 [...]

  61. teddY-risatioNâ„¢» Blog Archive » teddY-risatioNâ„¢ Gamma Released! says:

    [...] 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 [...]

  62. 50 Free Wordpress Themes Buatan Blogger Indonesia « zamdesign.web.id/blog says:

    [...] Laila | Lala Cinila Laila | Lala Cinila [...]