Wordpress masters - How to embed graphics

9 replies
I'd like to embed a wee graphic on the front page of my Wordpress blog and have it stay there and not get pushed down when new posts are made.

I assume I can build the graphic in Photoshop, upload it to my ftp but then how do I enter the code in Wordpress that tells WP where to display the item?

Thanks
MIke
#embed #graphics #masters #wordpress
  • Profile picture of the author blokh
    I would say you can write a post, paste the graphic in it using <img src="...path_to_graphic" border=0> and Sticky that post on homepage. After that all the posts you write will be posted below it ... I might be a little confused but you can do this in Drupal and I think - in Wordpress too ... will check and confirm.
    Signature

    Raakesh (Blokh)
    Raakesh.com - My Web Presence. All about me and my products.
    LongTailMagic.com - Analytics Software helps you track actual search terms and other visitor information.
    InstantLP.com - Generate high Quality Score landing pages with just a few clicks.

    {{ DiscussionBoard.errors[236199].message }}
  • Profile picture of the author patJ
    Where do you want it to be displayed exactly? Above your posts? In the header?

    You will most likely have to edit your theme files for this.
    Signature

    Elegant, simple and clean Landing Page Templates for just $7.

    {{ DiscussionBoard.errors[236202].message }}
    • Profile picture of the author Mike Murphy
      "Where do you want it to be displayed exactly? Above your posts? In the header?"

      I'd like to post it below the header graphic but above the post on the main page. It will be a search box with a colored background and a clickable link box
      Signature
      Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
      {{ DiscussionBoard.errors[236363].message }}
    • Profile picture of the author Mike Murphy
      Seems when I enter HTML, save the post and then publish it, it just shows up on the blog as it was typed. No graphic shows up....
      Signature
      Guitar PLR - New MONSTER Guitar Video PLR Pack![LIMITED]
      {{ DiscussionBoard.errors[239062].message }}
  • Profile picture of the author Hendry Lee
    You have to edit header.php or index.php, depends on where you want the image to appear. If you want it in post specific page, take a look at page.php (for page) or single.php (for post)

    The great thing about WP is, you don't have to be a master to be able to insert graphics.

    Creating a sticky post with only the image is another way, but you will have the title, meta data and other information there.
    {{ DiscussionBoard.errors[236203].message }}
  • Profile picture of the author JonathanBoettcher
    yeah... use the code that blokh is talking about but you'll need to edit your wordpress index.php template. If you click on Design > Theme Editor, and bring up the index code, then you can add it in there.

    If you're going to be playing around with this code I'd recommend copying it to a text file first so you've got a backup. Then you can always fix it if you break it by accident. =)
    Signature
    {{ DiscussionBoard.errors[236204].message }}
  • Profile picture of the author mookinman
    Jonathan's right - make sure you back up the theme code before you start tampering with it. Once you get to grips with the theme editor you can do wonderful things! For example, put an "addthis" button in the code so it appears on every page.

    I love wordpress!
    {{ DiscussionBoard.errors[236212].message }}
  • Profile picture of the author write-stuff
    I've never used Wordpress, but if it takes normal html, here's a > cheatsheet < you can use. Even though it says Squidoo, you can user it pretty much anywhere including blogs. Just copy/paste and swap out your text. I also have a version that automatically copies to your clipboard without going through the highlight-then-copy routine. PM if you want that.
    {{ DiscussionBoard.errors[236508].message }}
  • Profile picture of the author TheRichJerksNet
    Show above your post on main ..

    Edit theme (make backup first) - Edit the index file and include the following

    HTML Code:
    <img src="http://www.articleproductions.com/images/ap-logo.png">
    Replace with your url and the location of the image. Using this code will show a image just like this:



    James
    {{ DiscussionBoard.errors[239140].message }}

Trending Topics