- WordPress Mobile Web Development：Beginner's Guide
- Rachel McCollin
- 448字
- 2021-08-13 18:06:17
Time for action—installing and configuring the Ari theme
Let’s try it out on the Carborelli’s site. To install and configure the Ari theme, perform the following steps:
- Download Ari from http://wordpress.org/extend/themes/ari and activate it on the Manage Themes options page. Let’s have a look at what it does to our site without any tweaks, on each of the desktop, iPad, and mobile. The following screenshot shows the Ari theme on the desktop:
The following screenshot shows how it looks on the iPad:
Finally, our site with the Ari theme on a mobile looks like the following screenshot:
As with Scherzo, there are some issues with wrapped text in the mobile version, but the changing column layouts are a nice touch across the different devices.
- The next step is to make some design and branding alterations, which we can do via the Theme Options screen. Change the color of the header text, the page background, and the body text if you want. You can also upload an image to use as the logo—this will replace the site name and description in the left-hand side column. So, let’s test it on the desktop first, as shown in the following screenshot:
Let’s now test this site on mobiles, as shown in the following screenshot:
Now we’re talking! With a few straightforward tweaks and no coding at all, we have a site that reflects the Carborelli’s branding, includes a logo, and is fully responsive. And I don’t know about you, but I think it looks a lot nicer than those mobile plugins, don’t you?
(Hold that thought! We will come back to the interaction between responsive themes and mobile plugins shortly.)
What just happened?
We installed Ari and configured the options to create a responsive site that has quite a lot in common with our original desktop site. We saw how to do this by changing the background color and text color, and by uploading a logo.
Have a go hero
Now try installing Ari on your site, adding a logo and some custom color changes, and seeing how close you can get it to your desktop theme.
Codium Extend
Codium Extend is a development of the Codium responsive theme, which has been around for even longer than Scherzo—since October 2010—positively prehistoric in the world of responsive WordPress themes! It’s popular having had 61,601 downloads, and gives a mobile layout that’s different from the other two themes we’ve looked at. Let’s install it and see what it does.
- Instant Handlebars.js
- Extending Bootstrap
- 奔跑吧 Linux內核（入門篇）
- Linux系統安全基礎：二進制代碼安全性分析基礎與實踐
- Mastering Reactive JavaScript
- 一學就會：Windows Vista應用完全自學手冊
- Windows Vista終極技巧金典
- 統信UOS應用開發進階教程
- Android應用性能優化最佳實踐
- OpenHarmony開發與實踐：基于紅莓RK2206開發板
- 15分鐘！畫出我的漫畫角色：賣萌篇
- Implementing Cloud Design Patterns for AWS（Second Edition）
- Mastering Eclipse Plug-in Development
- 樹莓派+傳感器：創建智能交互項目的實用方法、工具及最佳實踐
- 分布式實時處理系統：原理、架構與實現