The first thing to do is to install Git on the remote server.
Once you do that the rest of the process is split into three sections:
- Server set-up
- Local set-up (push commits)
- Server (pull commits)
// Edit themes functions.php. Right after initial <?php line place the following: | |
update_option('siteurl','http://example.com/blog'); | |
update_option('home','http://example.com/blog'); |
// Original code from http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/ | |
var metas = document.getElementsByTagName('meta'); | |
var i; | |
if (navigator.userAgent.match(/iPhone/i)) { | |
for (i=0; i<metas.length; i++) { | |
if (metas[i].name == "viewport") { | |
metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0"; | |
} | |
} |
<?php | |
function get_tag_id_by_name($tag_name) { | |
global $wpdb; | |
$tag_ID = $wpdb->get_var("SELECT * FROM ".$wpdb->terms." WHERE `name` = '".$tag_name."'"); | |
return $tag_ID; | |
} | |
?> |
BackButton = Ext.extend(Ext.Button, { | |
ui: 'back', | |
text: 'Back', | |
hidden: true, | |
id: 'back', | |
handler: function() { | |
var dispatchOptions = this.backStack.pop(); | |
Ext.dispatch(dispatchOptions); | |
if(this.backStack.length == 0) { |
function unhide_kitchensink( $args ) { | |
$args['wordpress_adv_hidden'] = false; | |
return $args; | |
} | |
add_filter( 'tiny_mce_before_init', 'unhide_kitchensink' ); |
<?php | |
/* | |
Plugin Name: Mobile First Responsive Images | |
Description: Serve up smaller images to smaller screens. | |
Version: 0.1.1 | |
Author: Matt Wiebe | |
Author URI: http://somadesign.ca/ | |
*/ | |
/** |
iframe { | |
max-width: 100%; | |
} |
<?php | |
/* | |
* Lightweight detector of mobile devices, OSs & browsers | |
* Copyright 2012 Túbal Martín (email: [email protected]) | |
* License: GPL2 | |
*/ | |
if ( ! function_exists('mobile_detector') ) | |
{ |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Responsive Design Testing</title> | |
<style> | |
body { margin: 20px; font-family: sans-serif; overflow-x: scroll; } | |
.wrapper { width: 6000px; } | |
.frame { float: left; } | |
h2 { margin: 0 0 5px 0; } |