There are many reasons why you might want to add a Twitter block to your ocPortal website. For a personal blog you may want to share your latest tweets and likewise a business may want to highlight their twitter account to encourage people to follow them. ocPortal offers a twitter addon block for this. This post will show you how to add it to your website.
To set up this you will need to import two of the non-bundled addons. These are The Twitter Support addon and also the Twitter feed integration block. Both of these addons can be found in the third party integration section of the addons page in your install.
- Choose the Twitter support addon and click Install.
- On the next page you will be shown a list of files which will be changed as part of the installation. If you are happy that no files you have changed will be affected click proceed.
- Return to the Import non-bundled addons page and choose the twitter feed integration addon.
- Check the list of files to make sure no files you have updated yourself will be affected and click proceed.
- Navigate to where you want the block to appear and click the block construction wizard
- Near the bottom of the list there will now be a Twitter feed option
To be able to set up this block on your site you will need to set up an application on the Twitter developers’ site. This is a fairly simple step by step process:
- Go to https://dev.twitter.com/apps
- Click create a new application
- Fill in all of the top 4 application details including the call back URL which should be the root of your website, i.e. http://www.arvixe.com/
- Read the terms and conditions and click you agree if you do
- Fill in the captcha and create your twitter application
- When you get to the next screen with your details on click the settings tab at the top
- Scroll down to application type and change the application to “read and write”
- Click update setting at the bottom and wait a few seconds for the main page to update, you can refresh the page and once it’s updated
- Scroll down and click create my access token and again wait for the information to update
Now you have all of the information to be able to add your block to your page. From the twitter devs page you will need the information located next to Consumer Key, Consumer Secret, Access token and access token secret.
Go back to the page where you want to display your twitter block and follow the steps in the first part of this tutorial. Fill in the first four boxes with the information you have just created for consumer key etc.
The next box is for the Twitter account you wish to display the information from without the @. You can change the other options if you like including the title of the block and how many Twitter statuses it displays and if you have changed the template layout of the block.
You can now preview, and if you are happy, save the block and save the page and your block should appear on your selected page.