WordPress.org

Ready to get started?Download WordPress

Forums

Writr
Newbie-social icons and widgits (5 posts)

  1. khaugrud
    Member
    Posted 2 months ago #

    When I am on my homepage freelancewritermn.com I have my widgits on the side. I don't know how to set it up so that when I click on a widgit, it takes me where I want to go (like to the homepage or to the blogs.) I'm so new to this and have learned a lot but I don't know the best way to set this up. Should I even have those widgits on the side?
    In addition, I have a box that says, "help a gal out" with the social icons in it. I like the box, but again, don't know how to just click on one of those icons and have it take me where I want to go.

    Help a wordpress kindergartner?

    Kathryn

  2. designsimply
    Member
    Posted 2 months ago #

    I have my widgits on the side. I don't know how to set it up so that when I click on a widgit, it takes me where I want to go (like to the homepage or to the blogs.)

    Maybe instead of widgets, you mean a menu? If you publish additional pages, they should show up in the sidebar on the left next to where "Home" appears now.

    Try adding a new page from the dashboard using the menu on the left to see what I mean.

    I'm so new to this and have learned a lot but I don't know the best way to set this up.

    Welcome!

    Should I even have those widgits on the side?

    That's totally up to you! Widgets can be fun and add interest. :)

    I have a box that says, "help a gal out" with the social icons in it. I like the box, but again, don't know how to just click on one of those icons and have it take me where I want to go.

    I looked at http://www.freelancewritermn.com/ and I see a box at the bottom left that says, "Connect to the Web." Is that where you're trying to put the icons?

    One common way to do that is to use a text widget and add some HTML to display social media icons you have uploaded into your blog dashboard media library. However, another way would be to use a plugin. I found one that looks like it might be just what you're looking for:
    https://wordpress.org/plugins/social-media-icons-widget/screenshots/

    To install that plugin, go to your dashboard, click the Plugins option on the right, click Add New at the top, search for "Social Icons Widget", and click install now next to the search result for that widget—there is more than one so make sure you get the one by Dan Nisbet. Click Activate Plugin.

    Once it has been installed, you should be able to go to Appearance > Widgets and drag the "Social Icons" one on the left to one of the widget areas on the right and add in your social media links from there.

  3. khaugrud
    Member
    Posted 2 months ago #

    Thanks for your help DesignSimply! I guess I need to clarify some things now that you pointed them out. Aaack - I HATE not knowing what I'm doing! :)
    On the ABOUT ME page, there is a box at the bottom with a bunch of social icons and it says, "Help a gal out". Was I drunk when I added that because I honestly don't even remember?! (JK about the drunk part. Totally serious about the don't remember part.)
    How do I move that to my home page or make sure it shows up on all pages? Also, does my face on the left have to show up on each page? Is that just a function of the theme or is there a way to only have my picture on some pages and not on others?

    Thanks again!

  4. On the ABOUT ME page, there is a box at the bottom with a bunch of social icons and it says, "Help a gal out".

    How do I move that to my home page or make sure it shows up on all pages?

    Sure - you can take flip to Text view while editing that page and copy out the HTML code from that, and put it into a Text widget in your sidebar.

  5. Also, does my face on the left have to show up on each page? Is that just a function of the theme or is there a way to only have my picture on some pages and not on others?

    While the theme is designed to show it on every page, you can use custom CSS to hide it on some pages, posts, or types of pages - i.e. all blog posts, or all tag or category archives, etc.

    For example, to remove your photo from the Clips page, which has the post ID 119, you'd add this CSS:

    .page-id-119 .site-logo {
     display: none;
    }

    You can get the ID for each page or post by looking in the URL while you're editing the page in the dashboard. You can also see it as a class on the body tag while viewing the browser source on that page.

    For example, this is what the body tag looks like on the Clips page:

    <body class="page page-id-119 page-template-default custom-background color-scheme-blue sidebar-closed">

    Don't edit the theme files directly, otherwise your changes will be overwritten when the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You'll then add your custom CSS in the new stylesheet editor that'll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

Reply

You must log in to post.

About this Theme

About this Topic