Mixing and Mashing Website Themes

  • Linda Di Geronimo
  • Alfonso MuroloEmail author
  • Michael Nebeling
  • Moira C. Norrie
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 9114)


WordPress offers users a wide choice of themes defining the structure, functionality, layout and presentation of a website together with its content types. These themes are shared by the WordPress community, enabling users to benefit from the skills of others. However, it is not possible to mix themes, so users often have to choose from a set of themes that only partially meet their requirements. We have developed a theme editor that allows users to combine both static and dynamic elements of existing themes using simple drag-and-drop operations. These elements are adapted to reflect the content and structure of the website under construction so that there is no distinction between design-time and run-time. We discuss in detail technical challenges along with our solutions for developing such an editor and integrating it into the WordPress platform. Further, we describe how the solutions could be generalised to other modern content management systems.


Website theme Theme generator Web development tool Content management system 


  1. 1.
    Norrie, M.C., Nebeling, M., Di Geronimo, L., Murolo, A.: X-Themes: supporting design-by-example. In: Casteleyn, S., Rossi, G., Winckler, M. (eds.) ICWE 2014. LNCS, vol. 8541, pp. 480–489. Springer, Heidelberg (2014) Google Scholar
  2. 2.
    McCollin, R., Blakeley-Silver, T.: WordPress Theme Development. Packt Publishing (2013)Google Scholar
  3. 3.
    Casabona, J.: Building WordPress Themes from Scratch. Rockable Press (2012)Google Scholar
  4. 4.
    Norrie, M.C., Di Geronimo, L., Murolo, A., Nebeling, M.: The forgotten many? A survey of modern web development practices. In: Casteleyn, S., Rossi, G., Winckler, M. (eds.) ICWE 2014. LNCS, vol. 8541, pp. 290–307. Springer, Heidelberg (2014) Google Scholar
  5. 5.
    Hartmann, B., Wu, L., Collins, K., Klemmer, S.R.: Programming by a sample: rapidly creating web applications with d.mix. In: Proc. of the 20th ACM Symp. on User Interface Software and Technology (UIST). ACM (2007)Google Scholar
  6. 6.
    Lee, B., Srivastava, S., Kumar, R., Brafman, R., Klemmer, S.: Designing with interactive example galleries. In: Proc. of the 28th Conf. on Human Factors in Computings Systems (CHI). ACM (2010)Google Scholar
  7. 7.
    Ghiani, G., Paternò, F., Spano, L.D.: Creating mashups by direct manipulation of existing web applications. In: Piccinno, A. (ed.) IS-EUD 2011. LNCS, vol. 6654, pp. 42–52. Springer, Heidelberg (2011) Google Scholar
  8. 8.
    Gellersen, H., Wicke, R., Gaedke, M.: WebComposition: An Object-Oriented Support System for the Web Engineering Lifecycle. Computer Networks 29(8) (1997)Google Scholar
  9. 9.
    Yu, J., Benatallah, B., Saint-Paul, R., Casati, F., Florian, D., Matera, M.: A Framework for rapid integration of presentation components. In: Proc. of the 16th Intl. Conf. on the World Wide Web (WWW). ACM (2007)Google Scholar
  10. 10.
    Leone, S., de Spindler, A., Norrie, M.C., McLeod, D.: Integrating component-based web engineering into content management systems. In: Daniel, F., Dolog, P., Li, Q. (eds.) ICWE 2013. LNCS, vol. 7977, pp. 37–51. Springer, Heidelberg (2013) Google Scholar
  11. 11.
    Ceri, S., Fraternali, P., Bongio, A., Brambilla, M., Comai, S., Matera, M.: Designing Data-Intensive Web Applications. Morgan Kaufmann (2002)Google Scholar
  12. 12.
    Houben, G., Barna, P., Frasincar, F., Vdovjak, R.: Hera: development of semantic web information systems. In: Cueva Lovelle, J.M., Rodríguez, B.M.G., Gayo, J.E.L., Ruiz, M.P.P., Aguilar, L.J. (eds.) ICWE 2003. LNCS, vol. 2722, pp. 529–538. Springer, Heidelberg (2003) Google Scholar
  13. 13.
    Knapp, A., Koch, N., Zhang, G.: Modeling the structure of web applications with ArgoUWE. In: Koch, N., Fraternali, P., Wirsing, M. (eds.) ICWE 2004. LNCS, vol. 3140, pp. 615–616. Springer, Heidelberg (2004) Google Scholar
  14. 14.
    Quinn, A.J., Bederson, B.B.: Human computation: a survey and taxonomy of a growing field. In: Proc. of the 29th Intl. Conf. on Human-Computer Interaction (CHI). ACM (2011)Google Scholar
  15. 15.
    Williams, B., Damstra, D., Stern, H.: Professional WordPress Design and Development. Wiley (2013)Google Scholar
  16. 16.
    Leone, S., de Spindler, A., Norrie, M.C.: A meta-plugin for bespoke data management in wordpress. In: Wang, X.S., Cruz, I., Delis, A., Huang, G. (eds.) WISE 2012. LNCS, vol. 7651, pp. 580–593. Springer, Heidelberg (2012) Google Scholar
  17. 17.
    Murolo, A., Norrie, M.: Deriving custom post types from digital mockups. In: Proc. of the 15th Intl. Conf. on Web Engineering (ICWE). Springer (2015)Google Scholar

Copyright information

© Springer International Publishing Switzerland 2015

Authors and Affiliations

  • Linda Di Geronimo
    • 1
  • Alfonso Murolo
    • 1
    Email author
  • Michael Nebeling
    • 1
  • Moira C. Norrie
    • 1
  1. 1.Department of Computer ScienceETH ZurichZurichSwitzerland

Personalised recommendations