WPtouch: WordPress On iPhone
(7/16/2008)
requires WordPress 2.1 or higher
What is WPtouch?
Simply put, it’s a complimentary theme installed as a plugin on your WordPress blog or website that will format your content with this Apple-inspired, full-featured theme when your visitors are using an iPhone or iPod touch.
I thought the iPhone/iPod touch shows
my website fine the way it is now?
Yes, that’s true for the most part (minus flash support). However, first of all not all blogs are created equal, and some sites don’t translate well in the viewport of the phone. Secondly, many WordPress sites today make heavy use of different javascripts which significantly increase the load time of pages, and drives users on EDGE and even 3G batty. So we’ve come up with WPtouch, a slim, feature-rich, highly-customized ‘theme application’ of which includes an admin interface to let you customize page icons and your logo.
Well, what if my users don’t like it
and want to see my regular site?
There’s an option in the footer on WPtouch for your users to easily switch between the WPtouch view and your site’s regular appearance. It’s that easy. You put a little snippet of code into your current theme which will be shown only to iPhone/iPod touch users and give them the ability to switch between the two easily, but we’ll get into that later in the instructions.
Will it slow down my blog?
Not bloody likely! Unless of course you’re getting slammed with all sorts of traffic because you’ve installed this sexy thang. The entire package for WPtouch is only 660kb. It was designed to be as lightweight and speedy as possible, while still serving your blog’s content in a richly presented way.
LATEST UPDATE
~July 23rd, 2008:
WPtouch 1.2 has been released here on the website and on the official WordPress plugins repository, which means you can upgrade automatically through the WordPress 2.5 admin panel if you’d like.
We managed to sneak lots of small goodies into this release. Here’s a quick list of the awesomeness:
- The ability to disable advanced javascript effects (fixes effects not working for some, speeds up the load time considerably)
- Proper styling of embedded YouTube videos on mobileSafari in iPhone 2.0
- Fix for the switch code not working on some blog installations
- Redundant, unused code cleanups
- More style enhancements and tweaks, fixes
Stay tuned for more information about our exciting 2.0 release coming up shortly.
TABLE OF CONTENTS
- Upgrading
- Getting Started
- Requirements
- Built-in Feature Set
- Download, Installation, & Plugin Activation
- Admin Options
- Template Switch Code
- Solving WP-Cache Compatibility
- Updates & Revision History
- Support & Comments
- Feedback
UPGRADING
If you’re upgrading from a previous version, you can simply upload the new plugin files in place of your existing files (wptouch folder). Your settings will remain the same.
GETTING STARTED
Before you begin, make sure you backup your WordPress installation and your database. If you’re new to a WordPress backup, you can read this step-by-step guide from WordPress.org.
It’s highly unlikely anything will go wrong, but you can always be sure that it won’t matter by backing up.
REQUIREMENTS
To run the WPtouch WordPress theme & plugin on your host you’ll require a few things, some of which may be obvious to you but we’ll record them all here so we can say ‘we told you so’ if you don’t meet them.
YOU MUST
- Have a webhost capable of running WordPress 2.1 or higher
- Have FTP access to install the theme plugin folder, and modify your existing theme files
YOU MIGHT
- Like iPhoney to look at your site if you don’t have an iPhone or iPod touch (Mac only)
- Want a text editor that edits file in plain text to customize template files
- Want an FTP program to upload your files
(Free options: Windows: Filezilla / Macintosh: Cyberduck)
Built-in Feature Set
WPtouch comes with a host of built-in features. Some notable ones include:
- User-selected theme toggle (between WPtouch view and your site’s regular look)
- iPhone-like application appearance, functions
- AJAX, Prototype, Scriptaculous, & iPhone rotation effects in only 100kb
- The ability to turn javascript effects & ajax on/off
- Full WordPress search, pages, archives, categories, tags and links support
- Theme native social bookmarking support
- iPhone/iPod touch native post e-mailing support
- Ajax comments, posted in real time
- Ajaxed pagination (users can browse posts like YouTube videos)
- Admin selectable custom icons for pages, logo, bookmark icon
- Easily add your own icons to customize your menu appearance
- Admin inclusion/exclusion of site pages shown in the theme’s menu
- Compatibility suite in the admin to inform of add-ons, WordPress version support
- Favicon fetch & conversion to .png for links displayed using the WP blogroll
- Support for FlickrRSS plugin, Blip.it video plugin
- Automatic Archives page layout (if you have or create a page called ‘Archives’)
Download, Installation & Plugin Activation
To begin, start by downloading the theme if you haven’t already here:
WPtouch WordPress Theme & Plugin 1.2 - (7/23/2008)
Once downloaded, unzip the folder somewhere on your computer where you’ll have easy access to it. When you unzip it, you should see the ‘wptouch’ folder, and inside it three folders (admin-css, images, themes) and three files (two ReadMe files & wptouch.php).
Before we go any further, we’ll assume you already have WordPress 2.1 or greater installed and configured for these instructions.
Next, upload the ‘wptouch’ folder to the WordPress ‘wp-content/plugins’ directory on your webserver.
Next, visit your WordPress admin panel in your web browser. Navigate to the ‘Plugins’ tab, and activate the WPtouch plugin.
Congratulations, you’re now running WPtouch, without any of the theme’s options configured.
*NOTE: This theme has not been tested with the majority of different plugins available for WordPress. That said, it *should* be fine to use with many of the plugins. The general caveat here is that if you’re running some other plugin that formats your website for mobile viewing, it will likely interfere with WPtouch.
If you think you have a plugin conflict, mail wptouch@bravenewcode.com and tell us about it.
**IMPORTANT Make sure you follow the below tutorial, as after activating the WPtouch theme for your site no pages will appear in the theme’s drop down menu until you visit the admin page and turn them on and select the paired icons.
Admin Options
WPtouch comes with an admin panel for setting page and icon configuration. Also included on the admin panel is a compatibility suite which will help with setting up pages automatically display supported WordPress archive and links functions, as well as help with detecting supported or conflicting plugins.
After you’ve downloaded, installed and activated WPtouch, you can proceed to the Settings tab, then select the new ‘WPtouch’ tab from it’s submenu.
Your WPtouch admin page will look something like this on WordPress 2.5:
The top admin pane shows the latest news from BraveNewCode about WPtouch.
The next pane allows you to select the 6-digit hex colours for the header background and title. You can also choose the link color which is used through the theme.
The third admin pane (Post Listings Options) allows you to select which post meta details will be displayed below post titles on the index, archive, and search pages.
The fourth pane, (Available Icons) explains that these icons are available to be used with corresponding pages set in the pane below. You assign one of these icons per page, and they’ll show up in the drop down menu of the theme and on your pages themselves beside page titles.
The fifth pane (Logo/Bookmark Page & Menu Icons) is where you select your log/bookmark icon, and the pages of your site to be shown in the WPtouch drop down menu, & the icons you want associated with them.
You also select the icon you wish to have as your blog title logo- that’s the logo displayed beside your blog’s name in the header bar of WPtouch. This logo will also be automatically used as your bookmark icon- that’s the icon that iPhone and iPod users will see when they add your site to their home screens.
***By default, the default.png icon will be selected. If you want to use your own icon, simply drop a 60×60 (.jpg or .png) image into the ‘/plugins/wptouch/images/icon-pool’ directory on your webserver, refresh the WPtouch admin page, and select it as your icon.
The last pane (Companion Support) shows plugin, WordPress built-in function, and pages support and compatibility. It will help you setup your WPtouch installation and guide you on having photos, archives & links pages configured with built-in WPtouch support.
Once you’ve set all your options, click save settings to activate your choices. You can change these settings at any time. Any new plugin activations (e.g. FlickrRSS) will be reflected in the Companion Support area, showing you what you’ll require to have the plugin work with the theme.
Template Switch Code
In order to allow visitors to switch between WPtouch and your regular theme, you need to place the switch code into your existing theme- otherwise users will not have a link to change the view back to WPtouch.
Switcher Template Tag
This code outputs a switch link similar to the one in the WPtouch footer:
<?php if (function_exists('wptouch_switch')) wptouch_switch('<h2>', '</h2>'); ?>
It’s entirely up to you what you use before and after the switch links, in this example we’ve used <h2> tags. You can add divs, style it however you like, and place the code wherever you think it will be most visible for your iPhone and iPod touch visitors to switch between WPtouch and your site’s main theme.
*The switch links will not be shown to visitors arriving at your site in standard browsers.
Solving WP-Cache Compatibility
WP-Cache is an excellent plugin which helps take the load off your WordPress install and serves your dynamically created WordPress pages in cached form, refreshing the cache only when changes are made to your pages, or the cache expires.
So, when working with a plugin like WPtouch, Wp-Cache will prevent your visitors from seeing the custom theme because it has stored versions of your site’s pages and it will serve them first before it serves the custom theme WPtouch applies.
In order for WPtouch to work with your website if you have WP-Cache installed and active, you’ll need to add the iPhone and iPod touch user agents to the Rejected User Agent strings options on the WP-Cache admin page.
To do this, visit the WP-Cache admin page, and scroll down to the section where you can enter custom user agents that will be prevented from being sent cached pages of your site. Simple add ‘iphone’ and ‘ipod’ to the user agent strings, and save your changes. Now empty and refresh your cache, and visitors arriving on the iPhone or iPod will now see the WPtouch theme correctly.
Wp-Cache will now reject your iPhone or iPod touch visitor requests, and serve up your site un-cached to them, while maintaining your cache for regular visitors.
If for some reason you do not have the ability to enter custom user agents from the WP-Cache administration page, then that means you will need a modified version of WP-Cache. We’ve made a few modifications to it to always allow filtering based on a User-Agent string. You can grab the unofficial 2.1.3 version here (we’ll be contacting the author to do an official update some point soon).
Updates & Revision History
Version 1.2 July 23rd, 2008)
- Added the ability to disable advanced javascript effects (fixes effects not working for some, speeds up the load time considerably)
- Proper styling of embedded YouTube videos on mobileSafari in iPhone 2.0
- Fix for the switch code not working on some blog installations
- Redundant, unused code cleanups
- More style enhancements and tweaks, fixes
Version 1.1.(1,2) (July 14th & 15th, 2008)
- Minor fixes and changes
Version 1.1 (July 14th, 2008)
- Added the ability to enable/disable the default home, rss and email menu items
- Added support for WordPress installations that have static home pages
- Included dynamic WPtouch news in the administration panel
- Added the ability to modify the default hyperlink color
- Completed major CSS & PHP cleaning, resulting in reduced size and faster load times
- Added the ability to enable/disable tags, categories and author names on the index, search and author pages
- Added support for DISQUS commenting
- Completed CSS refinements for comments, the drop-down menu, and overall appearance
Version 1.0.9 (July 9th, 2008)
- Improved compatibility with WordPress 2.0 (posts only, not pages)
- Bug fixes for WordPress 2.1 & 2.2
Version 1.0.8 (July 7th, 2008)
- Dramatically improved javascript performance
- Minor tweaks to the WPtouch admin and theme files
- Footer admin link fix for unique WordPress locations
Version 1.0.7 (June 11th, 2008)
- Admin & menu pages bug fixed
Version 1.0.6 (June 10th, 2008)
- Theme path fixes for sub-directory installs
Version 1.0.5 (June 10th, 2008)
- Header customization added
- Minor style changes, tweaks
Version 1.0.4 (May 23rd, 2008)
- Admin CSS path fix
- Plugin compatibility additions
Version 1.0.3 (May 10th, 2008)
- Install path fixes on both Linux and Windows environments
- Fix for calendar icons not appearing
- Minor style changes on the main page, archives & search pages
- Author is no longer shown on main, archives & search pages- instead, tags will be shown on the main page instead, or categories if you’re using less than WP 2.3
- More image compression and trimming, shaving 30kb off the install
- Removed address-bar hiding script- it caused the pages to default to the top if rotation occurs, this also speeds up load time
- Addition of info for various plugins to the compatibility section in the WPtouch admin
Version 1.0.2 (May 1st, 2008)
- Fixed Switch Tag not appearing/working on some installations
- Removed login from header, moved to footer with checks for admin, readers, and if registration is required
Version 1.0.1 (April 30th, 2008)
- Fixed install paths problem (if images or CSS did not show up for you)
- Fixed Gravatars 1.1 plugin issue
- Added WordPress 2.5 Automatic Gravatar support
- Styled for Subscribe to Comments (2.1)
- Works with Ajax Edit Comments plugin, some styling issues
Version 1.0 (April 28th, 2008)
- Initial release
- No known functional issues
- Might not work with other PDA & iPhone/iPod touch theme plugins installed
Final Beta
- Moved theme into ‘wptouch’ plugin directory, to provide for simpler usage and future automatic WordPress plugin upgrade capability
- Minor theme and bug fixes
1:59 am
I’ve tried the plugin on both WP 2.3 and 2.5 and in both cases the icons/images and css appear not be be working. Could it be a path issue. I’ve installed according to instructions. I do have WPhone plugin installed which is for managing the sites. If I have to choose between the two plugins I’ll have to stick with WPhone as it gives me great ability to manage sites from my iPhone. It would be nice if both could work. I’ve left the plugin running on the website attached to my name here if you want to have a look.
Thanks
2:01 am
Absolutely wonderful job. By far the best iPhone/iPod Touch theme plugin to date.
2:18 am
@ Mark - Duane has added you on GMail, if you pop on he’ll do some real time debugging with you. We just tested WPhone, and it seems to work fine with WPtouch, at least on our test machines.
@ Ross - Thanks. Its been months of effort, and we’ve got lots of ideas going forward to make it even better. If you have any ideas in the coming days/weeks for things to add, feel free to drop a comment here.
For everyone - We’ll be working on bugs throughout the day, so if you’re having an issue check back here in the comments for updates on fixes. As with any release, it’s impossible to explore every possible scenario so we’ll need your help as early users to get things airtight with the theme/plugin.
2:33 am
Thanks for all the support guys.
2:42 am
There’s an updated .zip file, which has a very minor fix for an admin options saving glitch under certain situations.
3:53 am
where exactly do you place the Switcher Template Tag? ie what theme page and exactly where in the the particular page?
also I tried putting ipod and iphone in this section of wp cache “Accepted filenames, rejected URIs”
so it looks like this
wp-
ipod
iphone
but it still doesn’t work ie can’t see menu pages and icons, just “Logo, Pages & Icons” with a drop down menu that shows options but doesn’t do anything
4:13 am
@Pete - I modified the paragraph about WP-Cache. It appears that if Apache (your webserver) is running as a CGI instead of a module, then the options available in the administration page for filtering out user-agents does not exist. We’ve added an unofficial 2.1.3 version of WP-Cache up above that you can try out. Let us know if that works for you.
4:15 am
@Dale -
Since you asked.. and these are all very minor suggestions.
1. The footer displays a Copyright notice, my content isn’t distributed under Copyright.
2. It would be cool to have RSS in the “menu” drop-down without having to create a page.
That’s pretty much all I can think of right now. Like I said, not very important suggestions. It really is a fantastic plugin.
4:15 am
@ Pete: You can place the switcher template tag wherever you want- above your header (after the
<head>tag), in your footer (above the</body>tag) or in you sidebar. You can add before and after code inside the switcher tag, as described in the instructions. So, for example, you could write:<?php if (function_exists('wptouch_switch')) wptouch_switch('<h2>', '</h2>'); ?>Which would wrap the switch links in the H2 tags. If you want, you can cut and paste this code into your template and try it out in various spots on your existing theme to find the right placement for your visitors.
Hope this helps.
4:32 am
@ Ross- good suggestions.
As for copyright, we presumed more people would want that stated. Going forward there are a number of things we’ll create in the admin that will be user configurable, and I think the footer content is one of those things.
We’ve added the RSS Feed as a menu link in the latest download link. If you download the plugin again and re-upload, you’ll have it (all your settings won’t be altered).
9:33 am
One (trivial) bug and one request:
Bug: The link to the options page from the plugin listing does not work for me. That’s because it wants to link to
http://www.alexcurylo.com/wp-admin/
where the wp-admin folder is not, instead of
http://www.alexcurylo.com/blog/wp-admin/
where the wp-admin folder actually is.
Request: Hey, I don’t want just mobile users to see this, I want to see how this looks as the regular theme too! But it doesn’t show up on the themes page. Is there a supported way to do that easily? Or is that just a Really Bad Idea?
In any case, congratulations! I’d post about it, but I was told not to…
10:13 am
@ Alex Curlylo: I’ll certainly fix that relative link. As for using it as a full-fledged theme, it’s not intended to be, as the theme has many mobile-Safari specific customizations, and is intended for a smaller viewing window obviously.
Trust us, it doesn’t look that good in a full browser!
12:06 pm
@Duane Thanks, I’ll have time to debug this later today.
1:31 pm
Dale looks fantastic on http://www.typicalmacuser.com Another homerun!
1:59 pm
absolutely gorgeous!!
See you at wpcamp.
4:57 pm
We’ll be posting a couple tutorials on the interface and the admin panel later tonight, so look for those to get a better grasp of what WPtouch is all about.
5:46 pm
FYI - I had issues with image display that were remedied with some hardcoded changes… the script seems to be using a url base that ignores my root WP directory (in my case it is /sys/). So, essentially all image references omitted it and began immediately with /wp-content/. Oddly, this doesn’t seem to be an issue with any of the stylesheet references. There’s also an omitted space after “Achtung!” on the settings page. Otherwise, things look and work great!
5:48 pm
@ JH: Hmm, sub-directory blog installs are affected it seems. That’s a quick fix. Thanks for noticing the admin omit. Glad you’re enjoying it!
6:31 pm
Dale - As I continued to explore, I also found that rather long site titles (mine is 40 chars) cause (due to the wrapping of the text) the theme to be thrown off and the drop down menu to be obscured.
6:54 pm
@ JH: Dale did some work last night to clean up long title posts. We’ll try and integrate some of the changes mentioned here in the comments tonight and update the downloadable for everyone.
10:37 pm
I’m trying to implement this on my site, but the wptouch_switch just will not appear no matter where I put the tags in my template. If I go into the plugin and grab the code directly and paste the echo commands into the template that works but the wptouch_switch function isn’t producing any text for some reason…
10:51 pm
Was working awesome but then I upgraded to Minimalia 1.2.1 and it stopped working. I have tried going back to 1.1.1 but still no go. Not sure what I did???
10:52 pm
@ Marchos: The switch code will only show to visitors on the iPhone/iPod touch, not on your regular template view through a standard browser. Not sure if that’s what your missing, let us know.
11:00 pm
@ Pauly: Sorry, the WPtheme is not working with Minimalia? In our testing it worked fine. You can always try de-activating and re-activating the plugin as a simple step to see if that will fix it.
As WPtouch is a plugin it shouldn’t effect your regular theme installation.
11:06 pm
@Dale
It was working fine before. I am the one that messed it up. I upgraded a few plugins tonight. I will let you know how I fix it in case it was an update. I am on gmail chat if you have it.
Here are the plugins that I updated
slickr-gallery 0.5.7.2 –> 0.6.3
stimuli-lightbox2 2.2.1 –> 2.2.1
wp-cache to 2.1.3 (from your link)
flickrrss 3.2 –> 4.0
Extended comment option 1.1 –> 2.0
Blogroll page 1.0 –> 2.0
I will disable all those plugins, delete wptouch, re-upload, clear cache, enable and retry.
Thanks
11:09 pm
Hi again,
No, the switch code doesn’t show on my iPhone - that’s the problem. I can force it to appear if I had an ! inside the if statement in the wptouch_switch function code but otherwise it doesn’t appear on the iPhone (nor of course in regular safari)
If I had the ! then it appears in both. Somehow the if ($wptouch_plugin->applemobile) part isn’t registering yes on my iphone’s browser.
11:15 pm
@ marcos: Hmm, that’s strange. Give us a little time here and we’ll try and debug this tonight. As I mentioned earlier, we tried to do real-world testing as much as possible, but these kinds of bugs are expected once it’s in the wild and the myriad configurations of WordPress interact with WPtouch.
No doubt we’ll have a solution, and when we do we’ll post here about it, Marcos.
@pauly: Please do report back on your findings. thanks for going through the motions to help us and others.
12:20 am
I am thinking that the problem is with Dreamhost. For some reason even after deleting wptouch, clearing the cache, re-downloading it, re-activating it, it still won’t work. The part I find odd is that it remembered my settings from the previous install.
I installed it without a problems on another wordpress blog. I will try again tomorrow in case dreamhost does some caching of their own.
12:29 am
@ Pauly: there are a few kinks we’re working on right now, an updated version will be out shortly. I think they’ll fix a wide variety of install issues- I don’t think it’s your host.
12:45 am
you got mail
I figured out what’s wrong
12:59 am
@ Pauly: looks like it’s a php4 problem. On php5 the links show up, but php4 they disappear. The regular theme doesn’t barf, it just fails to print out the links.
We’re working on it.
As well, we’ve fixed the issues with regards to some people not having images or the css file show up properly. We had referenced the ’siteurl’ when we should have used the ‘url’ in our wordpress function calls, to ensure that those with blog installations that differed from their website URLs still have the proper links returned.
A new release will likely be out later tonight or tomorrow with all bug fixes included.
12:37 pm
Wonderful job, guys!! This plugin it’s spectacular. Congrats!!
Only one problem. Like Marcos, the switch code doesn’t show on my iPhone :(
Un abrazo.
1:23 pm
Duane’s giving a demo of WPtouch today in Vancouver for WordCamp, and discussing mobile blogging. When he gets back we’ll be uploading the 1.1 version, with numerous fixes and a few additions.
4:45 pm
Yeah, I’m having the same problem with viewing my site on my iPhone - no switch is showing up….at least I’ll be seeing Duane tonight at WordCamp and can see if it’s part of 1.1 or something I did.
Great work guys…now that I’ve had a chance to dive in a little more, I’m liking it more and more.
5:49 pm
Thanks John- yeah, we’re working on it. We could just provide the hard links, but we want it to work as a function for those less ‘codey’ types. We’ve also cooked up some more plugin support, and added gravatar support. WPtouch 1.0.1 will be out later today.
5:58 pm
thx for this great plugin. Maybe in the next release the –nextpage– wp function will be supported? I hope so :-)
1:48 pm
As mentioned above, we’ve just released an update (1.0.1) which bundles install path fixes, minor CSS fixes, resolved a gravatar error and added support for Gravatars (both gravatar.com’s plugin, and WordPress 2.5’s built-in support), and support for the Subscribe To Comments (2.1) plugin.
3:08 am
THANK YOU!! I’ve been waiting almost a year for this.
9:26 am
Great plugin, guys…! I’ve installed it on my blogs and it seems to work fine — except for one thing: On the main (index) page, the calendar icons for April show up, but the ones for May don’t…!? See this screenshot made with iPhoney:
http://www.nitewing.de/gfx/wptouch_cal-20080504-152209.jpg
Could it be a localization problem since I use WP in German…?! So that ‘May’ becomes ‘Mai’ and that causes confusion…?!
I couldn’t find any reference to the calendar images in the PHP files though so I have no clue what it could actually be and how I’d fix it…! :(
Please help…thanks in advance!
11:13 am
Hi,
Great plugin thanks! Would it be possible to show a Youtube logo when a YouTube video is embedded into a site and then just link to that as the video will then attempt to show the video in the YouTube app?
Cheers,
Klaus
11:55 am
@ MILE: I think you’re right regarding localization. Navigate to the
wptouch/themes/default/images/calfolder, and change the abbreviations for the calendar icons for your language. Should work fine then.@KLAUS: That’s a great idea. We’ll add it to our revision feature list.
12:37 pm
One of the best wordpress plugins ever !!
4:19 pm
Great plugun/theme. Works great on my friends iPhones (I’ll get one someday :) ).
A couple small bugs though:
The admin settings page for WPTouch does not work correctly (all images are missing) if your wordpress installation is not in the root directory of your site. This is easily fixed by changing all calls of “bloginfo(’url’)” to “bloginfo(’wpurl’)” in wptouch.php.
The second issue is the layout of the admin page in IE7 and FireFox 3 beta 5. All the icons are vertically lined up along the right side of the page instead of being tiled as the screenshot looks.
Thanks for the great plugin!
5:20 pm
Nice work guys! Simple and elegant.
Someone should design a badge so we can show non-iPhone/Touch users they could be visiting with those devices, safely!
5:41 pm
@DALE: Thanks for your reply…! I renamed the images, but it didn’t change anything…! :(
What else could I try…?! Is there some reference that tells the plugin which cal icon to use for which month or something else I could look into…?
Anyway, here a few personal suggestions for the future:
It would be nice to hava a few options in the admin panel for what to include or exclude, like I’d kind of like to not show the quote box in the comments area, also maybe some people want the sharing options (Mail, Bookmark it) and others dont…!?
Of course being able to use a custom header image would be cool…as well as showing the description of the blog, as that’s often part of the title…!? (You know, where it says “Just another Wordpress blog” in the default…)
5:54 pm
SORRY; MY MISTAKE…!!! After I deleted the safari cache in the iPhone settings, the icons are now showing up correctly…!!! :D
THANKS!!!
Uhmm, enough with the shouting, okay… ;)
Yet there’s one little thing you might be able to help me with: I am using Rob Marsh’s plugin “Highlight Author Comments” to distinct author comments from reader comments…all I the did was add a grey background and some padding using CSS, so that it now looks like this:
http://www.nitewing.de/gfx/comments_safari-20080504-235234.jpg
As you can see the gravatar icon floats above all that, as it should be…
On the iPhone it looks like this:
http://www.nitewing.de/gfx/comments_iphone-20080504-235316.jpg
For some reason the gravatar icon is placed _behind_ the background and looks cut off…! Any ideas how I could fix this…?
Thanks again and sorry for bothering you with my n00b problems…! ;)
(BTW: Since you didn’t include any localization files I actually localized the individual PHP files included — I hope that’s okay with you…?!)
5:55 pm
Ooops, where did that one go…?! I guess your spam filter caught my other comment…?!
5:52 am
I have a question. I want to link to my forums from the menue section. I am trying to link directly from the title. When I do so, it throws the alignment off. how can I link to my forums directly from the link on the menue page? I can get it to display forums and the bring up another page and link from there, but i want to link directly from the forums icon. How?
7:54 am
Hello
i’am french and my english bad, I’am sorry
i like wptouch :-) but i have a 2 problems
first, the icon ‘date’ is invisible on my iphone (see here http://www.bec-handball.fr/wordpress)
second : my administration page is also very disorganized
have you a solution
thank you
10:18 am
hi… i install the thinks bu when i’m tring to access to admin page this is the results
Warning: opendir(/wp-content/plugins/wptouch/images/icon-pool/) [function.opendir]: failed to open dir: Invalid argument in c:\inetpub\CARLOMAGNO.IT\news\wp-content\plugins\wptouch\wptouch.php on line 231
what can i do?
david
10:44 am
Hi David- re-download the theme from our site at this link -> WPtouch, it should have some path fixes for you, and others with the issue.
7:15 pm
hi there .thanks for plugin:
Does anybody know if tis script is compatible with Wordpress 2.5.1?
Thanks in advance for any help on this!
10:51 pm
@ Baron: I don’t meant to be rude, but we’ve got ‘requires WordPress 2.0 or higher’ plastered everywhere on this page, in the readme accompanying the plugin, and even in the admin panel, a screen will appear telling you whether it is fully, partially, or not compatible with your version.
7:13 pm
In the admin, none of the icons are showing, though they are uploaded. Any ideas?
10:50 pm
@ SHAN: Sorry if this sounds basic, but: are you sure uploaded the plugin according to instructions? Is the theme working when you view your site on an iPhone or iPod touch? Are any icons showing up when you do in the drop-down menu on the devices? Lastly, do you have the most recent version (1.0.2)?
We need more information to help you.
12:08 am
Sorry, as a developer, I should have known better and answered the questions in my original post.
Yep, it’s uploaded correctly. The theme works when you go to it with an iPhone (www.iotashan.com) The icons do not show up at the top of the settings page, and the dropdowns are all empty.
I also just confirmed I am running 1.0.2, and wordpress 2.5.1.
I’m going to guess this is an issue due to this running on Windows.
2:05 am
SHAN: I had the same problem at first, or at least I think so: I uploaded the folder I had downloaded from the WP plugin directory and it was labeled with the suffix 1.0.2 — once I deleted that and thus renamed the directory to ‘wptouch’ everything showed up just fine…! Not sure if this might be the case with your install though…!?
12:40 am
Wish it was that simple, but unfortunately, no, it’s just named “wptouch”
12:56 am
I’ve found the bug. Line 230 assumes that WPTouch will never be run on windows:
$a = preg_match(’#(.*)/wp-content/(.*)#’, __FILE__, $matches);
On windows, you can define paths using either normal slashes or backslashes, but __FILE__ returns backslashes.
1:07 am
Replacing lines 230-231 with this fixes my problem, and probably what MILE ran into also:
$a = preg_match(’#(.*)wptouch.php#’, __FILE__, $matches);
$dir = opendir($matches[1] . ‘images/icon-pool/’);
1:25 am
Great Shan- we’ll do some more testing and release an update shortly with the fixes.
10:01 am
Hello together,
first thx for this great app.
Now, i dont see the cal icons on my homepage. But i found the issues. My blog are in german so the wptouch dont find the right cal icon. I have rename the May-cal.png to mai-cal.png and the mar-cal.png to mrz-cal.png. Now it works on my page.
I hope this help another one.
best wishes.
Markus
6:18 am
We’ve released an update (1.0.3) that fixes several issues (including yours) Markus.
12:40 am
Just wanted to say many thanks!
Awesome plugin. No really… this one drops right in and makes everyone play nice.
We dig it!
Thank you.
11:48 am
I Love this WP template. Its beautiful!
12:57 pm
This is working great on the new blog I’m setting up! One small issue the settings page doesn’t format well on my setup (but is completely functional so no biggie). Mac Safari or Firefox, WPTouch 1.0.3, WordPress 2.5.1. For example the icons are in one long column down the right of the page instead of in rows. Maybe something in my setup, not sure.
8:32 pm
How do you get it to show pages?
5:40 pm
While I’m glad to see a new release (1.0.3) on here I’m kinda bummed that I have to go through all the files and do all the translations/localizations again…! And then again with the next version…
Have you considered including a language file for easier localizations maybe…?! That would make this great theme even better…!! :)))
11:40 am
We’ve released another update (1.0.4) which should shore up the last of the install path problems, and adds some more plugin compatibility.
We’re currently working on a couple significant feature upgrades, hopefully we’ll have those out soon.
12:48 pm
Silly idea probably, perhaps it’s an idea for the next release or something, but could we be allowed to point to the plugin were our Archives, Links, and Photos are?
I ask because the ones I want to use are not named as such and they won’t work with your plugin unless I alter them and I really dun want to…
Thank you!
TeraS
5:20 pm
I find it tonight, good work!
11:05 pm
Uhm, I guess that’s a “no” on the language files and localization then…?! :-/
10:58 am
@ MILE: No, it’s not. We’ve just been busy with client work and will implement improvements whenever we have time to do so.
Your suggestion was a good one and we’ll definitely move in that direction.
9:38 pm
@DALE: Oh okay, thanks for your reply then…! I just thought since you didn’t comment on my first try that it might have been a dead end…it’s good to hear that I was wrong though…! ;)
I’d be glad to provide the German translation when the time comes…
6:12 am
Hi. I just wanted to say WP Touch is a fantastic resource and I’ve listed it on http://www.bestwpthemes.com, which is our list of the ‘best of the best’ Wordpress themes to be found anywhere on the web.
I think WP Touch fits the bill even though it’s kind of a plugin rather than a theme! ;)
12:09 pm
@ MATT: Awesome! Thanks so much. We’re very happy with what we’ve done, and have plans to make WPtouch even better going forward.
4:39 pm
Just installed. Works great, after I followed your detailed instructions on cache and other issues. I was so excited, I had to blog about it: http://www.dcfcpug.org/2008/05/28/iphone-a-fied/.
Now I’m scouring your site for more goodies. Tnx.
1:03 pm
Extraordinary work, thank you so much.
2:07 pm
Excellent theme friend.. The icons and special effects at the border seem very elegant..!
6:02 pm
WPtouch is so great! I worked fine here with my WP 2.5.1 installation (besides the sometimes lacking date images). But, strange, after upgrading to 1.0.4 the WPtouch settings page is totally corrupt. See a screenshot of my (german) WPtouch 1.0.4 settings page here: http://meta.wops.de/WPtouch-mess.png
Any idea? Thanks a lot,
Stefan.
4:07 am