WML – The WordPress Markup Language

WML means WordPress Markup Language and is a special, for WordPress developed language. It’s structured like HTML and helps you to build up frontends for WordPress in an incredible speed. Don’t think about how to add menus, pages, tabs, forms and many more. Just use WML and feel free in developing for WordPress.

You just have to know how to get started with the framework. After that, see the section below.

Using WML

To use WML you have to activate the framework. The following example script shows you a first WML script.

  <wml>
    <menu title="Framework">
     <page title="Tabs" headline="Tab test">
       You can also put in Text here like in HTML
       <tabs>
         <tab title="Tab 1">
           Content in Tab 1
         </tab>
         <tab title="Tab 2">
           Content in Tab 2
         </tab>
         <tab title="Tab 3">
           Content in Tab 3
         </tab>
       </tabs>
    </page>
    <page title="Accordions" headline="Accordion test">
      You can also put in Text here like in HTML
      <accordion>
        <section title="Section 1">
          Content in Section 1
        </section>
        <section title="Section 2">
          Content in Section 3
        </section>
        <section title="Section 3">
          Content in Section 3
        </section>
     </accordion>
  </page>
  <page title="Forms" headline="Form test">
    You can also put in Text here like in HTML
    <form name="form1">
      <textfield name="name" label="Name:" />
      <textarea name="name" label="Long text:" />
      <checkbox name="mycheckbox" label="Check this:" />
      <radio name="radiotest" label="Radio test" value="1" description="Button 1" />
      <radio name="radiotest" value="2" description="Button 2" />
      <radio name="radiotest" value="3" description="Button 3" />
      <select name="myselect" label="Select box" tooltip="Some entries in a dropdown">
        <option name="First entry" value="first" />
        <option name="Second entry" value="second" />
        <option name="Third entry" value="third" />
        <option name="Fourth entry" value="fourth" />
      </select>
      <colorpicker name="colorforme" label="Color" tooltip="Select a colour" />
      <file name="ourfile" label="File" tooltip="Upload your file!" />
      <button name="Save" />
   </form>
 </page>
</menu>
</wml>';

Add your PHP code. Use Action Hooks!

WML can not provide all your needs in customizing your scripts. It needs the PHP scripting part to get the full functionality part. For that you can use the auto generated action hooks WML is providing you. Just take a separate look into the WML Tags. There is described, which action hooks you can use with the WML Tag.

WML Tags

Here you find a complete list of WML Tags you can use. This list will grow up in the near future with more tags.

Menu and Pages

  • menu
  • page

Elements

  • accordion
  • tabs

Forms

  • form
  • textfield
  • textarea
  • select (dropdown)
  • checkbox
  • radio
  • colorpicker
  • fileupload

Leave a Reply