Main
Index
Search
Posts
Who's
Online
Log
In

Home: Discontinued/Classic Products: Article Manager 2:
Make it mobile phone friendly

 

 


djmaine
User

Aug 28, 2007, 11:51 AM

Post #1 of 21 (10227 views)
Shortcut
Make it mobile phone friendly Can't Post

I am wondering if there is a way that when an article is written, that it could also write to a directory like m.yourdomain.com/yourdirectory/yourfile.html so that mobile users could read the site too?


Jake
Staff


Aug 28, 2007, 2:01 PM

Post #2 of 21 (10222 views)
Shortcut
Re: [djmaine] Make it mobile phone friendly [In reply to] Can't Post

Hi djmaine,

Thanks for posting. Smile

You could definitely do this - you'd just need to create a new article page publishing rule, and set it up to use a template file which had been designed with mobile browsers in mind. You could set this rule up so that these mobile-friendly files published in a specific directory if you needed to.

Let us know if you need any more details on this!
-----------------------------------------------------------
Cheers,
Jake Marvin - Product Specialist
support@interactivetools.com

[hr][i][url "http://www.interactivetools.com/consulting/"][b]Hire me![/b][/url]
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with [url "http://www.interactivetools.com/consulting/"][b]Priority Consulting[/b][/url].[/i]


ColinW-O
User

Aug 30, 2007, 1:00 PM

Post #3 of 21 (10200 views)
Shortcut
Re: [djmaine] Make it mobile phone friendly [In reply to] Can't Post

I use the Printer-Friendly format for mobiles. I have a different index for a mobile page but as far as articles go I use a customized printer friendly template. You can click http://www.wrestling-online.com/mobile/livepreview.shtml there to see how it looks on an HP IPAQ for example.


Colin


djmaine
User

Sep 20, 2007, 6:10 AM

Post #4 of 21 (10087 views)
Shortcut
Re: [Jake] Make it mobile phone friendly [In reply to] Can't Post


In Reply To
Hi djmaine,

Thanks for posting. Smile

You could definitely do this - you'd just need to create a new article page publishing rule, and set it up to use a template file which had been designed with mobile browsers in mind. You could set this rule up so that these mobile-friendly files published in a specific directory if you needed to.

Let us know if you need any more details on this!

I need more details...how do I do this?


MikeB
Staff


Sep 20, 2007, 1:09 PM

Post #5 of 21 (10081 views)
Shortcut
Re: [djmaine] Make it mobile phone friendly [In reply to] Can't Post

Hi,

Thanks for posting! Smile

To set this up you'll want to log into Article Manager's admin program, click "Admin" and then "Publishing". You'll want to find your existing publishing rule called "Article Pages" and click "modify". From there you'll want to scroll to the bottom of the page and beside the dropdown menu that says "Copy Rule" you'll want to click the Go button.

At this point you'll be able to create a new publishing rule based off of your existing Article Pages rule. For this new publishing rule you'll just want to tweak the Rule Name and Description to something more descriptive for your "Mobile" articles. You'll also want to tweak the template that's being used so Article Manager will use your new mobile-friendly template to output these articles.

On this page, the other thing you'll want to tweak will be the Publish Dir/Publish URL so Article Manager publishes these mobile-friendly articles to a specific folder on your site that you can link people to.

I hope this helps, just let me know if you have any other questions about setting this up! Smile

Cheers,
Mike Briggs - Product Specialist
support@interactivetools.com

[hr][i][url "http://www.interactivetools.com/consulting/"][b]Hire me![/b][/url]
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with [url "http://www.interactivetools.com/consulting/"][b]Priority Consulting[/b][/url].[/i]


djmaine
User

Oct 2, 2009, 4:46 AM

Post #6 of 21 (9268 views)
Shortcut
Re: [MikeB] Make it mobile phone friendly [In reply to] Can't Post

I finally got around to trying to do this but seem to be having issues.

Article Previews are already being generated with the rule: 'Article Pages'.
You must disabled Article Previews in that rule first before enabling them in this rule.
This publish rule has the same categories and placeholder as 'Article Pages'. Either unselect the matching categories or change the placeholder name. Matching categories:




I don't get it?



I would also like to make an IPhone and a Blackberry App for my site.

Could these be done?


Donna
Staff / Moderator


Oct 2, 2009, 2:52 PM

Post #7 of 21 (9251 views)
Shortcut
Re: [djmaine] Make it mobile phone friendly [In reply to] Can't Post

Hi there,

In your second publish rule, uncheck the "Use this publish rule for generating previews from the Article Editor" and change the "Placeholder" option to something different, and that should do it. :)

Donna

--
support@interactivetools.com


djmaine
User

Oct 5, 2009, 4:56 AM

Post #8 of 21 (9177 views)
Shortcut
Re: [Donna] Make it mobile phone friendly [In reply to] Can't Post

 
Error: templatecell 'articleRow' wasn't found in 'articleLists/mobilearticlePages/articlePage.html'!


djmaine
User

Oct 6, 2009, 6:31 AM

Post #9 of 21 (9106 views)
Shortcut
Re: [djmaine] Make it mobile phone friendly [In reply to] Can't Post

I still don't get it


Donna
Staff / Moderator


Oct 6, 2009, 2:35 PM

Post #10 of 21 (9096 views)
Shortcut
Re: [djmaine] Make it mobile phone friendly [In reply to] Can't Post

Hi there,

Looks like you're missing some required code in your new template. Make sure all of the templatecells that are in the default articlePage.html template are also in the mobile version.

Article Manager uses those templatecells to know how to format the repeating content... without it, it doesn't know how you want your dynamic content displayed, and so you'll get this error. :)

Donna

--
support@interactivetools.com


djmaine
User

Oct 7, 2009, 4:36 AM

Post #11 of 21 (9090 views)
Shortcut
Re: [Donna] Make it mobile phone friendly [In reply to] Can't Post

Here is my code. What is missing?



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Town of Windham, Maine</title>
<link href="/templateFiles/stylesheet.css" rel="stylesheet" type="text/css" />
<style>
<!--
td{font-family:arial,sans-serif}-->
</style>
</head>

<body>
<table width="956" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td><font size="1" face="Arial"><img src="/templateFiles/images/spacer.gif" width="1" height="10" /><img border="0" src="/templateFiles/images/windhamweblogo.JPG"></font></td>
</tr>
</table>
<table width="956" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" valign="top">
<table width="320" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td width="100%" background="/templateFiles/images/cor8.gif">
<font size="1" face="Arial"><a href="$published.globalIndex.url$"><font color="#000000">
$my.homepageName$</font></a> : <!--#include virtual="$published.categoryBreadcrumb.webpath$" --></font></td>

<td><font size="1" face="Arial"><img src="/templateFiles/images/cor2.gif" width="10" height="11" /></font></td>
</tr>
<tr>
<td valign="top" background="/templateFiles/images/bg6.gif" colspan="2" >
<p align="center"><font size="1" face="Arial">
<a href="http://www.windhamweb.com/storm/xmlreader.php5?src=latest.xml">
Storm Closings / Windham Weather</a> | <a href="mailto:info@town.windham.me.us">
Contact Us</a> </font> </p>
<font size="1" face="Arial">$article.content$ </font>
<p>
<font size="1" face="Arial">
<!-- templateIf : $article.attachments$ ne "" -->
</font>
<p> <font face="Arial"> <b style="color: #666666;"><font size="1">
Download attachment(s):</font></b><font size="1">
<!-- template insert : $article.attachments$ -->
<!-- templatecell : article.attachments.row -->
[ <a href="$file.webUrl$">$file.title$</a> ]
<!-- /templatecell : article.attachments.row --></font></font></p>
<font size="1" face="Arial">
<!-- /templateIf -->


</font></td>
<td valign="top" background="/templateFiles/images/bg5.gif" >
<font size="1" face="Arial"><img src="/templateFiles/images/cor4.gif" width="10" height="437" /></font></td>
</tr>
</table>
</td>
<td width="67%" valign="top" class="text11">

<font size="1" face="Arial">

<!-- category list starts here -->
<!--#include virtual="$published.categoryMenu.webpath$" -->
<!-- category list ends here -->
</font>
</td>
</tr>
</table><font size="1" face="Arial"></td>
<td valign="top"><img src="/templateFiles/images/spacer.gif" width="260" height="1" /><br />
</td>
</table>
</font>
</body>
</html>


Donna
Staff / Moderator


Oct 9, 2009, 2:44 PM

Post #12 of 21 (9063 views)
Shortcut
Re: [djmaine] Make it mobile phone friendly [In reply to] Can't Post

Hi there,

Actually, quick question -- what are you using this template for? What publish rules do you have set to use it?

It looks like this is an article page template, but the error message you got indicates it's being used for an article list. Is that correct?

Donna

--
support@interactivetools.com


djmaine
User

Oct 10, 2009, 6:47 AM

Post #13 of 21 (9032 views)
Shortcut
Re: [Donna] Make it mobile phone friendly [In reply to] Can't Post

I don't get it.

I am simply looking for a way to make it so that my site and it's pages are saved in two different versions. The normal way and a way for mobiles to see it on a 320 x 240 format


ross
Staff / Moderator


Oct 12, 2009, 11:04 AM

Post #14 of 21 (8910 views)
Shortcut
Re: [djmaine] Make it mobile phone friendly [In reply to] Can't Post

Hi there.

I think we should take a few steps backwards on this one and cover each of the steps one by one just so we both end up on the same track :).

What you need to do first here is actually design a new template for the mobile section of your site. This happens before anything Article Manager related is done.

Do you already have that template designed?

Let me know and we'll go to the next step from there. Thanks!
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Product Specialist
support@interactivetools.com

Hire me!  Save time by getting our experts to help with your project.
Template changes, advanced features, full integration, whatever you
need. Whether you need one hour or fifty, get it done fast with
Priority Consulting: http://www.interactivetools.com/consulting/



djmaine
User

Oct 14, 2009, 8:50 AM

Post #15 of 21 (8855 views)
Shortcut
Re: [ross] Make it mobile phone friendly [In reply to] Can't Post

I have a mockup of what I want at http://www.djmaine.com/windhamweb/iphone.htm

The navigation on the bottom of the page and when you click menu would match the normal navigation I have in www.windhamweb.com - obviously a mobile version of suck with it's own directory

When a user clicks on a directory in the mobile site, it would a sub directory similar to what I have now, making the sub directory font smaller


Donna
Staff / Moderator


Oct 14, 2009, 2:25 PM

Post #16 of 21 (8836 views)
Shortcut
Re: [djmaine] Make it mobile phone friendly [In reply to] Can't Post

Hi there,

Basically what you'll end up having to do is making a copy of your default templates, but redesigned (generally stripped down) for a mobile audience. You'll also need to create copies of each of your publish rules using these new templates.

So, the error message you were getting before (ie, regarding the templatecell) was probably because you were trying to use an Article Page template to create an Article List. When you're copying the publish rules & templates, make sure they're still matching up with the same type of publish rule & same type of template.

To break that down a bit, let's start with the Article Page template. First, you'll need a duplicate of your Article Page publish rule. I think you had already created one of those, but make sure the "Rule Type" stays as "A Page For Each Article". Choose your new template as the template (and make sure it's based off of the existing article page template.)

You'll want to give it a new placeholder set name, because we'll need a different way of referring to it from your index pages (don't worry about the actual index pages yet, let's get this page setup first.) You'll also want to specify a new folder/filename. I'd recommend doing something like:

mobile/<catFile>/<artFile>

This will basically duplicate the default site structure, but in a "mobile" folder. You can change that around as necessary.

Give that a try and let me know if it works, and then we can move on to creating the index pages. :)

Donna

--
support@interactivetools.com


welshchris
User

Oct 19, 2009, 4:36 AM

Post #17 of 21 (8444 views)
Shortcut
Re: [Donna] Make it mobile phone friendly [In reply to] Can't Post

I'm trying to achieve the same thning Donna, and I've got this far with your tutorial and I'm eagerly awaiting the next installment!

One thing though - I've tried modifying my mobile article page template but can't get it to look exactly how I'd like (i.e. with the look and feel of an iphone app) - does anyone have the code of a template they've created that can be used as a 'default' version by any chance?

Chris


djmaine
User

Oct 21, 2009, 5:14 AM

Post #18 of 21 (8321 views)
Shortcut
Re: [welshchris] Make it mobile phone friendly [In reply to] Can't Post

I have actually hired a freelance programmer to deal with this. I have a mockup that I made and he is running with it.

I will let you know how it turns out.


welshchris
User

Oct 21, 2009, 6:16 AM

Post #19 of 21 (8311 views)
Shortcut
Re: [djmaine] Make it mobile phone friendly [In reply to] Can't Post

since my post I've discovered this, and it's free Smile

http://iwebkit.net/

If all you want to create is a 'webapp' as opposed to a full blown app that can be downloaded from the iTunes store, then this might be the answer. The templates are pre-prepared in an 'iPhone' style, and can easily be modified to suit your own needs.

look at http://www.festrail2009.co.uk/m/ on your iphone or in an emulator.

I created this mobile site in no time at all (bear in mind it's only experimental at the moment) and the 'News' and 'Special Events' pages are generated by modifying the template to show an AM2 feed. The only thing I can't figure out is how to show individual news items - the links still direct you to the 'full site' versions. I'm sure this is a placeholder issue but as yet my support request hasn't been answered Mad

Chris


Damon
Staff / Moderator


Oct 21, 2009, 3:37 PM

Post #20 of 21 (8296 views)
Shortcut
Re: [welshchris] Make it mobile phone friendly [In reply to] Can't Post

Hi Chris,

Just replied to your support request.

As soon as we hear back from you with your FTP details, via email, don't include them in the forum, we will be able to help get the links sorted out.

--------------------------------------------------- 
Cheers
Damon Edis
interactivetools.com

Hire me! Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/


djmaine
User

Nov 5, 2009, 6:09 AM

Post #21 of 21 (7889 views)
Shortcut
Make it mobile phone friendly [In reply to] Can't Post

We just finished and it looks good, except on Blackberry, it layers the pages on top of each other.

If I click a category from my home page, my home page will show and directly beneath it will be the page that I wanted. And if I click again inside that directory, that page ill be beneath the other two.

I am having people download mini.opera.com to make it look correct