Пример #1
0
/**
 * Add viewport meta tag to the genesis_meta hook
 * to force 'real' scale of site when viewed in mobile devices.
 *
 * @since 1.0
 */
function dynamik_responsive_viewport()
{
    if (!dynamik_get_settings('responsive_enabled')) {
        return false;
    }
    echo '<meta name="viewport" content="' . dynamik_get_responsive('viewport_meta_content') . '"/>' . "\n";
}
Пример #2
0
/**
 * If the Front-end CSS Builder is active then echo the Custom CSS
 * and Dynamik Design media query content into the <head>.
 *
 * @since 1.0
 */
function dynamik_css_builder_css_echo()
{
    global $dynamik_css_builder_popup;
    if (!$dynamik_css_builder_popup) {
        return;
    }
    $output = '';
    $custom_css = dynamik_get_custom_css('custom_css');
    if ($custom_css != '') {
        $output .= $custom_css . "\n";
    }
    $output = "\n\n<!-- Begin Dynamik Custom CSS -->\n<style id=\"custom-css-echo\" type=\"text/css\">\n" . $output . "</style>\n<!-- End Dynamik Custom CSS -->\n";
    if (dynamik_get_settings('responsive_enabled')) {
        $media_query_css = '
@media only screen and (max-width: ' . dynamik_get_responsive('media_wrap_width') . 'px) {
' . dynamik_get_responsive('media_query_large_cascading_content') . '
}
@media only screen and (min-width: 768px) and (max-width: ' . dynamik_get_responsive('media_wrap_width') . 'px) {
' . dynamik_get_responsive('media_query_large_content') . '
}
@media only screen and (min-width: 480px) and (max-width: ' . dynamik_get_responsive('media_wrap_width') . 'px) {
' . dynamik_get_responsive('media_query_medium_large_content') . '
}
@media only screen and (max-width: 767px) {
' . dynamik_get_responsive('media_query_medium_cascading_content') . '
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
' . dynamik_get_responsive('media_query_medium_content') . '
}
@media only screen and (max-width: 479px) {
' . dynamik_get_responsive('media_query_small_content') . '
}';
        $media_query_css = "\n<!-- Begin Media Query Custom CSS -->\n<style id=\"media-query-custom-css-echo\" type=\"text/css\">" . $media_query_css . "\n</style>\n<!-- End Media Query Custom CSS -->\n\n";
    } else {
        $media_query_css = '';
    }
    echo stripslashes($output . $media_query_css);
}
Пример #3
0
/**
 * Build Subnav Dropdown HTML.
 *
 * @since 1.0
 */
function dynamik_dropdown_nav_2()
{
    if (!has_nav_menu('secondary_dropdown') || !dynamik_get_settings('responsive_enabled') || dynamik_get_responsive('navbar_media_query_default') != 'tablet_dropdown' && dynamik_get_responsive('navbar_media_query_default') != 'mobile_dropdown') {
        return;
    }
    ?>
	<div id="dropdown-subnav-wrap">	
		<!-- dropdown nav for responsive design -->
		<nav id="dropdown-subnav" role="navigation">
			<form id="dropdown-subnav-form" action="" method="post">
			<select class="subnav-chosen-select">
			<option value=""><?php 
    echo dynamik_get_responsive('dropdown_menu_2_text');
    ?>
</option>
			<?php 
    $menu = wp_nav_menu(array('theme_location' => 'secondary_dropdown', 'echo' => false));
    if (preg_match_all('#(<a [^<]+</a>)#', $menu, $matches)) {
        $hrefpat = '/(href *= *([\\"\']?)([^\\"\' ]+)\\2)/';
        foreach ($matches[0] as $link) {
            if (preg_match($hrefpat, $link, $hrefs)) {
                $href = $hrefs[3];
            }
            if (preg_match('#>([^<]+)<#', $link, $names)) {
                $name = $names[1];
            }
            echo "<option value=\"{$href}\">{$name}</option>";
        }
    }
    ?>
			</select>
			</form>
		</nav><!-- #dropdown-subnav -->
		<!-- /end dropdown subnav -->
	</div>
<?php 
}
Пример #4
0
/**
 * Build the Custom stylesheet file.
 *
 * @since 1.0
 */
function dynamik_build_custom_styles()
{
    $css = '/* ' . __('Custom CSS', 'dynamik') . "\n" . '------------------------------------------------------------ */' . "\n";
    if (dynamik_get_settings('responsive_enabled')) {
        $css .= dynamik_get_custom_css('custom_css');
        $css .= "\n\n" . '/* ' . __('Custom Responsive CSS', 'dynamik') . "\n" . '------------------------------------------------------------ */';
        $css .= '
@media only screen and (max-width: ' . dynamik_get_responsive('media_wrap_width') . 'px) {
' . dynamik_get_responsive('media_query_large_cascading_content') . '
}

@media only screen and (min-width: 768px) and (max-width: ' . dynamik_get_responsive('media_wrap_width') . 'px) {
' . dynamik_get_responsive('media_query_large_content') . '
}

@media only screen and (min-width: 480px) and (max-width: ' . dynamik_get_responsive('media_wrap_width') . 'px) {
' . dynamik_get_responsive('media_query_medium_large_content') . '
}

@media only screen and (max-width: 767px) {
' . dynamik_get_responsive('media_query_medium_cascading_content') . '
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
' . dynamik_get_responsive('media_query_medium_content') . '
}

@media only screen and (max-width: 479px) {
' . dynamik_get_responsive('media_query_small_content') . '
}';
    } else {
        $css = dynamik_get_custom_css('custom_css');
    }
    return $css;
}
Пример #5
0
/**
 * Use ajax to update the Dynamik Responsive Options based on the posted values.
 *
 * @since 1.0
 */
function dynamik_responsive_options_save()
{
    check_ajax_referer('responsive-options', 'security');
    if (dynamik_get_design('post_nav_padding_top') != '' && dynamik_get_design('post_nav_padding_bottom') != '') {
        update_option('dynamik_gen_responsive_undo_options', dynamik_get_responsive(null, $args = array('cached' => true, 'array' => true)));
    }
    $update = $_POST['dynamik'];
    update_option('dynamik_gen_responsive_options', $update);
    echo 'Responsive Options Updated';
    exit;
}
Пример #6
0
/**
 * Update the dynamik_gen_design_snapshot_options array with the latest Dynamik Settings.
 *
 * @since 1.0
 */
function dynamik_design_snapshot_update($activation = false)
{
    $dynamik_design_snapshot_options['design_options'] = dynamik_get_design(null, $args = array('cached' => true, 'array' => true));
    $dynamik_design_snapshot_options['responsive_options'] = dynamik_get_responsive(null, $args = array('cached' => true, 'array' => true));
    $dynamik_design_snapshot_options['timestamp'] = gmdate('Y-m-d H:i:s', time() + get_option('gmt_offset') * 3600);
    $dynamik_design_snapshot_options['dynamik_snapshot_options'] = !$activation ? $_POST['dynamik'] : ' ';
    update_option('dynamik_gen_design_snapshot_options', $dynamik_design_snapshot_options);
    if (!$activation) {
        wp_redirect(admin_url('admin.php?page=dynamik-design&activetab=dynamik-design-options-nav-import-export&notice=snapshot-update-complete'));
        exit;
    }
}
Пример #7
0
					<textarea id="dynamik-media-query-medium-content" class="responsive-option dynamik-tabby-textarea" name="dynamik[media_query_medium_content]" style="width:100%; height:250px;"><?php 
echo dynamik_get_responsive('media_query_medium_content');
?>
</textarea><br />
				</p>
			</div>
		</div>
	</div>
	
	<div id="query-6-box" class="query-box-all">
		<h3 class="dynamik-wide-option-heading"><?php 
_e('Mobile Portrait Specific @media query <strong>(6th)</strong>', 'dynamik');
?>
</h3>
		<div style="padding-top:10px; margin-bottom:15px; border:1px solid #E3E3E3; border-top:0; background:#FFFFFF; width:802px;">
			<div class="bg-box">
				<p>
					<strong><code>@media only screen and (max-width: 479px) { }</code></strong><br />
					<textarea id="dynamik-media-query-small-content" class="responsive-option dynamik-tabby-textarea" name="dynamik[media_query_small_content]" style="width:100%; height:250px;"><?php 
echo dynamik_get_responsive('media_query_small_content');
?>
</textarea><br />
				</p>
			</div>
		</div>
	</div>
	
	</div><!-- End .dynamik-structure-settings-hide -->
	
	</form>
</div>