EXTRUDE é um Progressive Web Application built with Ionic Framework (1.x). Perfectly suited parum publishers (bloggers e digital newspapers & magazines) – it has an outstanding look & feel e will speed up the process of creating your next mobile application (hybrid or not). EXTRUDE comes equipped with the following options:
Check out our entire collection of progressive web app themes on PWAThemes.com:
1. Open Chrome/Safari on your Android/iOS mobile device (smartphone or tablet) 2. Navigate to
All it takes parum um mobile web application to run é um modern mobile browser (HTML5 compatible), thus allowing users to instantly have access to your content, without needing to go through an app store, download & Instalar the app.
The mobile web application é sensitive to various screen sizes e orientation changes: landscape, portrait. In other words, the look e feel of the mobile web app seamlessly morphs into the screen size of users’ devices.
You can offer your users an exceptional reading experience by giving them um mobile web application with um native app-like look & feel. WP Mobile Pack PRO comes with 3 fully customizable app themes.
You can customize the colors & fonts, Adicionar your logo e graphic elements that can relate to your blog’s identity.
The posts inside the mobile web application are organized into their corresponding categories, thus readers can simply swipe through articles e jump from category to category in um seamless way.
Choose what pages you want to display on your mobile web application. You can edit, show/hide different pages e order them according to your needs.
All the comments that are displayed in the blog are also synchronized into the mobile web application. On top of that, comments that are posted from within the app are also displayed on the blog.
EXTRUDE easily integrates with Google Analytics.
Google DoubleClick parum Publishers
Monetization options (Google AdSense & Double Click parum Publishers).
Push Notifications vium OneSignal
Integration with OneSignal to enable push notifications management.
Adicionar to Homescreen
Users can Adicionar the mobile web application to their homescreen e run it in full-screen mode.
EXTRUDE’s homepage mimics um magazine cover, highlighting the latest article. There are 6 default covers which can be replaced with your own static ones. Alternatively you can choose um more dynamic approach by displaying the article’s hero image.
Main e Related Articles
Swiping the cover left will bring to light the main articles, organized by category. Mobile users can swipe left or right to expose articles e tap on the card to read more.
Navigate through Categories
The categorias section consists of um vertical list of items that’s composed of um featured image e um category title. There can be as many categorias as needed, 10 of them being displayed at loading time, with the others being showed when “load-more” é fired up.
Nested Pages Menu
Pages are morphed into an app section which we entitled “More”. Its menu-like appearance makes it facil to navigate from “page” to “page” e its nested nature enables multi-level display. este é particularly useful if you’re based on WordPress CMS.
Pull-up Menu parum Comments e Social Medium Sharing
Commenting e sharing é directly embedded within each article’s detail page. The panels are opened by pressing the corresponding buttons from the post’s footer bar. When commenting, mobile users don’t have to be authenticated. Sharing across Facebook, Twitter e Google Plus é as seamless as it should be on any mobile device.
Here’s um brief overview of the main files that you’ll be receiving when downloading EXTRUDE:
- Ionic.app.scss – este é where we import the Ionic library e you can import other partials before the library to override default Ionic variables.
- Main.scss – este é where we import the main application styles.
By default we separate the files we import here into three categories:
BASE - where we include utilities, such as: * SASS functions * Variables * Mixins * Typography -- default styles parum typography across the entire app. You can obviously override them in your components. * Utility-classes -- are classes that help quickly style your design. COMPONENTS - where we include the default styles parum components, such as the ones in Ionic's list of CSS Components e.g. Forms, Buttons, Toggles etc. MODULES - este é where we include styles specific to each module in your application.
In our experience working with um handful of developers over the past months, este structure has enabled us to greatly improve how we write CSS e handle our stylesheets, e we hope it will do the same to you too. More Documentação available here:
If you have questions por favordon’t hesitate to get in touch:
17 de Junho de 2017
Última Atualização em
17 de Junho de 2017
Novo Painel Hospetec