Skip to main content

Building Custom App Views

Home​

<div class="cover"><h1>Welcome!</h1></div>
<ap-list card="true" infiniteScroll="true" route="https://{site.url}/wp-json/wp/v2/connections?orderby=menu_order&order=asc" class="mb-0"></ap-list>

CleanShot 2023-03-02 at 15.39.06@2x.png

/* Home Page CSS */
.page-home-4 h1 {
margin:24px;
text-align:center;
}

.page-home-4 .card-featured-image {
display:none;
}

.page-home-4 .card-list-content,
.page-home-4 .card-featured-wrap {
display:none;
}

Sermons​

<ap-list card=true infiniteScroll="true" route="https://{site.url}/wp-json/wp/v2/sermon" class="mb-0"></ap-list>

CleanShot 2023-03-02 at 15.37.40@2x.png

Listen​

API Route: https://{site.url}/wp-json/wp/v2/sermon

CleanShot 2023-03-02 at 15.29.02@2x.png

Groups​

<ap-list card="true" infiniteScroll="true" route="https://{site.url}/wp-json/wp/v2/um_groups" class="mb-0"></ap-list>

CleanShot 2023-03-02 at 15.30.41@2x.png

Events​

<ap-list card="true" infiniteScroll="true" route="https://{site.url}/wp-json/wp/v2/tribe-events?orderby=date&order=asc" class="mb-0"></ap-list>

CleanShot 2023-03-02 at 15.32.41@2x.png

Online Giving​

  • Make sure all giving links open in the system browser. Try adding onclick=β€œgivelink()” to the connect card, buttons, or links. That should pull in the fallback URL that is listed in the giving settings for the site.