Posted on Leave a comment

Three Types of WPYUI Themes

Hybrid Child Theme, extended functionalities by WPYUI.com

WordPress.com themes based on Yahoo! UI Library is initiated by Yikwanak Kole and right now being updated after a few months by two other people interested in the work initiated some 10 years ago.

All WPYUI Themes are build based on the Rock-Solid Hybrid Theme Framework by Justin Tadlock.

I know that Justin already developed a new Theme Framework that he calls “Stargazer”, for Yikwanak Kole, the original Hybrid Theme framework is still the best and most logical as well as most expandable theme framework for basic wordpress learners.

WPYUI Themes appear in three major types. The first one is more simple and pure form of YUI WP Themes. Please visit http://yikwanak.com/kole/ to see this simple theme, as well as http:// melanesia.one and http:// papua.one

THis is “SImple YUI” Theme

Another one is primarily based on the YUI Bubbling LIbrary by Caidy Patino some years back. The colour is milky one. Please refer to http:// melanesia.net for this type.

WordPress Bubbling Library Theme
WordPress Bubbling Library Theme

The third one is as can be seen here http://yikwanak.com and http://wpyui.com. This is simple but also based on YUI Bubbling LIbrary, but utilizing YUI.2.2 library.

Wordpress Post Tag on the Top Right of Header by Jhon Kwano www.wpyui.com
WordPress Post Tag on the Top Right of Header by Jhon Kwano www.wpyui.com
Posted on Leave a comment

How I Call YUI CSS Grids in My Hybrid WordPress Theme

I have found there are four ways so far. The first one is by calling it via google.com cdn library simply by using “google.load(“yui”, “2.7.0”); just after the <body> tag in my blog theme header. This looks very simple and the easiest one, but I must admit, I have not yet used this even once. I cannot give any opinion on this. I will do so sometime later.

The second method is commonly used, directly calling the link like this on the header.php of the theme.
<!--Include YUI Loader: -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yuiloader/yuiloader-min.js">
</script>

This is just to call the library. After that we need to call the functions or the reasons we called YUI Library as follows:
<!--Use YUI Loader to bring in your other dependencies: -->
<script type="text/javascript">
// Instantiate and configure YUI Loader:
(function() {
var loader = new YAHOO.util.YUILoader({
base: "http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/",
require: ["utilities","container","tabview","reset-fonts-grids","datatable"],
onSuccess: function() {
//instantiate your DataTable here...
}
});
// Load the files using the insert() method.
loader.insert();
})();
</script></code

We can see here, we are calling “reset-fonts-grids”, “skin”, “tabview” and whatever functions we want to use in our blog.

I have used this method for long time now and I have developed some child-themes using this method. However, as commonly known, this is not the way that most bloggers would recommend us to call a JS or CSS library.

Then I used a third way, that is, using “media.php” file under the ‘functions’ folder of my them. If you are familiar with our Hybrid Theme Framework, then you will know what I am talking about here. This “functions” folder is my Hybrid Child Folder, under /library/ folder. In fact my Hybrid Child Themes also use the same structure as the Hybrid Theme folders.

In media.php file, I call any library I would like to call, I register those js, then I enqueue them

wp_enqueue_script( 'yui-utilities' );
wp_enqueue_script( 'yui-tabview' );
wp_enqueue_script( 'yui-bubbling-core' );
wp_enqueue_script( 'bubbling-dispatcher' );
wp_enqueue_script( 'bubbling-accordion' );

I want to use YUI Tabiew and bubbling core, that helps my theme to display tooltips, as you can see in this theme. That is why I call YUI ‘utilities.js’ and then YUI ‘tabview.js” plus bubbling ‘core.js’

A third way of calling YUI Library is directly from the theme functions.php, by adding ” add_action(‘wp_enqueue_scripts’, ‘yahoowp_init’, 11 );” For this function, then I will use

if ( ! function_exists('yahoowp_init' ) ) {
 function yahoowp_init() {

The last way is to call it from a WordPress Plugins folder. I created the media.php file and changed it into a plugin, then I activated the plugin in order to call the Yahoo! UI Library that I needed. I think I will dig more into this method in order to keep my child theme clean so that it can be easily updated.

I will explain more on what these “calls” or “functions” do to my Hybrid WordPress Child Themes in separate entries.

Posted on Leave a comment

Hello world! This is WordPress Yahoo! User Iinterface

Top Part of YUI-fied WordPRess Theme

I have been learning WordPress.com blogging since 2002 and started learning about theme development in 2006. In 2007, I became interested in developing WordPress.com themes based on the most famous and elegant Yahoo! User Interface (YUI) CSS Grids that I think so far still the most elegant one for CSS framework.

I know that the Yahoo! User Interface Library  itself has stopped developing further version recently. I also know that not many people are interested in working on YUI-Based or YUI-fied WordPress.com Themes, however, out of my personal passion, due to my love to seeing YUI CSS Grids elegantly display wordpress content, I am still manipulating wordpress themes and thinking of developing it further. Not developing YUI CSS Grids, but manipulate layout and content of wordpress themes.

In the meantime, I came across with Caridy Patiño’s YUI Bubbling Library. HIs YUI Bubbling is also dis-continued, unfortunately. However, the ones that I have downloaded are still with me, and I can still work with those JavaSripts for Tabview and Accordion manipulation. What Caridy Patiño has been doing also gave me examples that we can utilize YAHOO! UI for various purposes, in this case for me to implement YUI in WordPress theme.

I have used free wordpress blogs: yuiwp.wordpress.com and papuawp.wordprss.com  to explore more possibilities by inviting others out there to think about developing wordpress themes based on Yahoo! UI CSS Framework, but no luck. It is already 5 years since then, and I found myself as a single fighter diving into the sea, not knowing how deep it is and worse, not knowing how to get to the shore.

Sancta Simplicitas: minimalistic WordPress theme using YUI CSS and http://php-ease.com/ as well as John Turner theme called Twordder inspired me and gave me clue that I can still continue developing wordpress theme based on yahoo CSS grids as well as Yahoo JS Library in general. A few while later I found another WP Theme based on Yahoo! CSS Grids: called Obandes. I am stronger, and clearer on what to do.

Both Obandes and Twordder WordPress Themes helped me in setting up theme  functions.php for the css grids so that I can set up grids on theme admin section. With their method, I can now set at the theme admin whether two colums, one column, outer and inner left or right, and also change the width of the whole theme from 7\custom width to 100% width.

Today is 18 June, a week after my birthday on 10 June 2017, I just bought this domain called WPYUI (WordPress Yahoo! User Interface) in order to officially run the theme development.

I must make it clear, that I am personally the strongest supporter and user of all themes based on the rock-solid, robust and logical and easily editable WordPress theme developmed by Justin Tadlock called Hybrid Theme. (I will let you know more about Mr. Tadlock and his Hybrid Theme in a separate note).

I hope that this work I am happy to get involved with will finally bear fruit, i.e., generate small income for me in the future.

 

 

 

Posted on Leave a comment

Yes, Yahoo! YUI and WordPress can Get Along

I would like to declare that after almost 5 years of working on implementing Yahoo! CSS Grids and Yahoo! Javascripts, I can say that we can implement YUI into our WordPress blog themes, of course, the self-hosted ones.

It is also important to mention that I only understand the concept and rational of the “Rock-Solid Hybrid WordPress theme developed by Justin Tadlock. I must admit that I have tried many times utilizing many other wordpress frameworks, but  I must say that Hybrid Theme Framework is the simplest one to understand and very flexible to extend, endless possibility.

Justin developed the following themes based on his “hybrid-core’ framework

  1. Hybrid Theme
  2. Hybrid Base Theme and
  3. Stargazer

The first one is the one that I am using as Hybrid Theme for developing many child-themes. Secondly I am also using hybrid-base, but at this point just as testing stage.

Posted on Leave a comment

Hybrid News WoordPress Theme is Now YUI-fied

This is to announce a new development of our wordpress.com theme called Hybrid New YUI that can be downloaded for free and we hope that it will serve its purpose: promote news and information from remote places on the world, through elegant looking blog.

The description of the theme says as follows

A “simple-complex”, plus User-Friendly child theme of the Rock-Solid and most comprehensive Hybrid WordPress parent theme with various breadcrumbs on right heaader and before primary sidebar as well as widgets additions for home. singular and archive pages that can be activated by add_theme_support on theme functions.php, utilising the famous YUI CSS and Javascript Frameworks for layout and styles with Custom Posts Types

There has been various activities going on in expanding already rock-solid Hybrid Theme Framework developed by the kindness of Justin Tadlock

There is further development going on, both non-YUI and YUI-fied Child Themes.

We are looking into developing a fully YUI-fied WordPress Theme but still on the way.

We hope you enjoy. Thank you.

 

ePAPUA.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.