appcropolois
  •  Templates
  • Builder
    •  Product Tour
    •  Sign up
    •  Dashboard
  •  Learn
  •  Discover
  •  Upgrade
  •  Sign in
  •  My Profile
    • View Orders
    • Edit Profile
    • Sign Out
  •  Cart
    ➜ 
  1. Home
  2. Learn
  3. Creating a new page and its ...
Share

Creating a new page and its companion View

To create an new view you must follow these steps:

  1. Create a page in Wordpres ( Pages > New Page ) –e.g. “My Profile”
    NOTE: In this example WordPress will generate the slug “my-profile”.
  2. Create a View using the name convention “page-[page-slug]”. For this example you must create a view named “page-my-profile”.
  3. Once you complete steps 1 and 2, the framework will automatically override the WordPress Page output with the content of the view.
    NOTE: If you try to preview the page that you created (e.g. http://appcropolis.com/my-profile), you will se a blank page, because you have not added any content to the view.
  4. To integrate the WordPress page content with your view you must use the template syntax. Once you have done that you should be able to see the WordPress pages rendered using the code that you defined in your view. See code below.

 

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>My Profile Page</title>
    </head>
    <body>
       <h1>{$post.post_title}</h1> 
       <p>{$post.post_conent}</p> 
    </body>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>My Profile Page</title>
    </head>
    <body>
       <h1>{$post.post_title}</h1> 
       <p>{$post.post_conent}</p> 
    </body>
</html>

By:
Category: Frameworks
Posted on: Thursday, May 7, 2015

Sign in to post your comment


Not registered? Create an Account.

Lost your password? Click here to recover.

Building Apps?

Create, customize, and publish mobile web applications using the Appcropolis Mobile Builder.

Get Started
Browse Categories
  • Books (0)
  • CSS3 (2)
  • Design (0)
  • Frameworks (10)
  • How-To (6)
  • HTML5 (2)
  • jQuery Mobile (7)
  • Miscelaneous (1862)
  • Mobile Builder (1)
  • News (9)
  • Opinion (1)
  • User Experience (0)
  • Web Technology (11)
  • Webclips (4)

Ready-to-use Templates

Check out Appcropolis Mobile Templates

We offer 1,000's of mobile templates that are fully designed, coded, and ready to use. Learn more.

Download Free Templates

Contact Us

Your feedback means the world to us.
Contact us if you have any questions or
any feature requests:

Saint Louis, MO 63101
911 Washington Ave
Email: info@appcropolis.com

Appcropolis

  •   About Us
  •   Blog
  •   Discover
  •   Templates
  •   Contact Us

Get Free Templates

Subscribe to our newsletter to receive
notification about new templates, prodcut updates,
and technical articles.


© 2025 Appcropolis, LLC · All Rights Reserved
Sitemap  ·  Terms Of Service  ·  Privacy