Interactivetools.com Forum: Products: Article Manager 2: Tutorial: Creating Multiple Page Articles

Home: Products: Article Manager 2:
Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors

Damon
Staff / Moderator

Nov 15, 2006, 10:59 AM

Post #1 of 20 (3976 views)
Shortcut

Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors	Can't Post

Here is the steps to split an article over multiple pages by adding the article content into additional WYSIWYG editors (one for each article page).

1. Upload customized articlePage templates

Upload the extra three article templates (see attached zip file) into your
/cgi-bin/artman2/templates/articlePages directory.

2. Add additional WYSIWYG editors to the article edit page

Go to Admin > Database Editor and click "edit table & fields" for Articles

Click the Add Field (bottom of the page on the right)
Field Label: Content - Page 2
Field Name: content2
Field Type: text box

Repeat steps to add a third WYSIWYG editor. Replace 2 in the above steps with 3.

On the Table Editor page (Admin > Database Editor > Table Editor), re-order the content2 and content3 to appear right after content. To do this change the number on the left to a number just higher than the content field and click Go beside Update Field Order (dropdown list on bottom left of page).

3. Create Publishing Rules for article pages 2 and 3

Admin > Publishing - click Create button (bottom of the page on the right)

Rule Name: Article Page 2
Rule Description: The article second page
Rule Type: a page for each article
Template: articlePages/articlePage2.html
Placeholder Set Name: published.articlePage2
Status: Active
Published Files: <catFile>/<artFile>_2.<ext>

Repeat this to make another publish rule for Article Page 3 (replacing 2 with 3 in the above steps).

Tip: A quick way to make a Publish Rule that is similar to another Publish Rule is to use the Copy Rule feature that is available at the bottom of all Publish Rule pages.

4. Add content into each WYSIWYG editors

Content now added into each WYSIWYG editor will be published on the corresponding multiple article page.

Conclusion

Now each of the article pages will have a page navigation like this:

"Page: 1 2 3 " appear for articles with content in the additional WYSIWYG editors.

The number of pages you publish is completely customizable. To add another page simply add another WYSIWYG editor to your article page, add a new articlePage.html template and create a new Publish Rule.

In the included templates (in the attached zip), I also added a templateIf so that if the author field is left blank, the "By" won't be published.

Cheers
Damon Edis
interactivetools.com

(This post was edited by Damon on Nov 15, 2006, 4:30 PM)

Attachments:

multiple_article_pages.jpg (13.9 KB)

multipage_article_templates_using_editor.zip (3.83 KB)

thatscountry
User

Nov 15, 2006, 2:45 PM

Post #2 of 20 (3960 views)
Shortcut

Re: [Damon] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Thanks for posting this Damon. It looks quite simple and I'll be tackling it tomorrow. I'll let you know how it turns out.

***************

Marti Clayton
That's Country

thatscountry
User

Nov 15, 2006, 4:07 PM

Post #3 of 20 (3953 views)
Shortcut

Re: [Damon] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

I couldn't wait and decided to tackle it now. I have a question with the template pages. The templates split the pages up by the number of paragraphs in the content. Are these the right templates or are these the ones for the other way of breaking up pages by using paragraph rules?

The template I downloaded has the following:


Page: <strong>1</strong> <a href="$published.articlePage2.url$">2</a>



<a href="$published.articlePage3.url$">3</a>


I want to be able to add the content to the three WYSIWYG editors which may be more than 4 paragraphs on the first one, pictures on the second and a list of things on the third. What I'm trying to say is that I need to control where the article breaks and that's not what I'm seeing with these templates.

***************

Marti Clayton
That's Country

Damon
Staff / Moderator

Nov 15, 2006, 4:26 PM

Post #4 of 20 (3950 views)
Shortcut

Re: [thatscountry] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Hi Marti,

Sorry. It looks like I have attached the wrong templates. Blush

I will get this fixed right away.

Cheers
Damon Edis
interactivetools.com

Damon
Staff / Moderator

Nov 15, 2006, 4:32 PM

Post #5 of 20 (3948 views)
Shortcut

Re: [thatscountry] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Fixed. I uploaded and attached the correct templates to the tutorial above.

Thanks for letting me know.

Cheers
Damon Edis
interactivetools.com

thatscountry
User

Nov 15, 2006, 6:51 PM

Post #6 of 20 (3945 views)
Shortcut

Re: [Damon] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

WOW!!!! It works GREAT! Here's an example of why I wanted this type of break.

http://www.thatscountry.com/am2/publish/cmaawards/002866.shtml

Thanks again Damon!

***************

Marti Clayton
That's Country

klausre
User

Jan 17, 2007, 1:09 PM

Post #7 of 20 (3801 views)
Shortcut

Re: [thatscountry] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

But It look's like this shows the 1,2,3 page all times. It should only show anything if field nr 2 or 3 are used.

Will this still link to the pages 2 and the even if it's not used?

thatscountry
User

Jan 17, 2007, 2:16 PM

Post #8 of 20 (3800 views)
Shortcut

Re: [klausre] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

OOPS! Sorry... I changed it back to just working on one page on this part of my site because the "create new page" page took too long to load with the extra two content editors and I wasn't using it enough on this part of the website. I am using the 3 page option on the new profiles site which I have just started building. Here is the link if you want to have a look..... http://www.thatscountry.com/am3/publish/ Please note that I haven't done anything with the actual site design yet.

If you don't put anything in the 2nd or third editor window, extra pages won't be made.

***************

Marti Clayton
That's Country

(This post was edited by thatscountry on Jan 17, 2007, 3:26 PM)

carminejg3
User

Jan 27, 2007, 10:44 PM

Post #9 of 20 (3718 views)
Shortcut

Re: [thatscountry] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

thats an awesome feature.... also is the related articles feature a publishing rule for artman2?

Webmaster Wink

http://news.carjunky.com

thatscountry
User

Jan 28, 2007, 7:15 AM

Post #10 of 20 (3711 views)
Shortcut

Re: [carminejg3] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

You can find the tutorial for related articles at http://www.interactivetools.com/docs/articlemanager2/tutorials/index.html

I have integrated the related articles from a different license of AM, which is one of the awesome features of the program. Eventually, when I am closer to having this new site ready to go live, I will be integrating it with the original That's Country site at www.thatscountry.com

***************

Marti Clayton
That's Country

(This post was edited by thatscountry on Jan 28, 2007, 7:18 AM)

jmueller0823
User

Apr 11, 2008, 2:01 PM

Post #11 of 20 (2571 views)
Shortcut

Re: [thatscountry] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Damen et al

What is the net difference between your modified
template and a an un-modified template?

I'm guessing it's this code:

Code

<span class="article_text">      <!-- templateIf : $article.content2$ ne "" --> 
        Page: <a href="$published.articlePage.url$">1</a>  
        <strong>2</strong> 
        <!-- /templateIf --> 
        <!-- templateIf : $article.content3$ ne "" --> 
        <a href="$published.articlePage3.url$">3</a>  
 	<!-- /templateIf --></span>

Could you confirm please? Thanks.

Jim

g r o w t h t r a c dot c o m
Life Changing Resources for Your Marriage

Jake
Staff / Moderator

Apr 11, 2008, 2:52 PM

Post #12 of 20 (2564 views)
Shortcut

Re: [jmueller0823] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Hi Jim,

The code you provided is the main difference from the default template files. The only other difference is the article content placeholders used for each one of the templates provided with this tutorial - the first page uses $article.content$, the second $article.content2$, and the third $article.content3$.

Feel free to contact us if you have any other questions about this. Smile

-----------------------------------------------------------
Cheers,
Jake Swanson - 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.

limbo
User

Jun 4, 2008, 5:07 PM

Post #13 of 20 (1978 views)
Shortcut

Re: [Jake] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Hi,

I just discovered a problem with the multiple pages:

(THE CODE BELOW SHOWS THE "Email this article" and "Printer friendly page" links for each page)

<QUOTE CODE>

<td align="right" valign="top"><span class="article_text"> <a href="mailto:?subject=$article.title:urlEncoded$&body=$published.articlePage.url:urlEncoded$">Email this article</a><br>
 <a href="$published.articlePrinterPage.url$">Printer friendly page</a><br>
</span><br>

<a href="http://www.addthis.com/bookmark.php" onClick="addthis_url = location.href; addthis_title = document.title; return addthis_click(this);" target="_blank"><img src="http://s5.addthis.com/button1-bm.gif" width="125" height="16" border="0" alt="AddThis Social Bookmark Button" /></a>
<script type="text/javascript">var addthis_pub = 'madeiraisland';</script>
<script type="text/javascript" src="http://s5.addthis.com/js/widget.php?v=10"></script>

</td>

<END QUOTE CODE>

The problem is this:

When we click on th elink to email this article to to have a printer friendly page it always reverts to the first page! That is, it sends the link for the first of the multiple page article. The same thing for "printer friendly" - it calls the first page of the multiple page article....

What you suggest we change in the code?

MikeB
Staff / Moderator

Jun 5, 2008, 11:57 AM

Post #14 of 20 (1880 views)
Shortcut

Re: [limbo] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Hi,

Thanks for the post!

From what you've described it sounds like you'll just want to modify the template that Article Manager provides for the printer-friendly pages (/templates/articlePages/articlePrinterPage.html). What you should be able to do is set up this page to output all of the WYSIWYG fields you're using on one page. So you'll find this line of code:

$article.content$

And add a couple of lines after it depending on how many new WYSIWYG editors you set up based on Damon's tutorial:

$article.content$
$article.content2$
$article.content3$

Regarding the email link, I'm curious what you were looking for here. Is it always pointing to the first page, and if so is there a reason this isn't the intention? It seems that generally you'd direct people to the first page of the article and then allow them to navigate through the pages to read it themselves.

I hope this helps! Smile

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

ndemena
User

Jun 13, 2008, 5:39 PM

Post #15 of 20 (1355 views)
Shortcut

Re: [Damon] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Hi Damon, your customized template is a 3 column template. Mine is 2. So how do I implement this code using my type of template. if you need me attach the template I will do so but it is the generic template of AM2 out of the box.

nde

Jake
Staff / Moderator

Jun 14, 2008, 7:42 PM

Post #16 of 20 (1129 views)
Shortcut

Re: [ndemena] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Hi ndemena,

Are you just looking to set up the multi-page article links on your template? If so, you shouldn't need to do anything but copy the code used for the links in Damon's example onto your template page - the number of columns or design shouldn't be a factor here.

Let us know if you need any more information on this. Smile

-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com

jmueller0823
User

Jun 19, 2008, 7:13 AM

Post #17 of 20 (1034 views)
Shortcut

Re: [Damon] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Is there a reason the tutorial uses:

Published Files: <catFile>/<artFile>_2.<ext>

Instead of locating Page 2 and Page 3 in
the default /artman/publish folder?

ALSO..............................

In our testing, everything works as expected.
EXCEPT the Pages 2 and 3 are NOT picked up
in our Artman sitemap. Only Page 1 displays.

Is this correct functionality?

Thanks!

Jim

g r o w t h t r a c dot c o m
Life Changing Resources for Your Marriage

(This post was edited by jmueller0823 on Jun 19, 2008, 8:04 AM)

Jake
Staff / Moderator

Jun 19, 2008, 1:03 PM

Post #18 of 20 (1009 views)
Shortcut

Re: [jmueller0823] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Hi Jim,

In regards to this:

Published Files: <catFile>/<artFile>_2.<ext>

That is required so that Article Manager publishes a separate unique file for your second page - if the "_2" part wasn't there then you would have multiple publishing rules trying to write different content to the same page.

The other pages aren't being picked up in your site map because by default it's only set up to link to the first article page, and doesn't take into account this multi-page tutorial. If you used the code Donna originally provided in her Google site map tutorial, you could change it to this to get this working:

Code

<?xml version="1.0" encoding="UTF-8"?>  
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">  
  <!-- template insert : $articleList$ -->  
  <!-- templatecell : articleRow -->  
   <url>  
      <loc>$published.articlePage.url$</loc>  
      <lastmod>$article.date:format(yyyy-MM-dd)$</lastmod>  
   </url> 
   <url>  
      <loc>$published.articlePage2.url$</loc>  
      <lastmod>$article.date:format(yyyy-MM-dd)$</lastmod>  
   </url> 
   <url>  
      <loc>$published.articlePage3.url$</loc>  
      <lastmod>$article.date:format(yyyy-MM-dd)$</lastmod>  
   </url>  
  <!-- /templatecell : articleRow -->  
</urlset>

I hope that helps. Smile

-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com

jmueller0823
User

Jun 19, 2008, 2:36 PM

Post #19 of 20 (1006 views)
Shortcut

Re: [Jake] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Jake, thank you.

Quote

In regards to this:
Published Files: <catFile>/<artFile>_2.<ext>
That is required so that Article Manager publishe...

Actually, I was referring to the fact that you
are storing pages in the CAT folder instead
of the default, /artman/publish folder.

Is there a reason for that?

We changed the path to store the pages in
/artman/publish and it seems to work fine.

Thanks, Jake.

Jim

g r o w t h t r a c dot c o m
Life Changing Resources for Your Marriage

(This post was edited by jmueller0823 on Jun 19, 2008, 4:59 PM)

Jake
Staff / Moderator

Jun 19, 2008, 7:26 PM

Post #20 of 20 (986 views)
Shortcut

Re: [jmueller0823] Tutorial: Creating Multiple Page Articles - using mulitple WYSIWYG editors [In reply to]	Can't Post

Hi Jim,

That makes more sense to me now!

Most people do have their copies of Article Manager set up to publish files in the category's directory, which is why the tutorial is geared that way, but as you're well aware this is completely customizable and not necessary at all. Smile

-----------------------------------------------------------
Cheers,
Jake Swanson - Product Specialist
support@interactivetools.com

Search for (options)