Maintaining Rr

1. Responsive
WordPress Theming

2. Jesse Friedman
Author, Professor, Developer - @professor

3. Responsive
So what’s the difference between a
CMS based Responsive site and a
static one?

4. HTML, CSS, JavaScript

5. I C ES S
T R
A P
T D
S R
W O

6. I C ES S
T R
A P
T D
S R
W O

7. S S
R E
D P
O R
W

10. FRAMEWORKS,

11. FRAMEWORKS,
GRID SYSTEMS,

12. FRAMEWORKS,
GRID SYSTEMS,
ALL THAT STUFF,

13. FRAMEWORKS,
GRID SYSTEMS,
ALL THAT STUFF,
STILL WORKS!

14. User Admin
us·er ad·min

15. User Admin
us·er ad·min
A person responsible for running
and operating a system

16. User Admin
us·er ad·min

17. User Admin
us·er ad·min
In other words, the person who’s
gonna gaff up your design

18. User Admin of your design
May compromise the integrity

19. User Admin of your design
May compromise the integrity

20. Userexpected to maintain responsive content
Admin’s
Can’t be

21. Userexpected to maintain responsive content
Admin’s
Can’t be

22. User some road blocks
Admin’s
Will have

23. · Showing and Hiding Content based on
user device
User some road blocks
Admin’s
Will have

24. · Showing and Hiding Content based on
user device
· Media and maintaining a fluid layout
User some road blocks
Admin’s
Will have

25. · Showing and Hiding Content based on
user device
· Media and maintaining a fluid layout
· Multiple Columns
User some road blocks
Admin’s
Will have

26. · Showing and Hiding Content based on
user device
· Media and maintaining a fluid layout
· Multiple Columns
· Menus
User some road blocks
Admin’s
Will have

27. Featured Images
Leveraging WordPress

28. Featured Images
Leveraging WordPress

29. Featured Images
Leveraging WordPress

30. add_image_size( 'slider', 800, 600, true );
add_image_size( 'sm-slider', 400, 300, true);
add_image_size( 'post-thumb', 600, 350, true );
add_image_size( 'sm-post-thumb', 300, 175, true );
Featured Images
Leveraging WordPress

31. Multi-Column
Using the screen up

32. Multi-Column
Remember responsive isn’t just mobile

33. Multi-Column
Remember responsive isn’t just mobile

34. Multi-Column
Remember responsive isn’t just mobile

35. Multi-Column
Remember responsive isn’t just mobile

38. Menus
Mobile and Desktop Menu Locations

39. Content is KING!
Empowering User Admins to choose when to
show content

40. What if at the server level you could say:
Content is KING!
Empowering User Admins to choose when to
show content

41. What if at the server level you could say:
On a mobile device? do this:
Content is KING!
Empowering User Admins to choose when to
show content

42. What if at the server level you could say:
On a mobile device? do this:
THIS
Content is KING!
Empowering User Admins to choose when to
show content

43. What if at the server level you could say:
On a mobile device? do this:
THIS
else do this:
Content is KING!
Empowering User Admins to choose when to
show content

44. What if at the server level you could say:
On a mobile device? do this:
THIS
else do this:
OTHER THIS
Content is KING!
Empowering User Admins to choose when to
show content

46. WordPress wp_is_mobile();

47. WordPress wp_is_mobile();
<?php
if ( wp_is_mobile() ) the_post_thumbnail( 'post-thumb' );
else the_post_thumbnail ( 'post-large' );
?>

49. What if at the server level you could say:

50. What if at the server level you could say:
isiPhone()

51. What if at the server level you could say:
isiPhone()
isBlackBerry()

52. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()

53. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()

54. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()

55. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()

56. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()

57. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()

58. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()

59. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()

60. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()

61. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()

62. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()

63. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()

64. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()

65. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()

66. What if at the server level you could say:
isiPhone()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

67. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

68. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

69. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

70. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

71. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

72. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

73. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

74. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

75. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

76. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

77. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

78. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

79. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet()
isBlackBerryTablet()
isiPad()
isKindle()

80. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet()
isiPad()
isKindle()

81. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad()
isKindle()

82. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle()

83. What if at the server level you could say:
isiPhone() isSamsungTablet()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

84. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

85. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

86. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

87. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

88. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

89. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

90. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

91. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

92. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

93. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

94. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS() isTeaShark()
isAcerTablet() isSymbianOS()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

95. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS() isTeaShark()
isAcerTablet() isSymbianOS() isBlazer()
isYarvikTablet() isWindowsMobileOS()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

96. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS() isTeaShark()
isAcerTablet() isSymbianOS() isBlazer()
isYarvikTablet() isWindowsMobileOS() isSafari()
isGenericTablet() isiOS()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

97. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS() isTeaShark()
isAcerTablet() isSymbianOS() isBlazer()
isYarvikTablet() isWindowsMobileOS() isSafari()
isGenericTablet() isiOS() isMidori()
isBlackBerryTablet() isFlashLiteOS()
isiPad() isJavaOS()
isKindle() isNokiaOS()

98. What if at the server level you could say:
isiPhone() isSamsungTablet() iswebOS()
isBlackBerry() isHTCtablet() isbadaOS()
isHTC() isMotorolaTablet() isBREWOS()
isNexus() isAsusTablet() isChrome()
isDellStreak() isNookTablet() isDolfin()
isMotorola() isAcerTablet() isOpera()
isSamsung() isYarvikTablet() isSkyfire()
isSony() isGenericTablet() isIE()
isAsus() isAndroidOS() isFirefox()
isPalm() isBlackBerryOS() isBolt()
isGenericPhone() isPalmOS() isTeaShark()
isAcerTablet() isSymbianOS() isBlazer()
isYarvikTablet() isWindowsMobileOS() isSafari()
isGenericTablet() isiOS() isMidori()
isBlackBerryTablet() isFlashLiteOS() isGenericBrowser()
isiPad() isJavaOS()
isKindle() isNokiaOS()

100. WordPress PHP Mobile Detect

101. WordPress PHP Mobile Detect
<?php
if ( isiPhone() ) echo '<img src=".../optimized-iphone.jpg">';
elseif ( isMobile() ) echo '<img src=".../mobile.jpg">';
elseif ( isTablet() ) echo '<img src=".../tablet.jpg">';
else echo '<img src=".../regular-image.jpg">';
?>

102. Shortcodes
Empowering User Admins to choose when to
show content

103. function j2theme_nomobile( $atts, $content="" ) {
global $detect;
if( ! $detect->is_Mobile() )return "{$content}";
}
add_shortcode( 'nomobile', 'j2theme_nomobile' );
Shortcodes
Empowering User Admins to choose when to
show content

104. Shortcodes
Empowering User Admins to choose when to
show content

105. Shortcodes
Empowering User Admins to choose when to
show content

106. function j2theme_onlymobile( $atts, $content="" ){
global $detect;
if( $detect->is_Mobile() )return "{$content}";
}
add_shortcode( 'onlymobile', 'j2theme_onlymobile' );
Shortcodes
Empowering User Admins to choose when to
show content

107. Shortcodes
Empowering User Admins to choose when to
show content

108. What Does it all Mean
Greater control over content to build custom
but unified experiences for everyone

109. Less HTTP requests
What Does it all Mean
Greater control over content to build custom
but unified experiences for everyone

110. Less HTTP requests
No need for display:none;
What Does it all Mean
Greater control over content to build custom
but unified experiences for everyone

111. Less HTTP requests
No need for display:none;
Maintain same content for everyone
What Does it all Mean
Greater control over content to build custom
but unified experiences for everyone

112. Less HTTP requests
No need for display:none;
Maintain same content for everyone
Removal of calls to files you don’t need
What Does it all Mean
Greater control over content to build custom
but unified experiences for everyone

114. REMEMBER!
It’s about giving control
back to the User Admin

115. ?’s
Jesse Friedman
Author, Professor, Developer - @professor