WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Code check for non-WP landing page (7 posts)

  1. amberm
    Member
    Posted 2 years ago #

    I've built 4 WP sites so far and my current client wants a large logo landing page that when clicked goes to the actual WP site. My limited prior use of WP led me to the decision to keep domain.com empty and to load WP in the sub folder /home.

    I've never written a page in html but did some research and accomplished this in textedit. I loaded it via FTP to the root but the only thing showing is the actual code when you visit the site. Can anyone take a peak at it and see if there is something wrong with the code I generated?

    Other issues may be:
    1. I'm using godaddy and they automatically loaded some files/folders onto the root. They are: favicon.ico, gdform.php, php.ini, webformmailer.php. Other than favicon.ico, do I need to keep these other folders?
    2. There were some folders that godaddy had loaded that I already deleted...and I can't remember what they were :( Maybe I deleted something important?
    3. I named my landing page index.html...will this conflict with my WP files?

    website is:
    http://www.marcusbirdwell.com

    Any help is appreciated!

  2. nickelmedia
    Member
    Posted 2 years ago #

    Looks like you used Cocoa HTML Writer but pasted the HTML in the visual view? Not sure as I've not used that application.

    Easiest thing to do is paste the following code into textedit and save it as index.html

    It's going to want to save it as a .txt or .rtf file, but you can override the suffix with .html and overwrite the file that you uploaded.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    
    </head>
    <body>
        <a href="http://www.marcusbirdwell.com" target="_blank">
    <img src="http://marcusbirdwell.com/home/wp-content/uploads/2012/08/1.jpeg" border="0" style="border:none; max-width:100%;" alt="Logo" title="MarcusBirdwell" height="800px" width="1000px" />
    </body>
    </html>
  3. nickelmedia
    Member
    Posted 2 years ago #

    One other suggestion... the image file you are loading is 3MB which is massive. I would suggest sizing it down first in photoshop (or even Mac Preview if you don't have photoshop) to 800x1000. You'll cut the size down at least a third if not more.

    Even on my 40mbit connection it took a couple of seconds to load that image

  4. amberm
    Member
    Posted 2 years ago #

    Nickelmedia,
    Thank you for your response! I created the entire .html file in textedit and saved it as index.html, then uploaded via FTP.

    Any other thoughts?

    I will reduce the image size, great suggestion!
    Amber

  5. nickelmedia
    Member
    Posted 2 years ago #

    ok... I now know what cocoa html writer is. It's Apple screwing up your code!

    Here's how I got it to work using textedit. Paste the following into a new document in TextEdit

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    </head>
    <body>
    <a href="http://www.marcusbirdwell.com" target="_blank">
    <img src="http://marcusbirdwell.com/home/wp-content/uploads/2012/08/1.jpeg" border="0" style="border:none; max-width:100%;" alt="Logo" title="MarcusBirdwell" height="800px" width="1000px" />
    </body>
    </html>

    Then, choose Format > Make Plain Text

    Now save as index.txt

    Find the file you just saved and rename it to index.html (it will ask if you want to keep .txt but choose Use .html)

    Before you upload this file, double click it and it should open a browser and show you exactly what it will look like on the web. Upload this file to FTP if it looks correct.

  6. amberm
    Member
    Posted 2 years ago #

    That worked!
    Thank you very much!

    The image appears on the left on the screen. I'm guessing I need to add a style sheet in order to move it to the middle?

    This is my first project writing so much of my own code, it's very exciting :)

  7. nickelmedia
    Member
    Posted 2 years ago #

    Have a look here for different examples of centering.

    W3C

    Best of luck!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.