舉報 
會員
WordPress Mobile Web Development：Beginner's Guide
Rachel McCollin 著
更新時間：2021-08-13 18:06:49
開會員，本書免費讀 >
最新章節：
Index
Beginner'sGuide.IfyouhavedabbledinWordPressorbeenworkingwithitforyears,andwanttobuildmobileorresponsivethemesorsites,thisbookisforyou.Evenifyoucan’twritealineofcode,thefirstfewchapterswillhelpyoucreateasimplemobilesite.Buttogetthemostfromthebook,youwillneedagoodunderstandingofHTML,CSSandWordPressitself.Thisbookisforownersofself-hostedWordPresssites,notsiteshostedatwordpress.com.
最新章節
- Index
- Chapter 7 Sending Different Content to Different Devices
- Chapter 5 Working with Text and Navigation
- Chapter 4 Adjusting the Layout
- Chapter 3 Setting up Media Queries
- Chapter 2 Using Responsive Themes
品牌：中圖公司
上架時間：2021-08-13 16:42:25
出版社：Packt Publishing
本書數字版權由中圖公司提供，并由其授權上海閱文信息技術有限公司制作發行
- Index 更新時間：2021-08-13 18:06:49
- Chapter 7 Sending Different Content to Different Devices
- Chapter 5 Working with Text and Navigation
- Chapter 4 Adjusting the Layout
- Chapter 3 Setting up Media Queries
- Chapter 2 Using Responsive Themes
- Appendix A. Pop quiz—Answers
- Summary
- Time for action—setting up and using the WordPress app
- Using a mobile device to update your website
- Time for action—testing with the Ripple extension for Chrome
- Time for action—testing our site in Opera Mini Simulator
- Time for action—setting up Opera Mobile Emulator
- Time for action—testing your site on responsinator.com
- Time for action—switching our User Agent
- Time for action—using an extension to resize the Chrome browser window
- Testing your mobile site
- Chapter 10. Testing and Updating your Mobile Site
- Summary
- Outside WordPress—third-party APIs
- Time for action—providing the visitor with directions
- Time for action—integrating with PayPal
- Time for action—adding a form to our web app
- Creating our ice cream sundae builder
- Current WordPress plugins for web apps
- What might we use a web app for?
- Chapter 9. Adding Web App Functionality
- Summary
- Time for action—uploading and activating our web app theme
- Time for action—editing our mobile theme files
- Time for action—copying our theme files to create a new theme
- Using a mobile theme to create a web app
- Time for action—adjusting the footer layout
- Time for action—setting up our web app’s navigation
- Time for action—editing the site description
- Time for action—adjusting the header layout
- Time for action—hiding home page content
- Creating a web app using a responsive design
- Creating a web app using a plugin
- Choosing how to develop our web app
- Developing a web app—designing the app
- What is a web app and why would we develop one?
- Chapter 8. Creating a Web App Interface
- Summary
- Time for action—adding a select menu
- Time for action—styling the new mobile menus
- Time for action—coding mobile menus into the theme
- Time for action—setting up our mobile menus
- Adding a mobile-only menu to the site
- Time for action—removing a widget using PHP
- Using PHP to send different content to different devices
- Time for action—hiding elements using CSS
- Using CSS to hide page elements
- Mobile-specific content—some considerations
- Chapter 7. Sending Different Content to Different Devices
- Summary
- Time for action—making our video responsive
- Time for action—adjusting the video width
- Time for action—adding a video to our site
- Adding video to our site
- Time for action—adding a featured image to each page
- Time for action—using PHP to display the featured image
- Time for action—installing the mobble plugin
- Time for action—editing the media settings
- Proper responsive images—sending different image files to different devices
- Time for action—giving our images a percentage width
- Time for action—making our images responsive
- Making images fit into a responsive layout
- Chapter 6. Optimizing Images and Video
- Summary
- Time for action—linking to the repositioned navigation
- Time for action—changing the position of the navigation
- Time for action—changing the layout of the menu on small screens
- Optimizing navigation menus for mobile devices
- Time for action—specifying different fonts for mobile devices
- Optimizing fonts for mobile devices
- Time for action—adjusting the text size on phones in landscape mode
- Time for action—setting up text sizing in our media queries
- Time for action—changing text settings
- Optimizing text for small screens
- A note on testing
- Chapter 5. Working with Text and Navigation
- Summary
- Reviewing what we've learned about the layout for different screen widths
- Time for action—changing our footer layout for phones
- Moving on to the footer
- Time for action—rearranging the sidebar widgets for phones in portrait mode
- Time for action—tweaking the content and sidebar layout for phones in landscape mode
- Time for action—rearranging our widgets
- Time for action—moving the sidebar below the content for tablets in portrait mode
- Moving the sidebar below the content
- Time for action—adjusting the header layout for phones in portrait mode
- Time for action—adjusting the header layout for phones in landscape mode
- Time for action—adjusting the header for iPads
- Altering the layout of our header
- Need for adjusting the layout
- Chapter 4. Adjusting the Layout
- Summary
- Reviewing what we've done
- Time for action—a media query for smartphones in landscape mode
- Testing our fluid layout on a smartphone
- Time for action—writing our first media query
- Writing our media queries
- Time for action—adding the code to set our width correctly
- Before setting media queries—getting the browser to behave
- Moving on—planning for our media queries
- Time for action—making our site fluid
- Time for action—digging into the Carborelli's layout styling
- Creating a fluid layout
- Time for action—opening our stylesheet in the WordPress Editor
- Working with the WordPress Editor
- What you will need for this chapter
- Chapter 3. Setting up Media Queries
- Summary
- Time for action—configuring the WordPress Mobile Pack plugin as a theme switcher
- Taking it further—using a responsive theme just for mobile devices
- Time for action—installing and configuring the Codium Extend theme
- Time for action—installing and configuring the Ari theme
- Time for action—installing and configuring the Scherzo theme
- More responsive themes—installation and configuration
- Time for action—configuring the Twenty Eleven theme
- Twenty Eleven—configuring the default WordPress theme
- Identifying the best approach for your site
- Mobile themes versus responsive themes
- Chapter 2. Using Responsive Themes
- Summary
- Time for action—installing and configuring WordPress Mobile Pack
- WordPress Mobile Pack—number two in the charts
- Time for action—installing and configuring WPtouch
- Plugins that will make our site mobile
- Time for action—identifying how your site should work on mobiles
- Identifying the right plugin for our site
- How do mobile plugins work?
- Plugins or responsive design—what to choose
- Before we start
- Chapter 1. Using Plugins to Make Your Site Mobile-friendly
- Customer support
- Reader feedback
- Time for action—heading
- Conventions
- Who this book is for
- What you need for this book
- What this book covers
- Preface
- Support files eBooks discount offers and more
- www.PacktPub.com
- Acknowledgement
- About the Reviewers
- About the Author
- Credits
- WordPress Mobile Web Development Beginner's Guide
- coverpage
- 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
- Summary
- 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
- Summary
- 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
- Summary
- 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
- Summary
- 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
- Summary
- Chapter 7. Sending Different Content to Different Devices
- Mobile-specific content—some considerations
- Using CSS to hide page elements
- Time for action—hiding elements using CSS
- Using PHP to send different content to different devices
- Time for action—removing a widget using PHP
- Adding a mobile-only menu to the site
- Time for action—setting up our mobile menus
- Time for action—coding mobile menus into the theme
- Time for action—styling the new mobile menus
- Time for action—adding a select menu
- Summary
- Chapter 8. Creating a Web App Interface
- What is a web app and why would we develop one?
- Developing a web app—designing the app
- Choosing how to develop our web app
- Creating a web app using a plugin
- Creating a web app using a responsive design
- Time for action—hiding home page content
- Time for action—adjusting the header layout
- Time for action—editing the site description
- Time for action—setting up our web app’s navigation
- Time for action—adjusting the footer layout
- Using a mobile theme to create a web app
- Time for action—copying our theme files to create a new theme
- Time for action—editing our mobile theme files
- Time for action—uploading and activating our web app theme
- Summary
- Chapter 9. Adding Web App Functionality
- What might we use a web app for?
- Current WordPress plugins for web apps
- Creating our ice cream sundae builder
- Time for action—adding a form to our web app
- Time for action—integrating with PayPal
- Time for action—providing the visitor with directions
- Outside WordPress—third-party APIs
- Summary
- Chapter 10. Testing and Updating your Mobile Site
- Testing your mobile site
- Time for action—using an extension to resize the Chrome browser window
- Time for action—switching our User Agent
- Time for action—testing your site on responsinator.com
- Time for action—setting up Opera Mobile Emulator
- Time for action—testing our site in Opera Mini Simulator
- Time for action—testing with the Ripple extension for Chrome
- Using a mobile device to update your website
- Time for action—setting up and using the WordPress app
- Summary
- Appendix A. Pop quiz—Answers
- 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 更新時間：2021-08-13 18:06:49
