WordPress Mobile Web Development: Beginner's Guide. Make your WordPress website mobile-friendly and get to grips with the two hottest trends in web design—Mobile and WordPress with this book and - Helion
ebook
Autor: RACHEL MCCOLLINTytuÅ‚ oryginaÅ‚u: WordPress Mobile Web Development: Beginner's Guide. Make your WordPress website mobile-friendly and get to grips with the two hottest trends in web design—Mobile and WordPress with this book and ebook.
ISBN: 9781849515733
stron: 332, Format: ebook
Data wydania: 2012-08-24
Księgarnia: Helion
Cena książki: 159,00 zł
The chances are that more of your WordPress website visitors are using mobiles, or more clients are demanding responsive or mobile sites. If you can use WordPress to build mobile-friendly sites you can win more business from clients and more traffic for your site.
"WordPress Mobile Web Development Beginner's Guide" will benefit you whether you've dabbled in WordPress or worked with it for years. It will help you identify which approach to mobile is most appropriate for your site (responsive, mobile, or web app) and learn how to make each one work, demonstrating a variety of techniques from the simple to the more complex, working through clear practical examples and applying these to your own website.
Start by quickly making a WordPress site mobile-friendly, using off the shelf plugins and responsive themes, choosing the best ones for you and customising them. This leads into responsive theme design, with advice on layout, images and navigation. Finally, learn how to build a web app in WordPress, making use of plugins, APIs and custom code.
If you need to hit the ground running with mobile WordPress development, then this book is for you. With practical examples and exercises from the beginning, it will help you build your first mobile WordPress site without having to learn aspects of WordPress or mobile development that aren't relevant. It will also help you understand which approaches work and why, so you can apply this knowledge to future projects.
Osoby które kupowaÅ‚y "WordPress Mobile Web Development: Beginner's Guide. Make your WordPress website mobile-friendly and get to grips with the two hottest trends in web design—Mobile and WordPress with this book and", wybieraÅ‚y także:
- Windows Media Center. Domowe centrum rozrywki 66,67 zł, (8,00 zł -88%)
- Ruby on Rails. Ćwiczenia 18,75 zł, (3,00 zł -84%)
- DevOps w praktyce. Kurs video. Jenkins, Ansible, Terraform i Docker 190,00 zł, (39,90 zł -79%)
- Przywództwo w świecie VUCA. Jak być skutecznym liderem w niepewnym środowisku 58,64 zł, (12,90 zł -78%)
- Scrum. O zwinnym zarządzaniu projektami. Wydanie II rozszerzone 58,64 zł, (12,90 zł -78%)
Spis treści
WordPress Mobile Web Development: Beginner's Guide. Make your WordPress website mobile-friendly and get to grips with the two hottest trends in web design—Mobile and WordPress with this book and eBook -- spis treÅ›ci
- WordPress Mobile Web Development Beginners Guide
- Table of Contents
- 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
- Why Subscribe?
- Free Access for Packt account holders
- 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 actionheading
- What just happened?
- Pop quizheading
- Have a go heroheading
- Reader feedback
- Customer support
- Downloading the example code
- Errata
- Piracy
- Questions
- 1. Using Plugins to Make Your Site Mobile-friendly
- Before we start
- Plugins or responsive designwhat to choose
- How do mobile plugins work?
- Identifying the right plugin for our site
- Time for actionidentifying how your site should work on mobiles
- What just happened?
- Plugins that will make our site mobile
- Time for actioninstalling and configuring WPtouch
- What just happened?
- WordPress Mobile Packnumber two in the charts
- Time for actioninstalling and configuring WordPress Mobile Pack
- What just happened?
- Have a go hero
- Summary
- 2. Using Responsive Themes
- Mobile themes versus responsive themes
- Identifying the best approach for your site
- Options for developing a mobile site
- Identifying the best approach for our site
- Twenty Elevenconfiguring the default WordPress theme
- Time for actionconfiguring the Twenty Eleven theme
- What just happened?
- Have a go heromaking Twenty Eleven your own
- More responsive themesinstallation and configuration
- Scherzoinstallation and configuration
- Time for actioninstalling and configuring the Scherzo theme
- What just happened?
- Have a go hero
- Arianother clean minimal theme
- Time for actioninstalling and configuring the Ari theme
- What just happened?
- Have a go hero
- Codium Extend
- Time for actioninstalling and configuring the Codium Extend theme
- What just happened?
- More responsive themes
- Taking it furtherusing a responsive theme just for mobile devices
- Showing visitors different themes on different deviceshow to do it
- Stage 1installing and configuring themes
- Stage 2installing and configuring a theme switcher
- Time for actionconfiguring the WordPress Mobile Pack plugin as a theme switcher
- What just happened?
- Pop quiz
- Summary
- 3. Setting up Media Queries
- What you will need for this chapter
- Working with the WordPress Editor
- Time for actionopening our stylesheet in the WordPress Editor
- Creating a fluid layout
- Time for actiondigging into the Carborelli's layout styling
- What just happened?
- Time for actionmaking our site fluid
- What just happened?
- Have a go hero
- Moving onplanning for our media queries
- Identifying our breakpoints
- In what ways should a site be different on different devices?
- Before setting media queriesgetting the browser to behave
- Time for actionadding the code to set our width correctly
- What just happened?
- Writing our media queries
- Time for actionwriting our first media query
- What just happened?
- Testing our fluid layout on a smartphone
- Time for actiona media query for smartphones in landscape mode
- Reviewing what we've done
- What just happened?
- Have a go herotrying it out
- Pop quiz
- Summary
- 4. Adjusting the Layout
- Need for adjusting the layout
- Altering the layout of our header
- Time for actionadjusting the header for iPads
- What just happened?
- Time for actionadjusting the header layout for phones in landscape mode
- What just happened?
- Time for actionadjusting the header layout for phones in portrait mode
- What just happened?
- Moving the sidebar below the content
- Time for actionmoving the sidebar below the content for tablets in portrait mode
- What just happened?
- Time for actionrearranging our widgets
- What just happened?
- Adjusting the layout for more than two widgets
- Three widgets side by side
- Four widgets in a grid
- Time for actiontweaking the content and sidebar layout for phones in landscape mode
- What just happened?
- Time for actionrearranging the sidebar widgets for phones in portrait mode
- What just happened?
- Moving on to the footer
- Time for actionchanging our footer layout for phones
- What just happened?
- Altering the layout of a fat footer
- Reviewing what we've learned about the layout for different screen widths
- Pop quiz
- Summary
- 5. Working with Text and Navigation
- A note on testing
- Optimizing text for small screens
- Time for actionchanging text settings
- What just happened?
- Why use ems ?
- Time for actionsetting up text sizing in our media queries
- What just happened?
- Time for actionadjusting the text size on phones in landscape mode
- What just happened?
- Pop quiz-I
- Optimizing fonts for mobile devices
- Time for actionspecifying different fonts for mobile devices
- What just happened?
- Optimizing navigation menus for mobile devices
- Time for actionchanging the layout of the menu on small screens
- What just happened?
- Time for actionchanging the position of the navigation
- What just happened?
- Time for actionlinking to the repositioned navigation
- What just happened?
- Pop quiz-II
- Have a go hero
- Summary
- 6. Optimizing Images and Video
- Making images fit into a responsive layout
- Ensuring images don't stray outside their container
- Time for actionmaking our images responsive
- What just happened?
- Resizing narrower images within the layout
- Time for actiongiving our images a percentage width
- What just happened?
- Using CSS to resize imagesthe hitch
- Proper responsive imagessending different image files to different devices
- Are mobiles always slow?
- Setting up our responsive images
- Time for actionediting the media settings
- What just happened?
- Time for actioninstalling the mobble plugin
- What just happened?
- Time for actionusing PHP to display the featured image
- What just happened?
- Time for actionadding a featured image to each page
- What just happened?
- Have a go hero
- Featured imagesthe disadvantages
- Have a go hero
- Adding video to our site
- Displaying videochoosing a method
- Using Flash
- Inserting our video into the HTML
- Using a service such as YouTube to stream video to our site
- Streaming YouTube video responsively
- Displaying videochoosing a method
- Time for actionadding a video to our site
- What just happened?
- Time for actionadjusting the video width
- What just happened?
- Time for actionmaking our video responsive
- What just happened?
- But are these videos truly responsive? I hear you ask
- Summary
- Making images fit into a responsive layout
- 7. Sending Different Content to Different Devices
- Mobile-specific contentsome considerations
- Why send different content to different devices?
- What differences will there be for our mobile site?
- Methods to send different content to different devices
- Hiding content using CSS
- Delivering different content using PHP
- Mobile First
- Using CSS to hide page elements
- Time for actionhiding elements using CSS
- What just happened?
- Using PHP to send different content to different devices
- Time for actionremoving a widget using PHP
- What just happened?
- Have a go hero
- Adding a mobile-only menu to the site
- Identifying the changes we need to make
- Time for actionsetting up our mobile menus
- What just happened?
- Time for actioncoding mobile menus into the theme
- What just happened?
- Time for actionstyling the new mobile menus
- What just happened?
- Time for actionadding a select menu
- What just happened?
- Have a go hero
- Pop Quiz
- Summary
- Mobile-specific contentsome considerations
- 8. Creating a Web App Interface
- What is a web app and why would we develop one?
- Developing a web appdesigning the app
- Choosing how to develop our web app
- Pros and cons of the different methods
- Creating a web app using a plugin
- Creating a web app using a responsive design
- Making a backup before we start
- Hiding elements to create our web apps home page
- Time for actionhiding home page content
- What just happened?
- Changing our web apps design with CSS
- Time for actionadjusting the header layout
- What just happened?
- Time for actionediting the site description
- What just happened?
- Time for actionsetting up our web apps navigation
- What just happened?
- Time for actionadjusting the footer layout
- What just happened?
- Creating a responsive web appreview
- Using a mobile theme to create a web app
- Creating our mobile theme files
- Time for actioncopying our theme files to create a new theme
- What just happened?
- Time for actionediting our mobile theme files
- What just happened?
- Time for actionuploading and activating our web app theme
- What just happened?
- Using a mobile theme to create a web appreview
- Summary
- 9. Adding Web App Functionality
- What might we use a web app for?
- Current WordPress plugins for web apps
- Events, bookings, and management plugins
- E-commerce and subscription plugins
- Geolocation and mapping plugins
- Social media plugins
- Photography plugins
- Creating our ice cream sundae builder
- Time for actionadding a form to our web app
- What just happened?
- Time for actionintegrating with PayPal
- What just happened?
- Time for actionproviding the visitor with directions
- What just happened?
- Have a go hero
- Outside WordPressthird-party APIs
- Have a go hero
- Summary
- 10. Testing and Updating your Mobile Site
- Testing your mobile site
- Testing on mobile devices
- Resizing our browser window
- Time for actionusing an extension to resize the Chrome browser window
- What just happened?
- Switching desktop Safari's User Agent to simulate an iPhone
- Time for actionswitching our User Agent
- What just happened?
- Using a website to test responsive layouts
- Time for actiontesting your site on responsinator.com
- What just happened?
- Using mobile browser emulators
- Time for actionsetting up Opera Mobile Emulator
- What just happened?
- Time for actiontesting our site in Opera Mini Simulator
- What just happened?
- Time for actiontesting with the Ripple extension for Chrome
- What just happened?
- Have a go hero
- Using a mobile device to update your website
- Using the WordPress app
- Time for actionsetting up and using the WordPress app
- What just happened?
- Summary
- Testing your mobile site
- A. Pop quizAnswers
- Chapter 2, Using Responsive Themes
- Chapter 3, Setting up Media Queries
- Chapter 4, Adjusting the Layout
- Chapter 5, Working with Text and Navigation
- Chapter 7, Sending Different Content to Different Devices
- Index