Virya Technologies - Ruth Cheesley - Getting started with K2 and Joomla!


Published on

A presentation given at Joomla! User Group Suffolk on 13th October 2011 on getting started with K2 in Joomla! - covering how to configure K2 and what all the settings mean, how to create K2 templates, and more.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Virya Technologies - Ruth Cheesley - Getting started with K2 and Joomla!

  1. 1. Getting started with K2<br />Ruth Cheesley<br />Copyright © 2011 Virya Technologies<br />
  2. 2. Hello, I’m Ruth Cheesleyfrom Virya Technologies<br />Find my social media stuff here!<br />@RCheesley<br />
  3. 3. What is K2<br /><ul><li>Content Construction Kit (CCK)
  4. 4. Extends what Joomla! articles can do
  5. 5. Allows cool features
  6. 6. Tags
  7. 7. Per-category styling
  8. 8. Close control of layout
  9. 9. Template overrides</li></li></ul><li>What version to use<br />Joomla! 1.5<br />Joomla! 1.6/7<br />Stable release<br />Lots of extensions<br />Lots of plugins<br />Lots of template overrides<br />OK Support<br />SVN release<br />Not many modules<br />Even fewer plugins!<br />Overrides need tweaks<br />Not much support!<br />
  10. 10. Key concepts<br /><ul><li>As many or few categories as you need (including unlimited nesting)
  11. 11. You can use tags to link related items
  12. 12. Images added via K2 are automagically resized to the required dimensions
  13. 13. You can use extensions to create per-category styling</li></li></ul><li>Getting your head around the settings<br />
  14. 14. How to show stuff!<br /><ul><li>Category Item Layout
  15. 15. Category View Options
  16. 16. Item Image Options
  17. 17. Item View Options in Category Listings
  18. 18. Item View Options</li></ul>Should be other way round (in my opinion)<br />
  19. 19. Configuring K2<br /><ul><li>Some of the settings are not logically ordered
  20. 20. Once you understand what each group of settings control, it’s easy!
  21. 21. Some settings must be set in global parameters, others in category
  22. 22. Same idea as Joomla! articles in terms of inheritance of settings</li></li></ul><li>Take a deep breath!<br />
  23. 23. Global Parameters<br />Easier to show you in K2 itself <br />We’ll look at 1.5.x and 1.7.x (SVN) on a localhost installation<br />
  24. 24. Category View Options<br />Title (Category)<br />RSS Feed icon/link<br />Item counter (Category)<br />Image (Category)<br />Description (Category)<br /> This is controlled by the language file<br />Show subcategory blocks displays this area, columns determines number of columns for the icons, ordering determines how to show the subcategories<br />Sub-Category Image<br />Sub-Category Title<br />Sub-Category Item Counter<br />Sub-Category Description<br />
  25. 25. Category Item Layout<br />1 COLUMN 2 ARTICLES<br />Leading Story<br />Leading Story<br />2 COLUMNS 4 ARTICLES<br />Primary Story<br />Primary Story<br />2 COLUMNS 4 ARTICLES<br />Primary Story<br />Primary Story<br />1 COLUMN 4 ARTICLES<br />Secondary Story<br />Secondary Story<br />Secondary Story<br />Secondary Story<br />2 COLUMNS 8 LINKS<br />Links<br />Links<br />Links<br />Links<br />2 COLUMNS 8 ARTICLES<br />Links<br />Links<br />Links<br />Links<br />
  26. 26. Image options<br />Generally set these in global parameters UNLESS you have a category which needs to have different sizes to the rest of your site<br />(e.g. a portfolio where you want different size thumbnails)<br />Set in pixels, this controls the image WIDTH only (proportional resizing)<br />
  27. 27. Item view options in category listings<br />
  28. 28. Item view options<br />
  29. 29. Creating K2 templates<br /><ul><li>Copy the default template folder from the K2 directory
  30. 30. Copy the default template and rename it to something relevant
  31. 31. Upload it to your template override folder</li></li></ul><li>Explaining the template files<br />Category blog layout<br />Individual items in category blog layout<br />Links in category blog layout<br />Individual article layout<br />Comments form<br />Create an article form (front end submission)<br />Latest items category blog layout<br />Individual items in latest items category layout<br />Items by tag layout<br />Items by user layout<br />
  32. 32. What can you do with templates?<br /><ul><li>Move stuff around
  33. 33. Change CSS classes (e.g. to left align images in category view and flow text around them)
  34. 34. Tweak how dates are displayed
  35. 35. Add images (e.g. for comment, media & video anchor links)</li></li></ul><li>IMPORTANT NOTE<br /><ul><li>Template overrides are NOT UPDATED when you update the extension
  36. 36. Hurrah, this is great! – avoids core hacks
  37. 37. Boo! This is not great! – if there are patches for files which are overridden, or variables change. You MUST update your overrides (it doesn’t happen often, devs usually clearly warn about this, but important to remember).</li></li></ul><li>Some cool plugins and modules<br /><ul><li>Css4k2 (
  38. 38. K2 Dynamap (
  39. 39. K2 Multi Notifier (
  40. 40. Land of Coder (
  41. 41. DM Digital ( </li></li></ul><li>Example sites<br /><br /> <br /> <br /><br /><br />
  42. 42. Thank you!<br />Ruth Cheesley<br />Find my social media stuff here!<br />@RCheesley<br />