So if you’re using Cakifo this is your opportunity to decide how to make it even more awesome! If you have a few minutes, please answer the survey below:

The post Cakifo Survey 2013 appeared first on Jayj.dk.

In this post, I’ll give you a custom control class makes it possible to add a multiple select list to your theme customizer settings.

How to add the settings is not the focus of this post so you should check out posts like “How to leverage the Theme Customizer in your own themes” instead for great explaining on how to use the feature.

By default WordPress have controls for stuff like text fields, check boxes, color wheels, select lists, and image handling. But there’s no way to use a select list with the ‘multiple’ attribute unless you extend the WP_Customize_Control class.

By “multiple select lists”, I mean lists like this:

Creating the Class

I won’t go into much detail on how to create your own class as it’s already explained in Otto on WordPress’ great tutorial on how to create a custom control.

As explained in Otto’s post, the first step is to create a function that’s hooked into the customize_register action. This makes sure our class only is loaded when necessary.

add_action( 'customize_register', 'your_theme_customize_register' );

function your_theme_customize_register( $wp_customize ) {
    // Our class here
}

The content of the function will be our class with the multiple select control. We’re using in_array to detect whether or not the select items should be selected.

/**
 * Multiple select customize control class.
 */
class Jayj_Customize_Control_Multiple_Select extends WP_Customize_Control {

    /**
     * The type of customize control being rendered.
     */
    public $type = 'multiple-select';

    /**
     * Displays the multiple select on the customize screen.
     */
    public function render_content() {

    if ( empty( $this->choices ) )
        return;
    ?>
        <label>
            <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
            <select <?php $this->link(); ?> multiple="multiple" style="height: 100%;">
                <?php
                    foreach ( $this->choices as $value => $label ) {
                        $selected = ( in_array( $value, $this->value() ) ) ? selected( 1, 1, false ) : '';
                        echo '<option value="' . esc_attr( $value ) . '"' . $selected . '>' . $label . '</option>';
                    }
                ?>
            </select>
        </label>
    <?php }
}

Using the new control in the Customizer

Now that the new control has been created, it’s time to use it. Assuming you’ve already created some options in the customizer it should be easy to use the new control.

First we create the setting, then we create our control, by using the new Jayj_Customize_Control_Multiple_Select class.

$wp_customize->add_setting( 'multiple_select_setting', array(
    'default' => array(), // Either empty or fill it with your default values
) );
 
$wp_customize->add_control(
    new Jayj_Customize_Control_Multiple_Select(
        $wp_customize,
        'multiple_select_setting',
        array(
            'settings' => 'multiple_select_setting',
            'label'    => 'Testing multiple select',
            'section'  => 'themedemo_demo_settings', // Enter the name of your own section
            'type'     => 'multiple-select', // The $type in our class
            'choices'  => array( 'google' => 'Google', 'bing' => 'Bing' ) // Your choices
        )
    )
);

Example of the multiple select class in use in my Cakifo theme.

It’s all! If you have any comments, feel free to comment in this post.

The post Multiple Select Lists in the Theme Customizer appeared first on Jayj.dk.

My free WordPress theme Cakifo was updated to version 1.5 last week. The biggest change in 1.5 is the design improvements – some of them are the wider layout, new heading font and new button styles. The theme has also been updated to use Hybrid Core version 1.5.

Changes in 1.5

• Hybrid Core 1.5
• Updated design
• Improved support for post formats
• Secondary navigation
• Changed from px to rem for font sizes
• New heading font (PT Serif)
• Theme Customizer: Added global layout and theme settings
• Improved responsive design (will be even better in the next version)
• Code improvements
• Bug fixes

Full changelog: https://github.com/jayj/Cakifo/compare/v.1.4.4…v1.5

Before updating Cakifo

The new version requires WordPress 3.5 to work so make sure you’ve updated WordPress before updating the theme.

If you’ve read the Hybrid Core 1.5 release post, you’ll know that Hybrid Core no longer recommends that Hybrid Core themes use the SEO module. So instead you should use a SEO plugin like WordPress SEO or others.

Also the image sizes for the custom front page and the slider has changed. I recommend using a plugin like Regenerate Thumbnails to update your already uploaded images to fit the new sizes.

The post Cakifo updated to version 1.5 appeared first on Jayj.dk.

Hitman Absolution is finally here! 6 years is a very long time… Let’s hope it’s worth the wait

The post Hitman Absolution is here! appeared first on Jayj.dk.

If you already use Cakifo, you should have an update notification in your dashboard. If you don’t use Cakifo, you can install it by searching for ‘Cakifo’ in Appearance > Install Themes

The post Cakifo is now in the official WordPress Themes Directory appeared first on Jayj.dk.

DownloadDemo

New features in version 2.1

• Huge design updates – The content background is now white by default instead of semi-transparent
• Uses the CSS preprocessor LESS
• Switched to a Twitter Bootstrap-like responsive grid-system (see about for demo)
• Much better responsive design
• Uses the fonts Open Sans and Merriweather, both loaded from Google Fonts
• Contact form script have been improved
• Modernizr 2.6.1
• The theme supports Google Prettify but it is not included in the download

The “About” page on the demo contains a huge list of HTML elements and their styling.

As always you are free to use this theme for any purpose – both private and commercial. The theme is licensed under the New BSD License.

LESS as preprocessor

Version 2.1 uses the CSS preprocessor LESS. What is LESS? you might ask. Well the official website says that LESS is a “dynamic stylesheet language“. LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions.

In more simple terms, LESS allows you to write CSS in a smarter way by combining functions, mixins, operations and more. The README file included in the download explains a bit more about this.

The post Jayj HTML5 theme version 2.1 appeared first on Jayj.dk.

The design has been improved, the markup is now HTML5, it’s responsive and it now supports the new hot WordPress 3.4 features such as the Theme Customizer. It also supports the improved custom header and background features.

Click on the image to buy for $30 or go to the demo of Abandu 2.0

Features:

• HTML5 markup
• Responsive: The theme is responsive so it fits to smaller screens
• Child theme friendly
• 6 Widget-ready areas: Sidebar, Single Posts, Three footer widget-areas and the 404 error page.
• Two custom widgets
• Supports post image thumbnails
• The image attachment page displays the image metadata and EXIF data
• Extensive Documentation
• Localization Support (contains .pot file) – Danish translation already added!
• Woocommerce compatible
• A few shortcodes for use in the footer text and text widgets
• Editor stylesheet so the visual editor matches the theme style
• RTL stylesheet for right-to-left languages
• Custom menu support

Theme Customizer

The theme supports the new WordPress 3.4 Theme Customizer feature which allows you to make changes to the theme and live preview them.

The post Abandu 2.0 appeared first on Jayj.dk.

Changes and new in version 1.3

• Hybrid Core 1.3
• 3.4-ready: The theme supports the new 3.4 features, including flexible header sizes (used for the logo)
• Improved design
  • Much more contrast (especially the topbar and navigation!)
  • The reset CSS have been replaced by Normalize.css
  • Improved slider design
  • New image styles
  • And a lot more improvements
• Improved responsive design
  • The menu will become collapsible and in list form
  • The frontpage columns will become full width
  • And other
• Ability to update Cakifo directly from the dashboard
• Colorbox, a jQuery lightbox script (the default selector is .colorbox)
• Related Posts widget
• Share buttons: Shortcodes for a PHP version of the Twitter share button and HTML5 version of the Facebook ([entry-twitter-link], [entry-facebook-link])
• Removed support for the Hybrid Core template hierarchy
• The RSS link in the topbar has been replaced by a search form
• Better attachment page
• Partial support for the bbPress plugin
• And more

View full changelog at Github

Download the update

Improved Wiki and inline docs

• Wiki on Github
• Browse inline documentation

The post Cakifo 1.3 appeared first on Jayj.dk.

The post Cakifo demo back online appeared first on Jayj.dk.

Changelog

• HUGE code improvements
• The ypf_show_video() function now takes an array of options instead of parameters
• Both the shortcode and template tag now accepts more arguments (see FAQ)
• Updated documentation
• You can no longer use the old embed code
• Small bug fixes

The post Youtube Profile Field updated to version 2.2 appeared first on Jayj.dk.