• 0

WordPress Watermark Plugin?


Question

I'm trying to use a watermark that automatically adds the watermark image to the bottom of a post thumbnail automatically. I don't want it added on the image, but I want slapped right under it. Like 9GAG! :)

Anyone know anything about this?

Link to comment
Share on other sites

24 answers to this question

Recommended Posts

  • 0

Use CSS then.

.ImageDIv
{
position: relative;
}

.Image
{
padding-bottom:10px;
}

.Watermark
{
position: absolute;
bottom:0px;
right:0px;
}

I already have that by doing this:


#left .crop {
display: block;
overflow: hidden;
margin-top: -40px;
text-align: center;
}

#left .crop img {
margin: 40px auto 0;
}

But I'm aiming for a WordPress PHP plugin that creates the watermark automatically. Not like Watermark reloaded though, because I don't wanted added on top of the image, but right under.

Link to comment
Share on other sites

  • 0

You don't need a plugin. A watermark is embedded in the image, where yes you'd need a plugin to do it.

Just add the code in between the loop where you get the post thumbnail.

What you want to do isn't really a job for a plugin, more of a theme feature.

Link to comment
Share on other sites

  • 0

I already have that by doing this:


#left .crop {
display: block;
overflow: hidden;
margin-top: -40px;
text-align: center;
}

#left .crop img {
margin: 40px auto 0;
}

But I'm aiming for a WordPress PHP plugin that creates the watermark automatically. Not like Watermark reloaded though, because I don't wanted added on top of the image, but right under.

http://php.net/manual/en/book.image.php

That has all you need to make said plugin.

Link to comment
Share on other sites

  • 0

http://php.net/manua.../book.image.php

That has all you need to make said plugin.

It'll only just tell me the same thing Watermark Reloaded does in that manual.

I've had the pro version of Watermark Reloaded before, and it only adds the watermark on top of the image. I want it added under, just like 9GAG where it can be hidden until someone tries to take the image.

Link to comment
Share on other sites

  • 0

Do you want the watermark to still be a part of the image, just under it instead of overlaying it?

Link to comment
Share on other sites

  • 0

http://wordpress.org/extend/plugins/hotlink2watermark/

Do you want the watermark to still be a part of the image, just under it instead of overlaying it?

I think what they are looking for is a plugin that will not have a watermark on the image until it is either saved onto the client machine or linked out to another page. So on their own website it is not intrusive however, if you steal the image it will have a watermark.

Link to comment
Share on other sites

  • 0

Do you want the watermark to still be a part of the image, just under it instead of overlaying it?

I do, I don't want them separated. Check out the site http://wtfyo.com. That's what I'm working on. If you move or take the image to the desktop, you'll see the image, but that's only because I photoshopped that watermark on there and CSS'd it to be 40 pixels hidden by overflow & margin.

Another thing is, not only can there be uploads within the dashboard, I have to make sure this function works in a custom upload page.

Link to comment
Share on other sites

  • 0

Ok. So you want something like this: http://myers.in/testing/test.php but without the fading?

And then you can just set a containing div to the correct height with overflow:hidden; to make it appear as if there were no watermark.

YES! That's what I want! :D Of course, without the fade haha. I say built in instead of uploading with the watermark is much better and I can prevent images from being linked outside with .htaccess I suppose. :)

Link to comment
Share on other sites

  • 0

Alright. That's easy enough to do, but it will take a little bit of work to add compatibility for more than just '.jpg' images. What kind of images will you be displaying (.png, .jpg, etc.)? Also, if you could post a bit of the code where your image handling is done, that would be very helpful.

Link to comment
Share on other sites

  • 0

Alright. That's easy enough to do, but it will take a little bit of work to add compatibility for more than just '.jpg' images. What kind of images will you be displaying (.png, .jpg, etc.)? Also, if you could post a bit of the code where your image handling is done, that would be very helpful.

For now, just png & jpg. This is running on WordPress, so the image source is ran from <?php the_post_thumbnail('full'); ?>. But I can get just the post thumbnail url instead of the <img> tag that it creates.

Link to comment
Share on other sites

  • 0

Well, this is probably something you would want to happen to the image as soon as it's uploaded. If it's just png and jpg, it shouldn't be very difficult at all, but I actually meant the code that handles the upload, not the code that displays the image after it's uploaded. If you would rather do this to the image per request, that is possible as well, but not as clean...

Link to comment
Share on other sites

  • 0

Well, this is probably something you would want to happen to the image as soon as it's uploaded. If it's just png and jpg, it shouldn't be very difficult at all, but I actually meant the code that handles the upload, not the code that displays the image after it's uploaded. If you would rather do this to the image per request, that is possible as well, but not as clean...

This is what I'll be using, I used to have it fully modified. It's basically a plugin that utilizes the custom post type and whatnot for WordPress.

source.zip

Link to comment
Share on other sites

  • 0

Hm...what is the media_handle_upload() function in submit_user_images.php on line 171? I can't seem to find it and I believe that is where the image data is actually being handled.

Link to comment
Share on other sites

  • 0

It'll only just tell me the same thing Watermark Reloaded does in that manual.

I've had the pro version of Watermark Reloaded before, and it only adds the watermark on top of the image. I want it added under, just like 9GAG where it can be hidden until someone tries to take the image.

You know what the actual idea of programming is, right? You learn how to code and make things do what you want. You seem to do the hacking idea, well not even that actually - more 'what I needs exist, I do not need to know how it works and cannot make any of it myself'... You will not get far like that in programming at all, in fact if you take a course in programming you'd fail the first test and be kicked out.

Bad programmers copy and paste.

Good programmers write their own code.

Great programmers write their own code, and recheck it and search/plan for areas that might have problems.

Programmers that are the bad link in companies and leave large gaping security holes and broken sites/features are those that don't even know what they're doing, and right now you fit into this category.

Making the watermark appear below the image on something that it overlays over the top is so simple that if you read the PHP GD guide (if you haven't then you shouldn't be doing ANY manipulation of images at all in PHP) it'd be probably 2 lines of code that you'd change in the whole thing, and you'd know exactly what lines to search for too.

Link to comment
Share on other sites

  • 0

Hm...what is the media_handle_upload() function in submit_user_images.php on line 171? I can't seem to find it and I believe that is where the image data is actually being handled.

The image handles are still worked through WordPress' core. That's where I'd have trouble too.

Function: http://codex.wordpress.org/Function_Reference/media_handle_upload

You know what the actual idea of programming is, right? You learn how to code and make things do what you want. You seem to do the hacking idea, well not even that actually - more 'what I needs exist, I do not need to know how it works and cannot make any of it myself'... You will not get far like that in programming at all, in fact if you take a course in programming you'd fail the first test and be kicked out.

Bad programmers copy and paste.

Good programmers write their own code.

Great programmers write their own code, and recheck it and search/plan for areas that might have problems.

Programmers that are the bad link in companies and leave large gaping security holes and broken sites/features are those that don't even know what they're doing, and right now you fit into this category.

Making the watermark appear below the image on something that it overlays over the top is so simple that if you read the PHP GD guide (if you haven't then you shouldn't be doing ANY manipulation of images at all in PHP) it'd be probably 2 lines of code that you'd change in the whole thing, and you'd know exactly what lines to search for too.

Can you stop? Honestly, if this was plain PHP, I'd honestly work a little harder on it because It's more natural to code on, but this is WordPress, I have to comply with the core functions, nevertheless the security I have to ensure. I have priorities right now to build off what I can until I can refine what's most suitable for me.There's a reason why there's a community of developers. Real programmers help each other out.

Link to comment
Share on other sites

  • 0

but this is WordPress, I have to comply with the core functions, nevertheless the security I have to ensure. I have priorities right now to build off what I can until I can refine what's most suitable for me.There's a reason why there's a community of developers. Real programmers help each other out.

You've listed 2 WP plugins that do it but don't position it correctly, I've linked you to the OFFICIAL PHP guide for how images are manipulated in PHP, if you had any clue about PHP you'd be able to read it and notice that you need to alter a few lines in the existing plugins to get what you want, it is NOT HARD, in fact it's VERY basic PHP-GD, the functions to search for are all listed on the page.

Don't say it's because it's wordpress, you can't do it when a simple solution exists. Try the simple solution instead of repeatedly bashing it and you might learn some PHP in the process.

EDIT: In fact, the http://wordpress.org...rmark-reloaded/ plugin which was mentioned previously says it can already do this;

'Watermark outside picture'.

Link to comment
Share on other sites

  • 0

You've listed 2 WP plugins that do it but don't position it correctly, I've linked you to the OFFICIAL PHP guide for how images are manipulated in PHP, if you had any clue about PHP you'd be able to read it and notice that you need to alter a few lines in the existing plugins to get what you want, it is NOT HARD, in fact it's VERY basic PHP-GD, the functions to search for are all listed on the page.

Don't say it's because it's wordpress, you can't do it when a simple solution exists. Try the simple solution instead of repeatedly bashing it and you might learn some PHP in the process.

The process is to add the watermark UNDER the image which creates a new size. Those plugins are just offset alignments. There are people who learned PHP through WordPress and the help of of programmers. Sometimes the book is just not quick enough.

Link to comment
Share on other sites

  • 0

You've listed 2 WP plugins that do it but don't position it correctly, I've linked you to the OFFICIAL PHP guide for how images are manipulated in PHP, if you had any clue about PHP you'd be able to read it and notice that you need to alter a few lines in the existing plugins to get what you want, it is NOT HARD, in fact it's VERY basic PHP-GD, the functions to search for are all listed on the page.

Don't say it's because it's wordpress, you can't do it when a simple solution exists. Try the simple solution instead of repeatedly bashing it and you might learn some PHP in the process.

EDIT: In fact, the http://wordpress.org...rmark-reloaded/ plugin which was mentioned previously says it can already do this;

'Watermark outside picture'.

You do realize that's a "To-Do" list, right?

Link to comment
Share on other sites

  • 0

Hm...what is the media_handle_upload() function in submit_user_images.php on line 171? I can't seem to find it and I believe that is where the image data is actually being handled.

*slaps self*

Apologies for not reading right.

So I revised the upload function so that it will directly post to the main taxonomies, additionally making them only pending so I can decide whether it's good or not. it utilizes the media function just like Watermark reloaded, so I think the upload & merge function will come pretty handy. :)

upload.zip

Link to comment
Share on other sites

This topic is now closed to further replies.