更新时间：2021-08-13 18:06:49
coverpage
WordPress Mobile Web Development Beginner's Guide
Credits
About the Author
About the Reviewers
Acknowledgement
www.PacktPub.com
Support files eBooks discount offers and more
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Time for action—heading
Reader feedback
Customer support
Chapter 1. Using Plugins to Make Your Site Mobile-friendly
Before we start
Plugins or responsive design—what to choose
How do mobile plugins work?
Identifying the right plugin for our site
Time for action—identifying how your site should work on mobiles
Plugins that will make our site mobile
Time for action—installing and configuring WPtouch
WordPress Mobile Pack—number two in the charts
Time for action—installing and configuring WordPress Mobile Pack
Summary
Chapter 2. Using Responsive Themes
Mobile themes versus responsive themes
Identifying the best approach for your site
Twenty Eleven—configuring the default WordPress theme
Time for action—configuring the Twenty Eleven theme
More responsive themes—installation and configuration
Time for action—installing and configuring the Scherzo theme
Time for action—installing and configuring the Ari theme
Time for action—installing and configuring the Codium Extend theme
Taking it further—using a responsive theme just for mobile devices
Time for action—configuring the WordPress Mobile Pack plugin as a theme switcher
Chapter 3. Setting up Media Queries
What you will need for this chapter
Working with the WordPress Editor
Time for action—opening our stylesheet in the WordPress Editor
Creating a fluid layout
Time for action—digging into the Carborelli's layout styling
Time for action—making our site fluid
Moving on—planning for our media queries
Before setting media queries—getting the browser to behave
Time for action—adding the code to set our width correctly
Writing our media queries
Time for action—writing our first media query
Testing our fluid layout on a smartphone
Time for action—a media query for smartphones in landscape mode
Reviewing what we've done
Chapter 4. Adjusting the Layout
Need for adjusting the layout
Altering the layout of our header
Time for action—adjusting the header for iPads
Time for action—adjusting the header layout for phones in landscape mode
Time for action—adjusting the header layout for phones in portrait mode
Moving the sidebar below the content
Time for action—moving the sidebar below the content for tablets in portrait mode
Time for action—rearranging our widgets
Time for action—tweaking the content and sidebar layout for phones in landscape mode
Time for action—rearranging the sidebar widgets for phones in portrait mode
Moving on to the footer
Time for action—changing our footer layout for phones
Reviewing what we've learned about the layout for different screen widths
Chapter 5. Working with Text and Navigation
A note on testing
Optimizing text for small screens
Time for action—changing text settings
Time for action—setting up text sizing in our media queries
Time for action—adjusting the text size on phones in landscape mode
Optimizing fonts for mobile devices
Time for action—specifying different fonts for mobile devices
Optimizing navigation menus for mobile devices
Time for action—changing the layout of the menu on small screens
Time for action—changing the position of the navigation
Time for action—linking to the repositioned navigation
Chapter 6. Optimizing Images and Video
Making images fit into a responsive layout
Time for action—making our images responsive
Time for action—giving our images a percentage width
Proper responsive images—sending different image files to different devices
Time for action—editing the media settings
Time for action—installing the mobble plugin
Time for action—using PHP to display the featured image
Time for action—adding a featured image to each page
Adding video to our site
Time for action—adding a video to our site
Time for action—adjusting the video width
Time for action—making our video responsive
Chapter 7. Sending Different Content to Different Devices
Mobile-specific content—some considerations
Using CSS to hide page elements
