Member
Hi,
Just wanted to drop a note to say Nice Job! Looks like the start of a great product - very clean and easy to integrate seemlessly with an existing site.
I just integrated into a client's site at http://www.thegardensedge.com/zenphoto
have a look...
Just wanted to drop a note to say Nice Job! Looks like the start of a great product - very clean and easy to integrate seemlessly with an existing site.
I just integrated into a client's site at http://www.thegardensedge.com/zenphoto
have a look...
Member
Update:
Gallery is now at :
http://www.thegardensedge.com/photogallery
Gallery is now at :
http://www.thegardensedge.com/photogallery
Member
Member
I'll give image protection some more thought - thanks for the feedback...
Greg
Greg
Member
Member
Mel, I didn't integrate this with Wordpress, but these are the steps I took to integrate with my existing site.
The general concept I used was to take an existing page on my site to use as the basis for the template and insert the zenphoto code where I wanted the gallery to appear.
1. Create a new theme for your gallery:
- under the Themes folder, create a new folder for your theme and copy all the files from the default theme folder into it.
- Copy an html (or other) existing page from your current site into your new theme's folder. (call it index.html for this example)
2. Replace index.php, album.php, and image.php with new versions using your index.html page as the starting point.
- open your index.html file in an editor and copy the following code from the <head> section of index.php to the <head> section of your index.html file:
`<link rel="stylesheet" href="<?=$_zp_themeroot ?>/zen.css" type="text/css" />
<?php zenJavascript(); ?>`
- copy all of the code inside <div id="main"> from the index.php file into your index.html file wherever you want the list of photo albums to appear.
- save your index.html file as index.php in your theme's folder (replacing the original that you copied from the default theme.
- repeat that process to create new versions of album.php and image.php
3. Update Styles and Modify php code as desired:
- modify the styles in zen.css however you like to match the colors, etc of your site.
- Modify the php code in index.php, album.php, and image.php to show/hide/change comments, title's navigation, etc if you want to change the defaults. I made some minor changes to my gallery such as hiding the commenting section, not displaying the image names, etc.
That's it. It's pretty flexible. Let me know if you have additional questions...
Greg
The general concept I used was to take an existing page on my site to use as the basis for the template and insert the zenphoto code where I wanted the gallery to appear.
1. Create a new theme for your gallery:
- under the Themes folder, create a new folder for your theme and copy all the files from the default theme folder into it.
- Copy an html (or other) existing page from your current site into your new theme's folder. (call it index.html for this example)
2. Replace index.php, album.php, and image.php with new versions using your index.html page as the starting point.
- open your index.html file in an editor and copy the following code from the <head> section of index.php to the <head> section of your index.html file:
`<link rel="stylesheet" href="<?=$_zp_themeroot ?>/zen.css" type="text/css" />
<?php zenJavascript(); ?>`
- copy all of the code inside <div id="main"> from the index.php file into your index.html file wherever you want the list of photo albums to appear.
- save your index.html file as index.php in your theme's folder (replacing the original that you copied from the default theme.
- repeat that process to create new versions of album.php and image.php
3. Update Styles and Modify php code as desired:
- modify the styles in zen.css however you like to match the colors, etc of your site.
- Modify the php code in index.php, album.php, and image.php to show/hide/change comments, title's navigation, etc if you want to change the defaults. I made some minor changes to my gallery such as hiding the commenting section, not displaying the image names, etc.
That's it. It's pretty flexible. Let me know if you have additional questions...
Greg
Member
Member
To resize the thumbnails you need to edit the file <zp root>/zen/config.php
scroll down until you see the following:
`
$conf['thumb_crop'] = true;
$conf['thumb_crop_width'] = 85;
$conf['thumb_crop_height'] = 85;
$conf['thumb_size'] = 100;
`
Just edit those values. If you read the comments above that code, it'll explain [i]exactly[/i] what each one of those values do.
If you're talking about resizing the image when viewed from the gallery, take a look under the Image Processing heading of How ZenPhoto works.
scroll down until you see the following:
`
$conf['thumb_crop'] = true;
$conf['thumb_crop_width'] = 85;
$conf['thumb_crop_height'] = 85;
$conf['thumb_size'] = 100;
`
Just edit those values. If you read the comments above that code, it'll explain [i]exactly[/i] what each one of those values do.
If you're talking about resizing the image when viewed from the gallery, take a look under the Image Processing heading of How ZenPhoto works.
Member
Member
Hi Folks,
I followed greggreiner's instructions above, but with only limited success. I understand his instructions may be dated, but I tried to follow them as best I could with version 1.1.5.
I duplicated the "default" template folder and renamed it for my site.
Into that folder, I copied a blank page from my web site and created a starting template (index.htm).
I then copied the following code from the existing index.php into the <head> of my new index.htm:
` <link rel="stylesheet" href="<?php echo $zenCSS ?>" type="text/css" />
<?php printRSSHeaderLink('Gallery','Gallery RSS'); ?>
<?php zenJavascript(); ?>
`
I then copied the <div id="main"> ... </div> to body of my file.
I saved and renamed to index.php, overwriting the original.
Finally, I edited the theme.txt file to show a new name in Admin.
When I view the new file on my site, it appears that no CSS is being applied. A quick look at the source reveals:
`<link rel="stylesheet" href="" type="text/css" />`
It seems that $zenCSS is not being evaluated. Nor does it appear that any changes to the theme in Admin have any effect.
Any ideas on how to correct this? Sample pages are at http://matt.armbruster.org/test/galleries/zenphoto115/
Thanks!
I followed greggreiner's instructions above, but with only limited success. I understand his instructions may be dated, but I tried to follow them as best I could with version 1.1.5.
I duplicated the "default" template folder and renamed it for my site.
Into that folder, I copied a blank page from my web site and created a starting template (index.htm).
I then copied the following code from the existing index.php into the <head> of my new index.htm:
` <link rel="stylesheet" href="<?php echo $zenCSS ?>" type="text/css" />
<?php printRSSHeaderLink('Gallery','Gallery RSS'); ?>
<?php zenJavascript(); ?>
`
I then copied the <div id="main"> ... </div> to body of my file.
I saved and renamed to index.php, overwriting the original.
Finally, I edited the theme.txt file to show a new name in Admin.
When I view the new file on my site, it appears that no CSS is being applied. A quick look at the source reveals:
`<link rel="stylesheet" href="" type="text/css" />`
It seems that $zenCSS is not being evaluated. Nor does it appear that any changes to the theme in Admin have any effect.
Any ideas on how to correct this? Sample pages are at http://matt.armbruster.org/test/galleries/zenphoto115/
Thanks!
Member
OK, think I found the problem:
I also had to copy the very first 2 lines of the original files into my new template files before <html>:
`
<?php if (!defined('WEBPATH')) die(); $themeResult = getTheme($zenCSS, $themeColor, 'light'); $firstPageImages = normalizeColumns('2', '6');?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
`
Also note that the items in <head> and the <div id="main">...</div> are different for each of the index.php, album.php, and image.php files.
I also had to copy the very first 2 lines of the original files into my new template files before <html>:
`
<?php if (!defined('WEBPATH')) die(); $themeResult = getTheme($zenCSS, $themeColor, 'light'); $firstPageImages = normalizeColumns('2', '6');?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
`
Also note that the items in <head> and the <div id="main">...</div> are different for each of the index.php, album.php, and image.php files.