Tag Archives: zenphoto

Adding ads to existing theme

No, I haven’t fallen off the face of the earth (if anyone was wondering, which you probably weren’t – but in case you were). I’ve just been busy with life and everything that comes along with. That said, my project of redesigning the site has not completely left me. So here I am – long after the last, to continue on!

index-img-themes

Here you can see the index.php from my themes folder. My goal is to first make room for my ads. About half way down you will see a div with the id class of “padbox”. I’m gonna start there and see what the page does when I toss responsive ad code in there:index-img-themes2
*as always, make a copy of your index.php before editing and uploading just in case everything goes wrong – I also added a line of code near the closing body tag – *

index-img-themes3

index-img-themes4

So now our index.php has a couple of ads on it. Make sure to also edit the album.php, image.php and search.php. At this point, my goal is to just get my ads on the page as well as my analytics code. Lets go ahead and toss that in too between the opening & closing head tag.

Once I get these in line, I will focus in on the actual css to restyle the page – but for now I’m just trying to get some of my usually-forgotten basics in.

It’s almost overwhelming to think about the gallery page as a whole right now. No new pictures have been added, most of them still need edited through the zenphoto admin control panel (description, name, tags, etc). So much to do, so little time. Now I gotta go the the grocery store, so I’ll shoot another update at a later time. Sorry for the seemingly dragging of my feet – it’s not intentional!

Side note: this is not exactly where I wanted to end, but this is the progress I’ve made in the last half hour. Busy, busy, busy!

Advertisement

Zenphoto: playing around with the css

So I have used gallery3 project as my gallery portal since 2013, though
the developers have stepped back from it and I was left reluctantly
dragging my feet to find a new method for displaying the gallery section
of soft-graphix.

Zenphoto is an option on my host, and after a quick bit of research, I
decided to give them a try. Reviews looked promising, the community was
active and there are some nice examples of what their gallery is capable
of. In fact, the more I use it, the more excited I am about using it
(although at this point, I’m knee-deep in migrating the existing files
from the gallery3 project to zenphoto – that and my daily life leaves me
with very little time!).

So this post is primarily my learning process in minor css editing to
change the general look of my new gallery page. First, it should be
noted that I copied the default theme page (make sure you activate this theme in http://YOUR-WEB-SITE.com/zp-core/admin-themes.php); we’ll be working off of that.

Here’s a snippet of code from the index.php file:
========================================================

<body>
<?php zp_apply_filter(‘theme_body_open’); ?>

=========================================================
The css for this is located in:
/clickandbuilds/ZenPhoto/themes/YOUR FOLDER*/styles
In my case, “YOUR FOLDER” is copy_of_default

zenphoto-folder

I’m using the default light.css theme. Here’s the default style for:

#main {
text-align: left;
margin: 20px auto;
width: 685px;
background: #fff;
padding: 20px 30px 70px;
border-top: 1px solid #E6E6DF;
border-right: 1px solid #E6E6DF;
border-bottom: 5px solid #E6E6DF;
border-left: 1px solid #E6E6DF;
}

orig-gallery
==========================================================

Lets see what happens when we change the width:
#main {
text-align: left;
margin: 20px auto;
width: 100%;
background: #fff;
padding: 20px 30px 70px;
border-top: 1px solid #E6E6DF;
border-right: 1px solid #E6E6DF;
border-bottom: 5px solid #E6E6DF;
border-left: 1px solid #E6E6DF;
}

100percent
==========================================================

Awesome. So I have located the css to make style changes. At this point, I’m going to end this post (and hopefully remember to continue to the next step) and eat dinner.

My next step is actually going to be to head back to step one and start fresh on ANOTHER complete over-do of my main page as well as continue down the path of migrating images and adding title, tags & descriptions.

So here I leave it, a mess as usual. Setting a deadline for myself: have site redone by this weekend, including styling new gallery page.