Jump to content



Photo

WordPress Watermark Plugin?

php

  • Please log in to reply
24 replies to this topic

#1 Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 01 February 2013 - 11:47

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?


#2 n_K

n_K

    Neowinian Senior

  • Tech Issues Solved: 3
  • Joined: 19-March 06
  • Location: here.
  • OS: FreeDOS
  • Phone: Nokia 3315

Posted 01 February 2013 - 11:54

Use CSS then.
.ImageDIv
{
position: relative;
}

.Image
{
padding-bottom:10px;
}

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


#3 OP Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 01 February 2013 - 12:11

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.

#4 +Lingwo

Lingwo

    Neowinian Senior

  • Tech Issues Solved: 1
  • Joined: 22-April 03
  • Location: UK

Posted 01 February 2013 - 12:15

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.

#5 n_K

n_K

    Neowinian Senior

  • Tech Issues Solved: 3
  • Joined: 19-March 06
  • Location: here.
  • OS: FreeDOS
  • Phone: Nokia 3315

Posted 01 February 2013 - 12:29

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.

#6 Geoffrey B.

Geoffrey B.

    LittleNeutrino

  • Tech Issues Solved: 6
  • Joined: 25-July 05
  • Location: Newark, Ohio
  • OS: Windows 8.1
  • Phone: Nokia Lumia 928

Posted 01 February 2013 - 12:45

http://wordpress.org...rmark-reloaded/

#7 OP Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 01 February 2013 - 13:21

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.

http://wordpress.org...rmark-reloaded/


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.

#8 palenous

palenous

    Neowinian

  • Joined: 19-January 13
  • Location: Ohio, United States
  • OS: Windows 7 Ultimate
  • Phone: Samsung Galaxy SIII (Verizon)

Posted 01 February 2013 - 13:35

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

#9 Geoffrey B.

Geoffrey B.

    LittleNeutrino

  • Tech Issues Solved: 6
  • Joined: 25-July 05
  • Location: Newark, Ohio
  • OS: Windows 8.1
  • Phone: Nokia Lumia 928

Posted 01 February 2013 - 13:47

http://wordpress.org...link2watermark/

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.

#10 OP Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 01 February 2013 - 13:47

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.

#11 palenous

palenous

    Neowinian

  • Joined: 19-January 13
  • Location: Ohio, United States
  • OS: Windows 7 Ultimate
  • Phone: Samsung Galaxy SIII (Verizon)

Posted 01 February 2013 - 14:06

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.

#12 palenous

palenous

    Neowinian

  • Joined: 19-January 13
  • Location: Ohio, United States
  • OS: Windows 7 Ultimate
  • Phone: Samsung Galaxy SIII (Verizon)

Posted 01 February 2013 - 14:18

Fixed the fading issue: http://myers.in/testing/test.php

#13 OP Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 01 February 2013 - 14:20

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. :)

#14 palenous

palenous

    Neowinian

  • Joined: 19-January 13
  • Location: Ohio, United States
  • OS: Windows 7 Ultimate
  • Phone: Samsung Galaxy SIII (Verizon)

Posted 01 February 2013 - 15:01

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.

#15 OP Mr.XXIV

Mr.XXIV

    Shine bright like Iron Man.

  • Tech Issues Solved: 1
  • Joined: 30-April 11
  • Location: Durham, North Carolina
  • OS: OS X Mountain Lion 10.8.5
  • Phone: iPhone 5

Posted 01 February 2013 - 15:09

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.



Click here to login or here to register to remove this ad, it's free!