PeterD's Old SM to New SM Conversion
PeterD-2009
Registered Users Posts: 618 Major grins
I wonder if someone can help me to customize my smugmug site - www.imageinuk.com.
I have tried to follow the various tutorials etc. and found that they would be very helpful if I was creating a new site but they are hopeless to convert an old SM site into new SM.
I have had several years away from SM due to voluntary work in setting up the HB50 events and now working on the Hayling Billy Heritage partnership project. During this time, the new SM was introduced and I did not have time to follow the progress and comments.
I have tried to modify my site but ended up hopelessly confused and in a muddle. What I wish to do is to replicate my current website to make it compatible with new SM.
Perhaps the place to start would be a clear description of the objects (galleries, pages etc) and an indication of what object to use at a particular level. Galleries are reasonably clear in that they contain a collection of photos. Folders and pages start to get confusing.
To illustrate the problems I wish to resolve, please look at the wildlife section from my drop down menu. This leads to various orders of fauna/families/species and image galleries. Most of the levels are customized pages which I understand new SM will ignore and will need to be re-created.
I also need to start over in my new SM customization but cannot find out how to do this.
I have tried to follow the various tutorials etc. and found that they would be very helpful if I was creating a new site but they are hopeless to convert an old SM site into new SM.
I have had several years away from SM due to voluntary work in setting up the HB50 events and now working on the Hayling Billy Heritage partnership project. During this time, the new SM was introduced and I did not have time to follow the progress and comments.
I have tried to modify my site but ended up hopelessly confused and in a muddle. What I wish to do is to replicate my current website to make it compatible with new SM.
Perhaps the place to start would be a clear description of the objects (galleries, pages etc) and an indication of what object to use at a particular level. Galleries are reasonably clear in that they contain a collection of photos. Folders and pages start to get confusing.
To illustrate the problems I wish to resolve, please look at the wildlife section from my drop down menu. This leads to various orders of fauna/families/species and image galleries. Most of the levels are customized pages which I understand new SM will ignore and will need to be re-created.
I also need to start over in my new SM customization but cannot find out how to do this.
0
Comments
The galleries will still exist and will present the text and photos but without your CSS to format them. I've just verified this by looking at what was an HTML-only gallery on my site in legacy but is now hidden from everyone but me (by setting the visibility to Private (Only Me)).
Given the sheer number of the galleries that are using HTML and CSS you might want to see if adding the appropriate CSS to your theme (or to your site as a whole) will give you want you need in the context of a gallery (as opposed to creating a new page for each of the html-only galleries). If you have referenced the same CSS in each of your galleries, adding it once to your them or entire site CSS should fix all of the galleries.
To do that you can either add a CSS block to Entire Site, or you can alter the CSS in your theme. Add the CSS required to support one of your existing pages (although I'm hoping you used the same names in all of your pages). Save the CSS, then open the gallery. Does that help? If it doesn't, please post a link to the gallery you are working on.
--- Denise
Musings & ramblings at https://denisegoldberg.blogspot.com
Customize...
Content and Design...
Click Entire Site
Drag a CSS content block onto the page, placing it below your other content.
--- Denise
Musings & ramblings at https://denisegoldberg.blogspot.com
Customize...
Content and Design...
Click Entire Site
Either edit your existing theme or add a new one
Hover over the Active Theme and click the wrench icon.
Click the Advanced tab
Scroll to the bottom of the window and click Edit on Custom CSS
Musings & ramblings at https://denisegoldberg.blogspot.com
All the data is there so looks like it'll only take some html mod.
My Website index | My Blog
okay with only a small repetitive change.
HTML New CSS box
My Website index | My Blog
Thanks Allen, this is the kick start I needed. I shall create a set of cascading pages leading to the species galleries. I shall worry about drop down menus etc. when I have constructed the framework. Bear with me as time is not my friend at the moment but I shall make a start this evening.
Thanks for your advice too Denise.
Best wishes to you both.
Peter
http://www.imageinuk.com
A little "minor" tweaking and all these type pages should covert to NewSmug using your current html.
The important change is this.
<< remove
<div style="clear: both;"> << change it to this
Only changed html for the top bird.
Changed the page width under layout.
My Website index | My Blog
Visitors and logged out only Old Smug is visible. So take your time on the new site.
Logged in, at the top of every page you can toggle back and forth between the old and new.
My Website index | My Blog
I created the page, added html and the updated CSS and ended up with this>
http://www.dgrin.com/attachment.php?attachmentid=39973&stc=1&d=1430695671
It looks as though the page has been created with two columns.
Peter
http://www.imageinuk.com
Paste it between [code] paste here [/code] tags.
Click the # icon in the reply box, 3rd from the right.
OR (edit)
Also make sure when you drag the html block out to the page it spans the whole page before you let go.
You might of put it on the same line as the breadcrumb.
I think you can still drag the box to the right position under the breadcrumb.
Grab the double arrow cross at the top left.
My Website index | My Blog
it but you logged in. The screen shot is very helpful.
Working with a html widget which has its own CSS tab, not all CSS will apply and it has to
go into a page CSS box. Some CSS will work in box CSS tab but not all.
My Website index | My Blog
[code]<html>
<div class="pageTitleLinks">
Perching Birds (Passeriformes)
<br />
</div>
<div class="myTextLinks">
<p>A passerine is a bird of the order Passeriformes, which includes more than half of all bird species. Sometimes known as perching birds or, less accurately, as songbirds, the passerines form one of the most diverse terrestrial vertebrate orders: with over 5,000 identified species, it is roughly twice as species rich as the largest of the mammal orders, the Rodentia.</p>
<p>More information can be found on <a href="http://en.wikipedia.org/wiki/Passeriformes">Wikipedia.</a></p>
</div>
<hr size="1" color="#6090d1">
<br />
<div class="boxBottom">
<div class="myPhotoLinks">
<a href="/Birds/Accentors-Prunellidae/Dunnock-Prunella-modularis/8812864_bPsWM">
<img src="/photos/696544382_dVb3T-200x200.jpg">
</a>
</div>
<div class="myTextLinks">
<center><b>Accentor (Prunellidae)</b></center><br />
<p>These are in the Sub Order Passeri</p>
<p>The Accentor shares features of sparrows, warblers and small thrushes. In the UK there is only one species, the Dunnock (Prunella modularis.</p>
<p>The Dunnock is often confused with the sparrow (it is sometimes called a hedge sparrow) but the sharp pointed beak is a dead giveaway. If disturbed, the bird will fly at low level, straight into the thickest bush it can find. Unusually, these birds form mating trios in the breeding season. Either 2 males and a female or 2 females and a male.</p>
<p>They nest in thick shrub or low down in conifers. Their main food source are insects.These birds do not migrate and can be seen all the year round in the UK.</a></p>
<p>More information can be found on <a href="http://en.wikipedia.org/wiki/Prunellidae">Wikipedia.</a></p>
</div>
<div style="clear: both;"></div>
</div>
<br />
<hr size="1" color="#6090d1">
<br />
<div class="boxBottom">
<div class="myPhotoLinks">
<a href="/Birds/Bombycillidae-Waxwing/Waxwing-Bombycilla-garrulus/15216987_fveFE">
<img src="/photos/1138494073_ZHXBs-200x200.jpg">
</a>
</div>
<div class="myTextLinks">
<center><b>Waxwing (Bombycilla garrulus)</b></center><br />
<p>These are in the Sub Order Passeri</p>
<p>Waxwings are characterised by soft silky plumage.They have unique red tips to some of the wing feathers where the shafts extend beyond the barbs; in the Bohemian and Cedar Waxwings, these tips look like sealing wax, and give the group its common name. The legs are short and strong, and the wings are pointed. The male and female have the same plumage. All three species have mainly brown plumage, a black line through the eye and black under the chin, a square-ended tail with a red or yellow tip, and a pointed crest. The bill, eyes, and feet are dark.</p>
<p>Their main food is fruit, which they pick from late summer though winter. In the spring, their diet changes to sap, buds and flowers. They also eat insects when these are abundant.</p>
<p>They breed and are normally resident in Northern Europe. They are not normally long-distance migrants but they sporadically move South and west in search of food in the winter. It is on these occasions that they might be seen in the UK.</a></p>
<p>More information can be found on <a href="http://en.wikipedia.org/wiki/Waxwing">Wikipedia.</a></p>
</div>
<div style="clear: both;"></div>
</div>
<br />
<hr size="1" color="#6090d1">
<br />
<div class="boxBottom">
<div class="myPhotoLinks">
<a href="/Birds/Buntings-Emberizidae-1/14649326_hGfWT">
<img src="/photos/585418732_pekbd-200x200.jpg">
</a>
</div>
<div class="myTextLinks">
<center><b>Bunting (Emberizidae)</b></center><br />
<p>These are a group of Eurasian and African birds.They look very similar to a Finch but have slimmer bodies. The bill has has a characteristic thin upper mandible fitting onto a thicker lower mandible which has a curved cutting edge. The tails are dark with a broad white edge except for the Corn Bunting where the tail is plainer.</p>
<p>These birds are sead eating with habits similar to Finches.</p>
<p>More information can be found on <a href="http://en.wikipedia.org/wiki/Emberizidae">Wikipedia.</a></p>
</div>
<div style="clear: both;"></div>
</div>
<br />
<hr size="1" color="#6090d1">
<br />
<div class="boxBottom">
<div class="myPhotoLinks">
<a href="/Birds/Crows--Corvidae/14653763_5rzP6">
<img src="/photos/716395759_vrwMP-200x200.jpg">
</a>
</div>
<div class="myTextLinks">
<center><b>Crows (Corvidae) </b></center><br />
<p>Medium to large, heavily built Paserines. They are quick to learn and can often be seen raiding litter bins, even those with lids requiring skill to access. Jackdaw and Ravens are very skilled fliers, often seen in aerial combat, whilst Magpies and Jays only have short fluttering flights.</p>
<p>They are sociable and often seen in flocks. They will eat almost anything, vegetable or animal matter.</p>
<p>More information can be found on <a href="http://en.wikipedia.org/wiki/Corvidae">Wikipedia.</a></p>
</div>
<div style="clear: both;"></div>
</div>
<br />
<hr size="1" color="#6090d1">
<br />
<div class="boxBottom">
<div class="myPhotoLinks">
<a href="/Birds/Finches--Fringillidae/14655035_NLNQY">
<img src="/photos/583728716_YX7S7-200x200.jpg">
</a>
</div>
<div class="myTextLinks">
<center><b>Finches (Fringillidae)</b></center><br />
<p>A large group of relatively small Paserines.They have a powerful and undulating flight, They feed on seeds and insects.</p>
<p>They are sociable and often seen in flocks.</p>
<p>More information can be found on <a href="http://en.wikipedia.org/wiki/Fringillidae">Wikipedia.</a></p>
</div>
<div style="clear: both;"></div>
</div>
<br />
<hr size="1" color="#6090d1">
<br />
<div class="boxBottom">
<div class="myPhotoLinks">
<a href="/Birds/Flycatcher-Muscicapidae/14663659_eqZKv">
<img src="/photos/963789897_gRaNY-200x200.jpg">
</a>
</div>
<div class="myTextLinks">
<center><b>Old World Flycatcher (Muscicapidae) </b></center><br />
<p>Muscicapidae is a large family of small passerine birds restricted to the Old World. These are mainly small arboreal insectivores, many of which, as the name implies, take their prey on the wing..</p>
<p>The more northerly species migrate south in winter, ensuring a continuous diet of insects.</p>
<p>More information can be found on <a href="http://en.wikipedia.org/wiki/Muscicapidae">Wikipedia.</a></p>
</div>
<div style="clear: both;"></div>
</div>
<br />
<hr size="1" color="#6090d1">
<br />
<div class="boxBottom">
<div class="myPhotoLinks">
<a href="/Birds/Lark-Alaudidae/14664018_UtaVU">
<img src="/photos/578858254_vAaXp-200x200.jpg">
</a>
</div>
<div class="myTextLinks">
<center><b>Lark (Alaudidae) </b></center><br />
<p>Larks are small to medium-sized passerine birds. They have more elaborate calls than most birds, and often extravagant songs given in display flight. With these song flights, males defend their breeding territories and attract mates. Most species build nests on the ground, usually cups of dead grass, but in some species more complicated and partly domed.</p>
<p>In many respects, including long tertial feathers, larks resemble other ground birds such as pipits. However, in larks the tarsus (the lowest leg bone, connected to the toes) has only one set of scales on the rear surface, which is rounded. Pipits and all other songbirds have two plates of scales on the rear surface, which meet at a protruding rear edge.</p>
<p>More information can be found on <a href="http://en.wikipedia.org/wiki/Alaudidae">Wikipedia.</a></p>
</div>
<div style="clear: both;"></div>
</div>
<br />
<hr size="1" color="#6090d1">
<div class="boxBottom">
<div class="myPhotoLinks">
<a href="/Birds/Wagtails-Longclaws-and-Pipits/14664135_UU99Y">
<img src="/photos/584883777_83EdU-200x200.jpg">
</a>
</div>
<div class="myTextLinks">
<center><b>Wagtails Longclaws and Pipits (Motacillidae) </b></center><br />
<p>Motacillidae are a family of small passerine birds with medium to long tails. The longclaws are entirely restricted to the Afrotropics (only included here for completeness). Wagtails are predominately found in Europe, Africa and Asia. Pipits have a wider distribution, being found across mostly in the Old World but occurring also in the Americas and oceanic islands such as New Zealand and the Falklands.</p>
<p>They have long, pale legs with long toes and claws, particularly the hind toe. Most motacillids are ground-feeding insectivores. They occupy almost all available habitats, from the shore to high mountains. Wagtails prefer wetter habitats to the pipits.</p>
<p>More information can be found on <a href="http://en.wikipedia.org/wiki/Motacillidae">Wikipedia.</a></p>
</div>
<div style="clear: both;"></div>
</div>
<br />
<hr size="1" color="#6090d1">
<div class="boxBottom">
<div class="myPhotoLinks">
<a href="/Birds/Sparrow-Passeridae/14672557_CeCWt">
<img src="/photos/716235838_ro7q4-200x200.jpg">
</a>
</div>
<div class="myTextLinks">
<center><b>Sparrow (Passeridae) </b></center><br />
<p>Generally, sparrows tend to be small, plump brown-grey birds with short tails and stubby, powerful beaks. The differences between sparrow species can be subtle. They are primarily seed-eaters, though they also consume small insects. A few species scavenge for food around cities and, like gulls or pigeons, will happily eat virtually anything in small quantities.</p>
<p>The Old World true sparrows are indigenous to Europe, Africa and Asia. In Australia and the Americas, early settlers imported some species which quickly naturalised, particularly in urban and degraded areas. House Sparrows, for example, are now found throughout North America, in every state of Australia except Western Australia, and over much of the heavily populated parts of South America.</p>
<p>More information can be found on <a href="http://en.wikipedia.org/wiki/Passeridae">Wikipedia.</a></p>
</div>
<div style="clear: both;"></div>
</div>
Peter
http://www.imageinuk.com
Peter
http://www.imageinuk.com
My Website index | My Blog
My Website index | My Blog
Yes it is centred but needs widening. Thanks for your comment re HTML tags - now removed.
Peter
http://www.imageinuk.com
What a disaster. I created the web page 'Perching Birds' then tried to correct the error where the breadcrumb was in the bottom of the page and not at the top. I could not find a way to do this so I thought I would delete the page and start again. I was confident that any changes in New Smugmug would not affect my legacy SM - But it HAS. Not only was the new page deleted but also the legacy page.
I can recover this but it will mean recreating both old and new SM pages. I am really beginning to lose confidence in the assurance we have all been given that customization of new SM will not affect the legacy site.
Peter
http://www.imageinuk.com
Are you applying your customization to the gallery or to a new page? If you were applying the changes to the gallery and you deleted the gallery, the gallery will be deleted in both places. If you created a page to use on new smug then you can safely delete the page.
--- Denise
Musings & ramblings at https://denisegoldberg.blogspot.com
I created the new page in new SM. The similar item in old SM was a gallery. I only deleted the new page but the gallery disappeared too. I have stopped working on customization until I know why this happened so that I can avoid this in the future. Fortunately, I am working on one item at a time which has limited the damage done.
Certainly my experience so far has not been good. I just wish that SM would have left things alone.
Peter
http://www.imageinuk.com
http://www.imageinuk.com/Birds/Perching-Birds-Passeriformes/14641450_XqjgF
Email the help desk and get them to find and recover it if truly deleted. I checked Waxwings and
the photo gallery is still there so no photos should be gone.
Have you looked through the tree in Organizer? The html gallery (old smug) should be somewhere.
My Website index | My Blog
I have now rebuilt the page in new SM.
Now my confidence has been shaken, can I ask the following.
I would have thought that I should create a folder (Birds (Aves)) in new SM and move the page into it. Later, I shall have to move the relevant galleries into the same new folder. What are the risks in carrying this out in respect of my legacy SM?
There seems to be no guides to customizing an existing site which has been customized with HTML galleries to overcome the old SM levels which I seem to recall was only 3.
Peter
http://www.imageinuk.com
Thanks again for your reply - sorry missed it.
If you use the navigation drop down menu, Birds/Perching Birds, you will see all the galleries as you have seen but NOT the Perching Bird page. The tree also does not show the Perching Bird gallery I set up in old SM.
Peter
http://www.imageinuk.com
So in NewSmug that HTML/text type gallery could be deleted. But I left all my OldSmug HTML/text type galleries in NewSmug until I unveiled.
At that time I had created new pages to replace them. Only after unveiling did I delete them.
I made no structural changes in NewSmug as this would affect OldSmug. I toggled to OldSmug for all new cats/sub-cats/galleries and photo uploads.
The only thing done in NewSmug was creating HTLM/text PAGES to replace the galleries in OldSmug.
I would not structurally re-organize anything before unveiling, only in Old Smug.
NewSmug is for visual formatting of old smug data, making NewSmug look nice.
My Website index | My Blog
When I construct the replacement pages, these reside in the bottom of the tree and not in any folder. Does this matter?
Thanks to your help and guidance, I feel I can continue create the new pages but stop when they are done and ask for more advice BEFORE I publish. Is there a way of using the new SM page in old SM to save me re-creating the HTML gallery without upsetting the applecart?
Wow - all this to make things look pretty!
Peter
http://www.imageinuk.com
shows on the screen, homepage, , PAGES, folders or galleries
It would be safe to create a folder (OldSmug sub-cat) under /birds (OldSmug cat) and put your bird PAGES in it. They would not
show on the Bird (OldSmug cat) folder page unless you added a block that shows PAGES. Usually on a site-wide folder page you'd
have a folder (sub-folders) box and gallery box. Then for each folder only the boxes that have content will show.
But you have many other subject PAGES. You could create a top level folder to hold all PAGES, "My Pages". All in
one place would be easier for site maintenance. Your menu would direct to each PAGE.
My Website index | My Blog
Thanks again. I shall take the latter option and drill down from there. I shall concern myself with the menu system later.
Peter
http://www.imageinuk.com
I have created a 'My Pages' folder and inserted some new pages into it.
My Pages
Birds (Aves)
Birds of Prey
Falcons and Caracaras (Falconiformes)
Perching Birds (Paserifomnes)
Just to try and see if my old SM menu system picks up the missing Perching Birds Page I changed the menu item from:
The old missing HTML gallery
to:
The new PAGE. This code change did not display the PAGE.
The full menu code is given below:
Can anyone help please?
Peter
http://www.imageinuk.com
Just my opinion though.
Dave
Hi Dave,
Thanks for your reply. The website I created is not just about collections of photos but catalogs with several layers within. If I tried to create a perfect New SM site and ditch the HTML gallery pages then I would have to take my site off line to do this. The changes to the HTML in the New SM pages require little change. The reason for my last post was to describe the issue I have when using the modified HTML menu system to access the New SM Page I had created which replicated the Old SM HTML Gallery I had lost for some reason. I included the code I was using in the hope that this would trigger a suggested modification for this one case only. this would then restore my Old SM site so that it could continue to be fully operational whilst creating my New SM Pages etc.
My strategy is to keep Old SM alive and well. It has served me well for a number of years. Build the framework for New SM, including the new menu system. When I am happy that it is working, then I will switch to New SM and delete all the old HTML galleries and menu system.
At this stage, I will then start to look for more improvements within New SM and make the changes in a controlled manner and at a slower pace.
Peter
http://www.imageinuk.com
Email the help desk with the link of the missing gallery. They should be able to reinstate it.
My Website index | My Blog