Can I 'tag' my static site content (a lá a CMS)?

[johnivanwhite]

Hi Folks,

I have a hand-coded, responsive, static portfolo site—in Dreamweaver—and I'm pretty happy with it.

It's handy, it's not in Wordpress or anything, and it's easily portable as a static site.

The one thing that pulls me towards rebuilding in Wordpress or some other CMS, is my desire for 'tagging'.

I would love to offer tags such as 'storyboarding', or 'character design' etc., on project pages which straddle multiple disciplines, but sit within only one top-level section/category.

Is there a Dreamweaver solution for this? An extension or 3rd party plug-in?

Thanks

John

[B i r n o u]

I have no idea for DW extension, I'm not familiar with, but I think that you are on the right place and moment for asking for it...

beside DW plug in, and as you have opened the door to CMS solution,  you can also have some plugin that works client side, independently of the editor...

you can google on jquery gallery and find out free and pay solution, but also on codecanyon (only pay solution there)

[johnivanwhite]

Hi Birnou,

Thanks for the reply. They might be too complicated for me, but I'll give them some thought.

[osgood_]

johnivanwhite  wrote

Hi Folks,

I have a hand-coded, responsive, static portfolo site—in Dreamweaver—and I'm pretty happy with it.

It's handy, it's not in Wordpress or anything, and it's easily portable as a static site.

The one thing that pulls me towards rebuilding in Wordpress or some other CMS, is my desire for 'tagging'.

I would love to offer tags such as 'storyboarding', or 'character design' etc., on project pages which straddle multiple disciplines, but sit within only one top-level section/category.

Is there a Dreamweaver solution for this? An extension or 3rd party plug-in?

Thanks

John

I'm not really sure I understand what you want.

Are you saying that you have seperate pages which relate to 'Story Boarding', 'Character Design' etc and want to consolidate the links to those pages under a Sections/Cateories menu which drops down onclick so the user can then chosse what page they want to click on and view?

[johnivanwhite]

Hi Osgood,

Really, I just want to be able to tag any pages/content in my site with a tag or multiple tags—a la Wordpress etc.

I have a page that best fits into my top-level Illustration section. But it's also relevant to animation, storyboarding, app development, character design etc.

Story App artwork: 3 Little Pigs | by John White, Irish Illustrator/Artist

What I'd like users to be able to do is click a 'tag' for Storyboarding, and that will return a page displaying summaries—or thumbnails and titles—for all the site project pages/content tagged with 'Storyboarding' no matter what section they reside in—and be able to click through to them.

Thinking about it, this is pretty complex stuff because a 'results page' has to be generated on the fly.

John

[osgood_]

johnivanwhite  wrote

Hi Osgood,

Really, I just want to be able to tag any pages/content in my site with a tag or multiple tags—a la Wordpress etc.

I have a page that best fits into my top-level Illustration section. But it's also relevant to animation, storyboarding, app development, character design etc.

Story App artwork: 3 Little Pigs | by John White, Irish Illustrator/Artist

What I'd like users to be able to do is click a 'tag' for Storyboarding, and that will return a page displaying summaries—or thumbnails and titles—for all the site project pages/content tagged with 'Storyboarding' no matter what section they reside in—and be able to click through to them.

Thinking about it, this is pretty complex stuff because a 'results page' has to be generated on the fly.

John

Well normally that is done by storing your information in a database and querying the database to return any results based on the 'search' criteria, that is going to be quite complex if you have never done that before.

You could use things like a json or xml file to store the information and search through them with a bit of php but again it's almost as complex as building a database and a database approach is going to be more robust a solution.

Wordpress might be a good option for someone such as yourself.

[johnivanwhite]

Yes, it seems as though I may have no option but to rebuild in Wordpress.

Arggh.

[B i r n o u · Accepted solution]

nope, I have often build gallery, or data driven content, not build on data storage... (for internal and technical specification)...

the question is does item of the gallery can belong to different tag... (I'm sure yes)

so that do mean that one can't build as many page, as there tags, but one unique page that display and reorder display depending on the selected tag(s)...

we can so display all the item of the full gallery and reasign the appropriate display using JavaScript

CSS animation will then do a nice job making the transition smooth and visualy nice

to add the TAG to an item use a data-tags attribute, and add tags separted value by a semi colon or a comma ... you can go further with having all the items in the gallery only tagged by a data-id, and distribute tags to each of them by parsing a JSON external file

so again no need of database (at least SQL one... but JSON)...

[johnivanwhite]

So a solution similar to these, Birnous?

Filterizr | Set up custom filters for responsive galleries

Isotope

MixItUp | KunkaLabs

John

[osgood_]

johnivanwhite  wrote

So a solution similar to these, Birnous?

Filterizr | Set up custom filters for responsive galleries

Isotope

MixItUp | KunkaLabs

John

Well you could certainly use that kind of workflow if you don't have too many items to show........its quite nice. I've only looked at Isotope. All the items are being stored in the actual pages code rather than a seperate json file or database, which makes the page code a bit long-winded, but i think for  a limited amount of items/options it would do the job.

[B i r n o u]

yes, that type of lib can correctly handle the job...

as OS I've watched the isotope one... I will add that you can have a JSON file that will contain all the needed datas and you will generate the page content on the fly using JS and DOM

[johnivanwhite]

Thanks for all the tips, folks.

I'll seriously consider doing some sort of (for me) very complicated solution like the above, with some sort of Javascript carry on.

In the past, I've implemented JS stuff but I find it difficult and often end up wondering: What JS files and inline JS are...

• doing what?
• necessary?
• duplicated?
• causing conflicts?
• up to date?

Its the type of stuff where I feel very out of control of it all. I can visualise the interaction of HTML and CSS and images, but with this? It's all a vague mess—to me. I'm artistic and useless at techy stuff, especially when it's enmeshed in complex systems within systems.

[B i r n o u]

you shouldn't be too scarred by such an approach. It is true that by the past JavaScript files was very conplex to deply and use... but the goal of such libraries are really to be used as a black box... that means that you wont have to dig of modify any scripts... but the parameters (like velocity, type of animation, filter activation and so on)

everything will be handle by the HTML construction and the DOM used. Everything should be really well explained in the library documentation. and one of us here in the forum will always be able to help you when needed.

please, first make a choice of the type of lib that you would like to use... I think that it was isotope isn't it ?

so now what is your gallery (images, how many, category, how many ?)