Sunday, January 29, 2017

OUCreate. Create a widget file.

Okay, you should now have the magic code from Twitter for the widget that you created. In this step, you are going to create a file in your secure subdomain (just like you did before!), and you are just going to paste the Twitter widget code into the file!

This will seem very familiar from when you created your "Hello world!" file!

1. Find the File Manager. Log on to create.ou.edu to access your cPanel control panel. Scroll down to find the File Manager, and click on that.



2. Go into the public_html space. You should see a public_html listing in the file directory; click on the public_html to open up that area.


3. Find your subdomain. Inside the public_html listing, you should see the name of the subdomain that you are using for this workshop. It should be the subdomain that you configured for https above. Click on that subdomain name to open it up. My subdomain is called "widgets" as you can see:


4. Create a file. Now that you are inside your subdomain file area, you are going to create a file in there. Click on +File to create a file:



5. Name the file. For this exercise, give the file a name the will help you remember the specific Twitter widget you have put in there. I am going to name my file "OUFacStaff800.html" (don't forget the .html at the end) because I will be using this for an OU Faculty-Staff Twitter list widget that I configured to be 800 pixels in height.

6. Edit the file. Click to highlight the file name (the row will turn blue), and then click on Edit (not Code Edit, not HTML Edit). Paste in the widget code you copied from Twitter, and then Save Changes and Close. The exact contents of the code will vary depending on the type of Twitter widget you are creating.



7. View your file online. Now, you should be able to see your file on the Internet! Fill in the blanks as needed, and make sure you are using https!

https://___.___.___/__.html

For example:

https://widgets.lauragibbs.net/OUFacStaff800.html

Do you see your Twitter content displayed? It will fill up the screen, but don't worry: the widget is something that Canvas will adjust automatically based on available space. Now you are ready to put the Twitter widget into Canvas! If you ran into a snag or problem with this part of the process, let me know: laura-gibbs@ou.edu.

This is the process you will repeat every time you want to create a new Twitter widget, so it is the last of the OU Create tutorials in this workshop... but there is so much more you can do with OU Create, so keep on exploring. Now you have your own space online, ready and waiting for your next project.


Keep on learning, and teach your students.


No comments:

Post a Comment