PDA

View Full Version : how do I integrate pixelpost into my wordpress?


prince_lemon
07-02-2005, 01:30 AM
Examples: http://drizzit.dr.funpic.de/ and
http://www.bazarow.de/blogg

When you click on the gallery section, it integrates smoothly into the wordpress theme.

I think I got the Wordpress part of it figured out. I created the wordpress template, which I called Photo and created a new Page with that template. Right now the only thing in there is the header and footer.

I think this is the right step.

I just need to know how to put the pixelpost code into my wordpress template.

What part of the code do I need to bring over? Inside the pixelpost code are the template tags which can't be used from where it is. My Wordpress folder and theme is located in /public_html/blog/wp-content/themes/mx4/ and my pixelpost is located in /public_html/blog/gallery/ so I can't use those template tags.

Suggestions, tips, and help would be appreciate. I'm a novice by the way.

Thanks.

raminia
07-02-2005, 07:12 AM
yes!

Try these stuff: (actually I wrote them and I'm unsing the first at my weblog.raminia.com)

1) wordpress plugin
http://weblog.raminia.com/wp-hacks

2) PP addon
http://www.pixelpost.org/forum/viewtopic.php?t=1115

prince_lemon
07-02-2005, 03:23 PM
Thank you for the reply.

The PP addon link is down; it redirects me to another page.

Hopefully that is the answer I'm looking for.

I looked at the example pages I provided and noticed something, so I have gone ahead and made the same changes to mine.

Is it possibe to put the wordpress tags <?php get_header(); ?> and <?php get_footer(); ?> in the image_template.html in pixelpost templates?

raminia
07-02-2005, 08:51 PM
- the links are working.
- I use http://weblog.raminia.com/wp-hacks/
- no u can't use wp stuff in pixelpost or vice vera without connecting to db and things like that.

prince_lemon
07-03-2005, 01:33 AM
I was hoping there would be an easier way to put the wordpress theme around pixelpost like the examples I provided in my first post. I guess there wasn't.

I actually gone ahead and just looked into the code and brought over what I could.

And the result was a success!!!!!

I'm so proud of myself. Even though it is basically cut and paste, I learned alot into looking into the code.

Thanks.

raminia
07-03-2005, 05:50 AM
what did you do? what's the result?

spacefrog
07-03-2005, 07:55 AM
yes, this would be interesting for me, too!
i'm currently trying to integrate wordpress into pixelpost/pixelpost into wordpress :D

prince_lemon
07-03-2005, 03:31 PM
I'll be glad to share all I can because it was hard for me to find the answer as well. I hope someone can make something so it is easier to integrate the wordpress themes together. I'm a huge novice when it comes to this btw. When I'm done writing, maybe someone might find an easier way to do this or probably make it better to understand.

This is my blog site .... As you can see, when you go into the photo section, the main theme just wraps around pixelpost. Before that, it was only the pixelpost light theme and that wouldn't do it for me. I wanted consistency throughout the whole site, so I tried what I could.

From the beginning, the photo page would never work and sometimes come up with errors 'cause I was experimenting to see if some of the stuff I was trying works. Nope. Then I looked at the code from my MX4 theme and just tried to bring it over to the theme template in pixelpost. It just all started with trial and error then slowly got the hang of it.

For reference, I used the MX4 theme http://www.mx4.info/devblog/. All themes might be setup differently.

I downloaded the image_template.html, browse_template.html and pixelpost-light.css onto my computer to edit it. I didn't need the referers so I didn't make any changes to the referer_template.html, and commented out anything in the image_template.html that mentions referers. <!-- this is comment -->

In your wordpress admin area, go into the presentation tab and into theme editor. Go into the header template and copy the body{..}, #page{..}, #page{..}, #header{..}, and #footer{..} and paste it into the <style></style> section of the image_template.html. You'll probably need to put the style tags yourself. In my MX4 theme it had <style type="text/css" media="screen"> .. </style>, so I copied that in as well. You'll need to remove ANY wordpress template tags. In body, page, header, footer, etc, inside there might be <?php bloginfo('stylesheet_directory'); ?> remove anything like these. I also copied the MX4's image folder into the pixelpost-light theme folder. In the URL of body, #page, #page, etc, , type in the address of your MX4 theme images from the folder. (oh, I used Filezilla as the FTP client. Excellent program! And it's free!)

Now back to the header template in wordpress, copy the header and navigation parts under inside the <body></body> tags. You don't need all of it, just parts that deal with the header image and navigation bar. Don't forget to close the </div> tags appropriatele.

The footer is easier, go into the footer template in wordpress and copy the parts that you need in the footer template. Make the necessary changes that you desire. For me, I changed the part at the bottom to say powered by pixelpost.

**NOTE** In the wordpress code, you'll probable run into <?php bloginfo('name'); ?> and <?php echo get_settings('home'); ?>. The first one just gets your Page's name and the second one is the URL of the page. You'll need to remove these and manually put in the Name of your page and the site address. Just basic <a href="http ... "></a>

This is the easy part. Go into the stylesheet in wordpress theme editor and copy anything that says body, footer, page, header into the pixelpost-light.css stylesheet. Those are the main ones. But you're photo page just won't have the same style because you'll notice the font and and size are different. Look into all the things that you pasted into the image_template.html and find any tags like <a> <ul> < li> < h1> etc. (only the ones that you got from wordpress theme. Now just look for those in the stylesheet in wordpress, and copy them into the pixelpost-light.css stylesheet.

You do the same thing to the browse_template.html. Just copy the header and footer into it.

Finally, just make any minor changes to the image_template.html, and browse_template.html. For me, I took out the entire comment section. I wouldn't recommend deleting the section, just comment out the entire section with <!-- ... --> and put a note for yourself.

Hopefully that should cover most of it. I'll try and answer any questions.

raminia
07-03-2005, 06:18 PM
Raminia: Hi, I can't get the random image to show up. I get an error: Fatal error: Call to undefined function: show_random_pixelpost_thumbnail() in /home/ekjlcom/public_html/blog/wp-content/themes/mx4/sidebar.php on line 7

make sure tha you have dloaded the latest. function undefined means that the function declaration does not exist in the php file but it actually exist!

raminia
07-03-2005, 06:23 PM
@prince_lemon
What you did is to making same CSS for both your photoblog and your wordpress blog. You refer to this as an integration but I didn't understand what you mean at the first point.

Making same CSS for both could make them look alike. That's it.

prince_lemon
07-03-2005, 06:36 PM
lol I see. Well, that's why I'm a novice :wink:

raminia
07-03-2005, 09:18 PM
lol I see. Well, that's why I'm a novice :wink:
You have a nice website :wink:

btw, Did you succeed to show the random thumb?

prince_lemon
07-04-2005, 03:38 AM
Yes, thanks Ramania.

spacefrog
07-05-2005, 08:27 PM
the link to the addon is still down!
i need it, because the wp-plugins don't works at my blog (i don't know why).

raminia
07-05-2005, 08:33 PM
the link to the addon is still down!
i need it, because the wp-plugins don't works at my blog (i don't know why).
oh sorry I forgot to update the dload link there. I though you where looking for it on Pixelpost.org webiste. I edited the new address there and I'll put it here too:

Dload it from download section of pixelpost.org website:

http://www.pixelpost.org/v1/index.php?x=downloads&details=80 (temporary)
OR
http://www.pixelpost.org/index.php?x=downloads&details=80

spacefrog
07-06-2005, 02:14 PM
Thank you a lot, it works great! :D

>> http://www.sfrog.de

jeremycherfas
07-08-2005, 07:50 PM
Elvin

You've done a good job. I did the same kind of thing over at my WP blog and PP photoblog, just made the two of them look more or less identical. Now I'm not so sure, and I'm thinking of differentiating the photoblog more in future.

But my question: is the stretching vertically of your images deliberate? The thumbnails look fine, but this one http://blog.ekjl.com/gallery/index.php?showimage=18 is definitely not quite right.

gustiferjones
02-16-2006, 06:59 AM
Is there a way to integrate pixelpost, much like gallery2, into wordpress? I have migrated everything to wordpress cannot find a template/theme to allow for Pixelpost to integrate within it. My blog in question is located at: www.ariehsinger.com

GeoS
02-16-2006, 08:26 AM
There is always such option but the work which must be done sometimes isnt worth of it.
You must build new template which is similar to one of WordPress's templates.

vassalle
03-10-2006, 03:27 AM
hi.. im really new here, and to pixelpost. Ive seen the raminia plugin page and the instructions etc.
my question is, is there a way to like add a random image in wordpress to a pblog that is not hosted on the same server as my wordpress?
im still new to all these things, im just trying out free hosts which offer one mysql database per account.