6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

adding html to Wordpress?? How do you do it please?

by jennyuk
5 replies
Morning from the UK,

My new years resolution is to learn Wordpress (yeah I know I'm probably the last)

I have been studying it but I can't find anywhere the answer to what I thought should be a simple question.

How do I add some html - to show an image or and opt in form or something.

I am confident doing this with a 'normal' website - I just go into the source code in my web editor and paste in the html.

But how do you do this with a Wordpress skin?

Thank you for your help everyone.

Jenn x (PS it's minus 7 here in the UK)
#adding #html #wordpress
  • Profile picture of the author MikeWords
    You can customize alot of the html/css within the design editor, which you can access when you log into the admin page.

    It still can be confusing and frustrating at first if you dont know a little about how php works. There's a great post by smashing magazine that can guide you through all of it, but I cant post links here yet.

    Message me or search for it.
    {{ DiscussionBoard.errors[397472].message }}
  • Profile picture of the author Jenni Mac
    Hi Jenny

    A quick way is to use a widget in the sidebar or switch to the HTML view when you're writing a post or a page and then you just drop the code where ever you need it to show up.

    hope that helps
    {{ DiscussionBoard.errors[397473].message }}
  • Profile picture of the author Recruitment Nick
    Originally Posted by jennyuk View Post

    Morning from the UK,

    My new years resolution is to learn Wordpress (yeah I know I'm probably the last)

    I have been studying it but I can't find anywhere the answer to what I thought should be a simple question.

    How do I add some html - to show an image or and opt in form or something.

    I am confident doing this with a 'normal' website - I just go into the source code in my web editor and paste in the html.

    But how do you do this with a Wordpress skin?

    Thank you for your help everyone.

    Jenn x (PS it's minus 7 here in the UK)
    one of two areas. first is as a 'widget' just add a text widget in the widget section... then open up the text box and add your html code. this will add what you want to your sidebar

    or in the source code section (struggling for its real name, design editor maybe) right below widgets in the wordpress dashboard (on the left). there you can add it in manually to the sheet most suitable. sheets vary from theme to theme but header/footer/body etc are usually there

    hope that helps

    nick

    (in wales where it is also blasted freezing)
    {{ DiscussionBoard.errors[397474].message }}
    • Profile picture of the author koolphoto
      If you want to add html to a text or post. Navigate to the Write Post tab in the Admin area. On the upper right side of the editor you should see two tabs. The tabs usually default to "Visual". Just click on "HTML" and you will access the html editor. Insert your html to the post or page copy this way.

      To add html to your sidebar the easiest way is to use the widget feature. When you use the sidebar widgets the sidebar will be empty until you add a widget. Pick the widgets you want on the sidebar like archives, links, categories etc. To add html like a form or a banner you pick a text widget and put the html code in there.

      If you want to add it directly to the theme code, then you need to find the sidebar and open it. You can then add the html code wherever you want to show. If you want to remove an item from the sidebar I tend to comment them out to test by using <!-- --> or /* */ . This is code that developers use that will make the html not show in the browser. Always make a backup of the file you are editing in case you make a mistake.
      Signature

      My name is Ken Katz and I am a Web Designer and Photographer. My motto: "If you really want to do something, you'll find a way. If you don't, you'll find an excuse." -Jim Rohn

      Celebrity Portrait Photgapher - My Photography Portfolio.

      {{ DiscussionBoard.errors[398392].message }}
      • Profile picture of the author Peter Burke
        Hi Jenny

        Coolphoto has it right.

        You just go into posts. You then will see two tabs. One for code and the other one says html.

        The html tab is a WYSIWYG (What You See Is What You Get) editor and will code your html for you.

        All you have to do is highlight the text for example and press the icon i.e. for increasing text size and colour etc.

        If you are unsure just 'hover' over the little icons and a description of the function will come up.

        Regards


        Peter
        {{ DiscussionBoard.errors[398889].message }}

Trending Topics