1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Make homepage 1 image only

Discussion in 'Web Design' started by keysikg, Feb 20, 2013.

  1. keysikg

    keysikg Regular Member

    Joined:
    May 16, 2012
    Messages:
    445
    Likes Received:
    224
    How can I make my wordpress page to be just 1 image? I don't want any widgets,toolbars etc... I only want image across whole page without any function, I need this for CPA, as landing page. Thanks.
     
  2. ContentLockPro

    ContentLockPro Power Member Premium Member

    Joined:
    Nov 7, 2012
    Messages:
    723
    Likes Received:
    129
    Just edit your index.php either manually by downloading it from your theme folder or through Appearance > Editor and replace everything with a html snippet that shows your image. It's really very straightforward if you know basic HTML. If you don't then hire a freelancer to do it for you for $5.
     
  3. innozemec

    innozemec Jr. VIP Jr. VIP

    Joined:
    Aug 19, 2011
    Messages:
    5,289
    Likes Received:
    1,799
    Location:
    www.Indexification.com
    Home Page:
  4. ContentLockPro

    ContentLockPro Power Member Premium Member

    Joined:
    Nov 7, 2012
    Messages:
    723
    Likes Received:
    129
    Yeah that's a good point actually lol. Didn't think of it when I first replied him.

    For a 1-image page you need an index.html file with exactly 6 rows of content :p
     
  5. innozemec

    innozemec Jr. VIP Jr. VIP

    Joined:
    Aug 19, 2011
    Messages:
    5,289
    Likes Received:
    1,799
    Location:
    www.Indexification.com
    Home Page:
    lol, sometimes the easiest solution is the last solution one comes up with :)

    and actually it can be just 1 line of code, a simple A and IMG tag..nothing else is needed
     
  6. keysikg

    keysikg Regular Member

    Joined:
    May 16, 2012
    Messages:
    445
    Likes Received:
    224
    Okay, I figured out how to make image to show, but it isn't showing on whole page. How to make it to be fullwidth?
     
  7. Monkshood

    Monkshood Newbie

    Joined:
    Feb 24, 2013
    Messages:
    11
    Likes Received:
    8
    If you wanted the image to stretch to 100% of the browser window you could put some CSS inside the STYLE attribute on your IMG tag. The height should scale proportionally with the width. Be sure to remove any existing height and width attributes from the IMG otherwise they may conflict with that CSS.

    Code:
    <img src="xxx" style="width:100%;" />
    
    Hope this helps.
     
  8. karthimx

    karthimx Newbie

    Joined:
    Aug 17, 2009
    Messages:
    37
    Likes Received:
    3
    Occupation:
    Web Designer
    Home Page:
    you can do it in 2 ways

    one as mentioned above
    Code:
    <img src="abc.jpg" width="100%" />
    or

    Make you image as background of div tag and use css to repeat image , this way loading will be quick.