Posted on Leave a comment

Hybrid Child and Vanuatu Child Themes, Based on One Theme, Displayed in Two Different CSS Styles

Hybrid Child Theme @PAPUA.church

Hybrid Child (HC) and Vanuatu Child Themes, Based on One Hybrid Core Theme, Displayed in Two Different CSS Styles

"Vanuatu" Hybrid Child Theme @yikwanaka.com
“Vanuatu” Hybrid Child Theme @yikwanaka.com

As I am saying in all entries in this blog, I am already satisfied with what Justin Tadlock had done with his “hybrid-core” theme framework and “hybrid” wordpress theme. In fact Justin had gone further developing two more core themes that he calls “stargazer” and recently “mythic”, but I am still happy with his old “hybrid” parent theme.

The most obvious reason is that this “hybrid” theme is very simply rational, as it is logically organised. Any new learner in WordPress themes like myself will understand what Mr. Tadlock is doing in his theme. And likewise, we can also easily go ahead and easily figure out what we can do to develop or extend or customize further based on his parent “hybrid” theme. The proof is I myself. I did not know anything about WordPress Themes until 2013, when I was assigned by my local cooperatives (tribal elders who are coffee cooperative) to sell our Baliem Blue Coffee to foreign market. I was then forced to set up online store and

"hc" Hybrid Child Theme @epapua.com
“hc” Hybrid Child Theme @epapua.com

market it though Internet. I was forced to learn WordPress themes.

The “HC” and “Vanuatu” Hybrid Child Themes

Both child themes use the rock-solid, most comprehensive and most flexible WordPress Theme, the Hybrid Theme by Justin Tadlock, but the first one, “HC” stands for “HybridChild” is mainly build based on the Hybrid Theme layout. However, the “vanuatu” hybrid child theme is built based on “Yahoo! UI CSS Grids” layout, based on the Hybrid Base theme framework.

Vanuatu symbolizes a simple, natural, lightweight by elegant theme hat represents the real country called the Republic of Vanuatu, a Melanesian Country in the South Pacific, where most happiest human beings live. This is why it is faster in loading “vanuatu” child theme. Hybrid Base Theme is very basic theme, added into “Vanuatu” child theme, which also calls very limited css files and no js files.

The have the same colouring, but they have very different background layout.

Please go to “www.yikwanak.com” to see the “vanuatu” child theme in display, and go to both “www.epapua.com” and “www.papua.church” to see the “hc” child theme in display.

The “HC” Child Themes

“HC” stands for Hybrid Child, and I have created quite a number of “hc” child themes. I can see how this will become a Parent Theme called HC, carries the name “Hybrid Child”.

The “hc” in www.epapua.com uses “page-home.php” as the home-page display page, and the other one “www.papua.church” displayed with “page.front-page.php” template. The “page-home.php” template comes from the “news” wordpress theme created by Justin Tadlock and other colleagues as “devnews” at that time. An then the “page-front-page.php” template comes from Justin Tadlocks’ Hybrid News Child Themes, can be accessed at “http://themehybrid.com/themes”

Both have the same content, the only difference is the “home” page or “front-page”.

-end here for now–

Posted on Leave a comment

“SubTitle” for all My YUI-CSS Grids and Hybrid Based WordPress Themes

Hybrid WordPress Theme Subtitler Display
Hybrid WordPress Theme Subtitler Display
Hybrid WordPress Theme Subtitler Display

I have been using “sub-title” or entry-subtitle for all my Child Themes that I develop utilizing the rock-solid, most comprehensive and most customize-able Hybrid WordPress theme by Justin Tadlock.

Oh, yes, there are sub-title or subtitler WordPress Plugins available, but I use this as my “extensions” on all my child-themes. The easiest solution is just download those plugins, activate and use them. But frankly, I do not like so much “external control” over my themes, because those plugins are created for you and those creators can change anything they want and it might go in a direction that you didn’t anticipate. In other words, it is personally safe to use your own “file”

Plugin Name: Subtitler
Plugin URI: http://spidermarket.com
Description: Adds Subtitles to your WordPress posts. Called using the template tag the_subtitle.
Version: 1.0
Author: Joshua Unseth
Author URI: http://spidermarket.com
*/

You can visit this URL to see how it works but this blog and other blogs that I created such as follows:

  1. http://papua.church
  2. http://papua.pw
  3. http://melanesia.net
  4. http://papua.name
  5. http://otsus.blog

and many others

I am talking based on the language and structure of “themehybrid.com” by Justin Tadlock. I call “subtitler.php” from my “hybrid.php” parallel file that I created for my child theme.

Here are the steps

  1. First copy the subtitler.php code that I have left in my Plugin entry.
  2. Then paste the code into your “functions.php” file or you can also create as a separate file as I am doing, and call it from either functions.php or as I am doing, I am calling from a parallel file to default “hybrid.php” that I call “hybrid-child.php” or other files it is up to you.
  3. That is it. It is done. The in your theme, just call
    "<?php echo the_subtitle(); ?>
  4. You can either put it before the default “entry_title”, or after that.
  5. I normally give a different colour or font-style or font-face, in order to make it stand out, as mostly people do not expect “subtitle” or it is not common right now.
  6. According to hybrid themes css style, I give  stylesheet names: “.entry-title” and “.entry-subtitle”

Below is the code I use in my hybrid child theme “functions.php”

First above, I do the “remove_action” to remove the Hybrid Core entry_title();


/* Add the title, byline, and entry meta before and after the entry. */
remove_action( "{$prefix}_before_entry", 'hybrid_entry_title' );
add_action( "{$prefix}_before_entry", 'hybrid_child_entry_title' );

Because I have removed the theme entry_title(); so now I create hybrid_child_title(); in which I add “the_subtitle():” as follows. Yes, I forgot, the sub-title here is in Shortcode, because I have also created shortcode for sub-title in my child-theme “shortcodes.php” file.

/**
* HyrirdChild way to display the post title with post sub-title.
* Separate shortcode was created for the_subtitle at 'functions/shortcodes.php'
*
* @since 1.9
*/
function hybrid_child_entry_title() {
echo apply_atomic_shortcode( 'entry_title', '[entry-title]' );
echo '';
echo apply_atomic_shortcode( 'entry_subtitle', '[entry-subtitle]' );
echo '
';
}

PS:

  • I hope this is useful
  • Please not I am not part of this modern world, so my English is not very good, and my skills in internet and blogging are also very basic. Please do understand that I am writing this for myself so that I do not forget it.
  • If you have any suggestions or advice, or want to support me, please email: info@wpyui.com

 

Posted on Leave a comment

Google.com Custom Search in my WordPres.com Blog Without Plugin

Google.com custom search for my website sounds like very professional to me

It is just a feeling, I don’t have any rational explanation why I want to have google search box my all my blogs. This time I am using an example of a papua.church website that I personally run myself, putting all news and information on churches in Western New Guinea, or politically called West Papua.

The Look of the google.com Custom Search form

I am using one form with two options available in the form, the first one is to “Search Results from THIS Site”, and another form is to “Search the Site from the Web”, or take all information available from the web all across the globe.

Google Search Form for Searching the blog via google.com
Google Search Form for Searching the blog via google.com

(I will write another entry on Yahoo! Search form, but let me continue with google.com search form)

Just look at this image. There is google.com search form available, you can enter any word, of course, it preferably words related to the blog, and then choose either “This Site”, or “The Web” button on the right side, then press the “Search” button available.

Once you press it, the window will go directly to the search results, as can be seen in the next image, where the types “word” or “words” are also included and the address of the website also added on the google.com search result.

Google.com Custom Search, Search Results from This Site
Google.com Custom Search, Search Results from This Site

Now the blog url papua.church is also displayed, and then the results of the word type, i.e, gereja papua is also shown.

Additional Note on My Introduction to the Internet and to the Google.com Custom Search and This Search Box

I was introduced to google.com, and also to the Internet by a British retired serviceman from the British Air Force Service way back in 1999. I do not have any education in internet or computer. I learned by looking at what he was doing.

I liked this google.com custom search and have been using since 2004. Latter on I was interested in Google Tabbed Search form where you get the results in tab and you can click the web, books, images, news, etc from the search results. But Google.com discontinued and from this time on, I actually practically stopped using google.com search. Just last week, I tried to ask Mr. Google, as we call it. regarding custom search and checked if I can still use the google.com search form I created some years back.

Now go back to Google.com Custom Search Results from “The Web”

When I click “Search” “The Web”, then Google.com display all inputs from all websites around the world. I just tried to input my google.com custom search API key just produced last night (today is November 08, 2018) and realised google.com is giving API key right now and I can use the key to my created Search Form.

Search from "The Web" Search Results from Google.com Custom Search
Search from “The Web” Search Results from Google.com Custom Search

As can be seen from the image, the search box does help me to stay in my blog, and search anything from Google.com right from my blog. I do not need to open a new window to do that.

Final Note

  1. Now I am glad that I can finally make use of google.com custom search to search the results from display from google.com but I can choose either to display only from my current blog or from the web.
  2. Another note to make is that now I can use google.com custom search “Without Plugin” Yes, I like hacks and scripts that is done “Without Plugin”, primarily because people “Sell” those plugins after sometime they give it for free.
  3. I am using the simplest, but rock-solid plus robust and fully customize-able WordPress Theme called Hybrid Theme created by Justin Tadlock. I am working on more options for including ads and featured posts.

(I must apologize for my English, plus my lack of knowledge of google.cm custom search. What what I am doing here is just teaching myself back on what I am actually doing, so that I do not forget as the time passes. And I must admit, I have forgotten so may things. I am not a modern person, I am a tribesperson and I am not part of this modernized globalized world, by the way. I started to learn Internet not to spread my news around the world, but to put SIGNPOSTS to the world, so that if possible at all, people stop coming to my Island, as the more they come the more they destroy my natural, simple, paradise world of the Isle of New Guinea)

 

Posted on 2 Comments

To Align Centre my Subsiciary Menu at the Bottom Below Footer of my Theme

I found out that it was not that difficult to centre horizontally my menu at the bottom of my blog, particularly when I have only three or four links, and automatically align to left, so I want to see it all go to the centre.

I search the google.com and found this hack:


#subsidiary-menu {
float:right;
position:relative;
left:-50%;
text-align:left;
overflow: visible;
height: 34px;
margin: 0 0 20px 0;
z-index: 100;
font-size:14px;
}
#subsidiary-menu ul{
list-style:none;
position:relative;
left:50%;
}

Now you can see your menu align to the centre, I mean the entire menu, not just text of the menu within each “ul” or “li”.

I hope this helps me first of all.

Post Note

I must acknowledge that StackOverFlow has been so useful for me in searching many things to do with JS, PHP and CSS Styles. Just click link I provided here and see