- 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.
- Windows Server 2012 Hyper-V：Deploying the Hyper-V Enterprise Server Virtualization Platform
- 零起點學Linux系統管理
- Windows Vista基礎與應用精品教程
- Red Hat Enterprise Linux 8系統管理實戰
- Windows Phone應用程序開發
- Linux就該這么學
- Linux內核觀測技術BPF
- Django Project Blueprints
- Windows 8實戰從入門到精通（超值版）
- Windows 7實戰從入門到精通
- HTML5 Enterprise Application Development
- μC/OS-III內核實現與應用開發實戰指南：基于STM32
- 每天5分鐘玩轉Docker容器技術
- Linux指令從初學到精通
- 不可不知的Windows技巧