Posted on Leave a comment

YUI3 Carousel into WordPress Theme is not very difficult in fact

In developing a WordPress Child Theme of the Hybrid Theme Framework by Justin Tudlock, I found out today that in fact it is not that difficult to include YUI3 Carousel into WordPress.

I just used the following code that was given at http://yuilibrary.com.

1. First I copied this YUI3 Gallery Javascript code. Well this is actually an AlloyYUI script that you can see directly at http://yuilibrary.com here:

YUI({
//Last Gallery Build of this module
gallery: 'gallery-2010.08.18-17-12',
modules: {
'gallery-aui-skin-base': {
fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
type: 'css'
},
'gallery-aui-skin-classic': {
fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
type: 'css',
requires: ['gallery-aui-skin-base']
}
}
}).use('gallery-aui-carousel', function(Y) {
var component = new Y.Carousel(
{
intervalTime: 5,
contentBox: '#demonewscontainer',
height: 277
}
).render();
});

//

2. Second I then put this .php code into the theme:

hybrid_get_setting( 'feature_category' ), 'showposts' => hybrid_get_setting( 'feature_num_posts' ), 'ignore_sticky_posts' => true );
else
$feature_query = array( 'post__in' => get_option( 'sticky_posts' ), 'showposts' => hybrid_get_setting( 'feature_num_posts' ) );
?>

etc and so on from “hybrid-news” theme, and finally I can have a YUI3 Carousel displayed WordPress featured posts at my home.php.

There are so many tricks and codes out there, but I am just giving an example that is already working for my WordPress theme.

Please note that did not copy the .php code in full because I do not want to break copyright law, as I do not know the rules yet.

Again, please remember that I am talking about a child theme of Hybrid theme by Justin Tadlock.

I must acknowledge that I am totally new to YUI and WordPress. Totally new means my parents are from the stone-age, still do not read or write, I am the first generation to learn anything an everything, from reading to writing, from modern languages to computers, from php to javascripts. I am leaping from the old stone-aged to postmodern era of communications technology. This YUI and WordPreess project is my own pleasure to dig into it and see what I can get out of it.

Anybody who wants to help me, please email me at: tofreemelanesia@gmail.com

Thank you.

Posted on Leave a comment

10 Things I Learned While Interning at YUI

For eight months, I had the opportunity to intern with the YUI Team at Yahoo, while I was completing my engineering degree. Today, I’d like to share the top ten things that I learned from my experience with YUI.

A Bit of Background

The YUI Team is primarily responsible for the development and maintenance of the YUI Library. The library is a collection of user-interface components, class management tools, and utilities written in JavaScript and CSS that make it easier for developers to create web applications. Unlike other libraries, YUI is not just about DOM manipulation; it has a rich set of class management tools and a robust event system that makes it easier to develop in JavaScript.

Apart from that, the YUI Team is also responsible for YUI Theater, a very popular resource for web developers, along with a myriad of smaller tools such as YUI Builder, YUI Compressor, YUI Test and more.

Continue reading this Article at net.tutplus.com here

My Comment

I am trying to dig into various possibilities of incorporating some or major elements of YUI into my WordPress themes, in particular by utilizing what I call the “rock-solid” and “most comprehensive” as well as “robust” Hybrid WordPress Theme Framework by Justin Tudlock.

Well, I followed Justin not just now, but since he first released his theme called “Options Theme” which far before all other plugins and hooks were developed.

This particular entry/ article is important for me to follow it up in order to make use the Hybrid Theme and then YUI-fy the theme framework. The outcome of YUI-fying the Hybrid Theme is what I call “My Papua Theme Framework” or “WP WP Framework”. By the way, the Double “WP”s stand for “West Papua WordPress” or “WordPress West Papua”.

Posted on Leave a comment

Multi-Column Grid-Style Posts in WordPress

I found this hack is very useful particularly when I was designing my home/ index page display. I wanted my homepage displays news in two, three or four columns. And this hack perfectly fits into this need.

Please go to the source: <http://www.transformationpowertools.com/wordpress/multi-column-wordpress-template>

What you need is just simple php code with simple one line .css style:

There is another similar, but more complex example here: “6 Ways to Display WordPress Post Content in Multiple Columns

Just have a look and see which one suits you best.

Posted on 1 Comment

YUI Based and Multicoloured “raindrops” WordPress Theme

The description of this theme says it all:

This theme file has the automatic arrangement of color function in specifying the layout customizing function and the reference color by Yahoo User Interface. The color can specify the tradition color and the American tradition color of Japan by the name. An automatic arrangement of color and the layout can be changed to the expression who you further seem by your instruction.

This theme was tagged:

Tags:black, blue, gray, brown, green, orange, pink, purple, red, silver, tan, white, yellow,dark,light,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar ,fixed-width ,flexible-width, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready, post-formats, featured-images

When I tried to implement this theme, it is pretty complicated as it has its own framework that could not help me to adapt it to my favourite “HybridWordPress Theme by Justin Tadlock.

You can access this theme here: http://www.tenman.info/wp3/raindrops/ and here is the author URL: http://www.tenman.info/wp3/

Posted on 3 Comments

Twordder WordPress Theme: Fully YUI and Twitter Based Theme

I just came across with this theme called “Twordder” by John Turner.

In this theme’s Tag, Turner says: Twitter inspired theme. Twordder is more of a framework than just a theme. You choose your layout, colors and background image. Features Include: Custom Background, Sidebar, Text, Links,and Sidebar Border Colors, Automatically pull color palettes from ColourLovers.com, Custom Background Image, Custom Logo, Custom Page Width, Left or Right Sidebar, Customize Sidebar Width, Rounded Corners in Firefox, Safari, and iPhone, Drop Down Menu Support, Facebook Connect Support, Threaded Comments, Gravatar Support, Microformats, Sticky-Post Class Support. Widgetized Blog Header, Footer and Page Sidebar. Theme by johndturner.com

In his own website, John says:

Twordder is a Twitter inspired WordPress theme. My current theme is an example. Features Include:

  • Custom Background, Sidebar, Text, Links,and Sidebar Border Colors
  • Automatically pull color palettes from ColourLovers.com
  • Custom Background Image
  • Custom Logo
  • Custom Page Width
  • Left or Right Sidebar
  • Customize Sidebar Width
  • Rounded Corners in Firefox, Safari, and iPhone
  • Drop Down Menu Support
  • Facebook Connect Support
  • Threaded Comments
  • Gravatar Support
  • Microformats
  • Sticky-Post Class Support

In fact John has moved his website from johndturner.com to http://www.seedprod.com/ Perhaps this is why WordPress says

This theme hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

In this http://wordpress.org/extend/themes/twordder, WordPress says:

Twitter inspired theme. Twordder is more of a framework than just a theme. You choose your layout, colors and background image. Features Include: Custom Background, Sidebar, Text, Links,and Sidebar Border Colors, Automatically pull color palettes from ColourLovers.com, Custom Background Image, Custom Logo, Custom Page Width, Left or Right Sidebar, Customize Sidebar Width, Rounded Corners in Firefox, Safari, and iPhone, Drop Down Menu Support, Facebook Connect Support, Threaded Comments, Gravatar Support, Microformats, Sticky-Post Class Support. Widgetized Blog Header, Footer and Page Sidebar. Theme by johndturner.com

Posted on Leave a comment

PHP Ease YUI Class Based WordPress Theme

This WordPress theme framework is a custom implementation of our Page class. Tailor made to simplify the process of creating a WordPress theme, while giving you total flexibility and control afterwards. This class will completely separate your page’s content from it’s layout, freeing you from establishing an ugly foundation of inflexible divs. This framework is the cure for the common divitis.

The PHP Ease WordPress Theme Framework is somewhat stylish in it’s own right, but if you don’t make any changes to suit your fancy then you’re not seeing the big picture. Making changes with this framework is so easy, you’ll be a professional WordPress Theme Designer in no time. I have prepared a sample Child Theme that you can use for your own personal playground.

The WordPress Theme Framework that this author develops is quite interesting. He uses classes for each function.