I received a question about whether the plugin could style dates in the way the little purple date is shown in the header image of the website and the plugins wordpress page.
a real life example
The calendars shown in the header are taken from real live examples of the plugin being used in various sites. The sites will in many cases have added custom css to style the events lists to match their themes.
With a combination of the date and time formats in the settings for each list and some css, almost anything is possible.
The key is that one can add extra characters into the php date format string. If the characters are the same as a date format character, one can ‘escape’ them with a preceding backslash.
Sooo…. one could for example add some html to isolate part of the date for css styling purposes. The image below shows the date and time format settings for a event list. Note the format string for the day. It surrounds the month with a span.
Date format settings for a event listtype
Then one can spice it up with some custom css. To prove this, I have used the power of the firebug browser add-on to add some element css to show you what could be done. I’d put the text-align: center at a higher level actually – no need to repeat it.
You of course would add the css for the event date class and the span within it to your theme or to a custom calendar css file.
Example styling of a month and day (prof of concept facilitated by firebug browser add-on)
From the forum
First, I love the plugin. Very versatile. Thank you.
I’m not a fan of facebook…..however I get asked the questions, so have had to develop some familiarity, so here’s a quick reference until facebook changes things again.
Before you get too stuck in to facebook for your events, look at oreilly.com’s advice on perhap not using facebook as the home for your public events.
Finding that public events ics feed in facebook
From a facebook ‘page’
They really do not make it easy do they ? There is no obvious ‘Export all’ as there is in the personal page. So…Pretend you’re only exporting one event from your page.
Example Facebook page – events page
Click the event
The facebook events lists, click export.
Choose subscribe to all events, or right click and copy the link address
Copy that webcal ics address and use it wherever you need to subscribe to that set of events.
From a personal homepage
After logging in look for the export events option, not just for one event but ALL upcoming events.
Go to your all events page: https://www.facebook.com/events/list.
In the top right corner, see the little gear icon, click it and click the export option.
You should get a popup window.
export facebook ics
If you just want the url to subscribe to it from another application, right click and ‘copy the link address’. Paste it in to your calendars subscribe url option.
Alternatively if you just click on it, your calendar application should open up and hanlde the subscription process for you.
Use it in the ical events plugin?
facebook in shortcode
Bear in mind that the plugin caches the url’s, so you may need to force a refresh (add ?refresh) to the calendar page url and refresh the page in your browser.
Other possibly useful references:
From the wordpress forum.
Firstly, this plugin is absolute HEAVEN and it totally looks great. Thank you so much!
Table widths and css
Tables are wonderful - they expand beautifully and naturally to fit your content, but sometimes that same content can make the table do weird things.
Please be sure to test your css in your theme with representative content.
The plugin tries to deal with some of the problems that occur. For example long urls that can make a table expand too much. See also plugin-and-theme-css-not-working-well-together.
Sometimes the only way to really sort a table width out is to “fix” the width of the table and/or the table cells. Now this the plugin has to leave this to you – some people have wide content areas, some not. Some have lots of info displayed, others have minimal.
The plugin has no way of knowing what size would work best for you.
I suggest that you use something like firebug to see what your theme is doing (or not doing!) and then google table+css+width for ideas on what might work with your theme. You know the size of content area that your calendar or agenda list must fit into and perhaps simply setting the width of the table and/or the table cells will be the answer.
Coping with a wide table
A suggestion from 456bereastreet.com
- word-wrap: break-word has some browser support
- word-break: (normal, break-all, keep-all) aimed at dealing with mixed character sets. Random Break Point.
See posts on this site tagged css.
I just happened upon this - Thanks for the credit Ethan!
A great wordpress plugin
Ethan Hazzard-Watkins is a graphic designer
So if the website timezone is San Francisco, and the link generates UTC time and my google calendar is in Sydney... then it's right ?
Version 4.0.28 of amr-ical-events-list is now available at wordpress and fixes two annoying bugs:
- In trying to make the html5 list options ‘clean’ some html markup was removed – this meant that the necessary classes for google rich snippets, or microformats was no longer available. The necessary markup is now back. Lists that did not use html5 were always and are still okay.
- At time of writing the google documentation does NOT adhere to the ics specification for all day events – it does the human view. Actual functioning and their event button html generator tool does adhere to the spec. This means that in the google link the end day for all day events must be the ‘next’ day. (Think of it as the all day event ends at the very start of the next day.)
- When testing be aware: the links to add an event to google are required to have dates and times in UTC timezone. If your timezone is very different – eg when you live on the other side of the world, testing can get very confusing -… add in a daylight saving change and you need some good maths skills… or set your website temporarily to UTC !
From a starwars fan in the forum. I do like being called “young”.
star wars fans rule!
Good job, young padawan !
I’ve never seen such a concentration of midichlorians in WordPress ever !!!
You must be very… powerful !
A small update:
Change: some taxonomy admin help improvements wrt sticky urls
Change: utilities code had risk of a loop – risk removed
Please ensure that you use with amr-ical-events-list 4.0.25 or later.
Login to download update here: http://icalevents.com/download/