- What is a RSS Feed?
- What do you need?
- Optional: Change the background images
- Upload the files to the server
- Add the URL to your app
What is a RSS Feed?
In this tutorial we’ll learn how to add a news feed in your app. A feed is a page that shows the latest news from your blog or website and converts them into text so that the reader can access them easily and quickly.
This template is adapted to smartphones and tablets.
What do you need?
In order to add an rss feed you will need a web server with PHP where you’ll upload the files that you are going to download now.
All you have to do is enter this website, follow the steps and download the necessary files.
Optional: Change the background images
When you load the news, if the feed of your blog has no image associated with theese news, a series of default images that we have selected will be displayed. These images are in black and white and are quite generic but you may want to change them for others that fit more to your blog.
To change these images, once you have unzipped the file you have generated, go to the “assets” folder and inside the “img” folder. There you will see 10 images, 9 whose name is a number and 1 whose name is “default.png”. This last one is the one that would appear in case of not finding any image.
The only thing you have to do to change them is to overwrite the ones thatare in the folder and add the ones you like. You can delete or add images to your liking, that if, they should always be in “jpg” format and the name must be a number (1.jpg, 2.jpg … 23.jpg, 24.jpg) always in order. If there are 10 files, the first should be called 1.jpg and the last one 10.jpg, apart from the “default.png” that you can also change keeping the name.
If your blog or webpage is based on WordPress, you can install a plugin so that the featured images of the publications appear in the app. This plugin can be found here:
When activating the plug-in, a new configuration screen will appear in “Settings” -> “Featured Images In RSS Feeds”. Here I recommend choosing the configuration as shown in the image:
If your images weigh too much and are slow to load, you can resize the images from “full” to “medium” so they take less time to load.
If you prefer not to install the plugin, the default images explained in the previous point will load.
Upload the files to the server
To upload your folder to the web server you will need an ftp client and a username and password to access.
If you do not know how to upload the folder to your web storage, contact your hosting provider and he will give you all the details.
Once uploaded the folder to the server, you have to get the URL, if you have uploaded it to the root it will be something like “http: //www.mydomain/RSS/index.php”. If we access this from a browser, we will see that it loads the news. You can see an example here:
Finally, we need to add the URL to the app. To do this, go to the next section.
Add URL to your app
Add the RSS Feed to your app using the “RSS” content.
- Once in 480interactive we go to the “Add Content” screen, select “RSS” and click on the “Add” button on the right.
- It will open a window in which you have to enter the title and the web address that we have obtained before. You can change this later.
- Click on “Add” to create the content and you will see that it appears in the tree on the left.
- You can now configure the new content. Here are the most important configuration options:
|Title||Here you can change the name of your content.|
|Subtitle||This text will appear under the heading in the kiosk. Only used in apps with more than one content.|
|Icon||The icon that will appear in the final App.|
|URL||Web address to the RSS you have added.|