19
IEEE WordPress Feeds 16 July 2015 Khanh Luu [email protected]

IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

IEEE WordPress Feeds

16 July 2015

Khanh [email protected]

Page 2: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Visit http://meetings.vtools.ieee.org• Log in with your IEEE Account.• Click on Scroll down to the “Useful links to extract meetings”

section, right-click on the RSS or the iCal link for your organizational unit and copy the URL.the “View Feeds (RSS/HTML/XML/iCal)” link.

Obtaining vTools Meetings Feed URLs

Page 3: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

Pulling vTools Meetings Feed into WordPress (RSS)

● Go to Appearance -> Widgets page.● Drag the RSS Widget from the left and drop it into

one of the sidebars.● Paste the RSS URL into the “Enter the RSS feed

URL here:” field and give the Widget a title.● Click the “Save” button.

Page 4: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

● Update the IEEE Sites theme Home Page Layout to accommodate the RSS Widget.

Page 5: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars
Page 6: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Go to the Plugins page and activate the All-in-One Event Calendar plugin.

Pulling vTools Meetings Feeds (iCal)

● Go to Events -> Settings

Page 7: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Go to the Events -> Settings and select your calendar page, or if you do not one, select “Auto-Create New Page”.

Page 8: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Go to the Events -> Calendar Feeds and paste the vTools Meetings iCal feed URL into the “iCalendar/.ics Feed URL:” field.

• Change the “Check for new events” from “Hourly” to “Daily”.• Check the “On refresh, preserve previously imported events that

are missing from the feed” and the “Assign default time zone to events in UTC” options.

Page 9: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Go to the Plugins page and activate the “amr shortcode” and the “vTools WebInAbox Feeds” plugins

Pulling vTools Officer and Other Units Feeds

Page 10: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Go to Settings -> vTools WebInABox Feeds• Copy the URL from the example and paste it in the field above the

example.

Page 11: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Go to Appearance → Widgets• Expand the “Widgets for Shortcodes” Widget box

● Drag and drop the WIBOfficerFeedWidget and the WIBOtherUnitsFeedWidget into the “Widgets for Shortcodes” box and expand them

Page 12: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Go to Appearance → Widgets• Expand the “Widgets for Shortcodes” Widget box• You will need your organizational unit’s GEOCODE. Log into https:

//officers.vtools.ieee.org and start typing your organizational unit’s name. For example, the GEOCODE for Sweden Section is R80019.

Page 13: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Paste the Geocode into the Geocode field of the WIBOfficerFeedWidget and WIBOtherUnitsFeedWidget Widgets, provide titles for them and save your settings.

Page 14: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Create a Page called Our Officers, for example, and paste the [do_widget id="wibofficerfeedwidget-3"] or [do_widget wibofficerfeedwidget] shortcode into the content box.

• Publish your Page.

Page 15: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• Create a Page called Our Communities, for example, and paste the [do_widget id="wibotherunitsfeedwidget-3"] or [do_widget wibotherunitsfeedwidget] shortcode into the content box.

• Publish your Page.

Page 16: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

• The output of the feed looks like this:

Page 17: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

/* vTools WebInAbox Feed formatting */

div.feed_unit {margin-bottom:15px;}.feed_unit_prop {display:block;}.feed_unit_officer_prop {display:block;}.feed_unit_officer_ident_label {display:block;margin-top:8px;}

span.feed_unit_officer_ident_label, span.feed_unit_ident_label { background-image:url(http://sites.ieee.org/files/2015/07/form_bg1.jpg); background-repeat:repeat-x; border:1px solid #d1c7ac; width: 230px; color:#333333; padding:3px; margin-right:4px; margin-bottom:8px; font-family:tahoma, arial, sans-serif;}

● To add styling to the output, go to Plugins and activate the Custom CSS Manager plugin.

● Go to Appearance -> Custom CSS Manager and the following CSS:

Page 18: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

● The output of the feed should now look like this:

Page 19: IEEE WordPress Feeds · Pulling vTools Meetings Feed into WordPress (RSS) Go to Appearance -> Widgets page. Drag the RSS Widget from the left and drop it into one of the sidebars

● Officers can decide what information is displayed in the officer feed by going to https://webinabox.vtools.ieee.org/, logging in with their IEEE Accounts and clicking on the “Officer Roster” link.