WordPress.org

Ready to get started?Download WordPress

Forums

BAAP Mobile Version
Header, Doctype, Charset and else modifications (2 posts)

  1. Jazzvox
    Member
    Posted 3 years ago #

    Enhancing / changing the head of my WP-MS (baap basic) theme like this:

    header('Vary: user-agent, accept');
    header('Cache-Control: cache, public, must-revalidate, no-transform');
    
    print '<?xml version="1.0" encoding="UTF-8"?>';
    if (file_exists($wpmp_include = wpmp_theme_group_file('header.php'))) {
      include_once($wpmp_include);
    } else {
      ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php bloginfo('language'); ?>">
    <head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=<?php bloginfo('charset'); ?>" />
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { print '» ' . __('Blog Archive', 'wpmp'); } ?><?php wp_title('»'); ?></title>

    This way I made it from "2" to "5" in http://ready.mobi/results.jsp
    In addition, I've
    1.) added the title tag missing in the "Nokia's" header.php
    2.) added media="handheld" to the mobile stylesheet links
    3.) added "force utf-8" and "Cache Control mod_expires" to .htaccess
    4.) set horizontal padding on "ul .breadcrumbs li" list to prevent 'em beeing glued to each other

    I'm using WP Super Cache and Domain Mapping obviously without any conflicts, but no other "mobile device detecting" plugins.

  2. Jazzvox
    Member
    Posted 3 years ago #

    The original media="screen" templates are using HTML5 markups (<article> <figure> <nav> ..) and declaration

    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />

    ..seemingly without causing any problems in mobile theme output.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic