O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

WordPress Mobile Applications with PhoneGap

Book Description

A straightforward, example-based guide on how to leverage your web development skills to build mobile applications using Wordpress, jQuery, jQuery Mobile, and PhoneGap

  • Discover how we can leverage on Wordpress as a content management system and serve content to mobile apps by exposing its API
  • Learn how to build geolocation mobile applications using Wordpress and PhoneGap
  • Step-by-step instructions on how you can make use of jQuery and jQuery mobile to provide an interface between Wordpress and your PhoneGap app

In Detail

With the explosive popularity of mobile apps and its much anticipated continued growth for the foreseeable future, developers will want to get their hands dirty and build some cool mobile apps. But we know that building mobile apps is not easy: we need to handle cross-platform issues, mobile devices of different screen sizes, not to mention traditional issues such as providing a content management system of the content served in the application.

Enter "WordPress Mobile Applications with PhoneGap". We leverage on some of the most popular open source projects: Wordpress, jQuery, jQuery Mobile and PhoneGap and discover how they can be pieced together to build a fully functional cross platform mobile application.

"WordPress Mobile Applications with PhoneGap" teaches you how to build mobile application with minimal effort and coding by leveraging on some of the most popular open source projects such as Wordpress, jQuery, jQuery Mobile and PhoneGap.

This book looks at some of the most popular open source projects: Wordpress, jQuery, jQuery Mobile and PhoneGap and breaks down the nitty gritty details on how to leverage on these projects to build a fully functional cross-platform mobile application with minimal coding and effort.

You will start off by quickly going through the capabilities of Wordpress. Then you will prepare some groundwork on how to make use of plugins and the GeoPlaces theme to provide geographic and API capabilities to WordPress. Next you will learn how to create an external HTML/CSS/JavaScript that consumes and posts data to your Wordpress blog. More importantly, you will see how to convert this external app into a PhoneGap in as little as five minutes. Finally, you will learn how to apply all these techniques and skills to a Wordpress app based on the Twenty-Ten theme and create a cross-platform mobile app using PhoneGap.

By the end of "Wordpress Mobile Applications with PhoneGap" you will learn how to piece Wordpress, jQuery, jQuery Mobile and PhoneGap together into a fully functional mobile app.

Table of Contents

  1. WordPress Mobile Applications with PhoneGap
    1. Table of Contents
    2. WordPress Mobile Applications with PhoneGap
    3. Credits
    4. About the Author
    5. About the Reviewers
    6. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    7. Preface
      1. A 30,000-feet overview of this book
      2. What this book covers
      3. What you need for this book
      4. Who this book is for
      5. Conventions
      6. Reader feedback
      7. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    8. 1. WordPress Overview and Installation
      1. Preamble
        1. Mac
        2. Windows
      2. The famous five minute installation of WordPress
      3. A five minute introduction to WordPress
        1. Themes
        2. Plugins
      4. Summary
    9. 2. Adding Geographic Capabilities via the GeoPlaces Theme
      1. Introducing the GeoPlaces theme
        1. An overview of the GeoPlaces theme
          1. Setting up the GeoPlaces theme
            1. Installation
            2. Populating the site with sample data
          2. Playing with sample data
            1. Checking out cities
            2. Adding a place from the frontend
            3. Adding a place from the admin side
            4. Adding a city from the admin side
      2. Summary
    10. 3. Extending WordPress Using JSON-API
      1. Introducing the JSON-API plugin
        1. Installation
        2. Exploring the JSON-API plugin
      2. A simple web app to read data
        1. Reading a blog post
          1. Creating a Hello World JavaScript app
          2. Consuming JSON feeds
      3. Paging through blog posts
        1. Paging across the blog post
      4. Creating blog post
        1. Manual creation of posts
        2. Programmatic creation of posts
      5. Summary
    11. 4. Building Mobile Applications Using PhoneGap
      1. Introducing PhoneGap
        1. Getting started
        2. Creating a Hello World application
      2. Using jQuery in PhoneGap
        1. Performing a RESTful GET request in the PhoneGap application
      3. Capturing geolocation using PhoneGap API
      4. Summary
    12. 5. Extending WordPress to the Mobile World
      1. Introducing jQuery Mobile
        1. Installing jQuery Mobile and theming
        2. jQuery Mobile page template
        3. Animation effects
      2. Extending our PhoneGap app
        1. Posting data to a JSON endpoint in PhoneGap
      3. Putting everything together with the GeoPlaces theme
        1. Hacking the JSON-API plugin
        2. Powering your PhoneGap app
      4. Summary
    13. 6. Using Open Source Themes
      1. General idea
      2. Creating a PhoneGap Mobile app using the Twenty Ten theme
        1. Switching to the Twenty Ten theme
        2. Custom fields
        3. Reading from and writing to WordPress
          1. Preamble
          2. Creating a post with custom fields
          3. Reading a post with custom fields
        4. Building an Android PhoneGap app
          1. Shifting your web app code to PhoneGap
          2. Creating a post with custom fields
          3. Reading a post with custom fields
      3. Summary
    14. Index