link "Event" widget to "Event" page???
-
Dear WordPress folks,
In the sidebar, I want to add Events as a widget and link it to the “Event” page.
This way I can eliminate it from the header section. I’m having a lot o difficulty and cannot find any help in the forum support.
With regards,
JisenThe blog I need help with is: (visible only to logged in users)
-
Hi! Sure, this is pretty easy to do. For one, you could add a text widget to your sidebar –
http://en.support.wordpress.com/widgets/text-widget/
and use the following HTML code in it –
(You can leave out the title for the widget if you don’t want it to say anything.)
Your theme, Suits, does not support sidebar menus, so this is probably the best way to do it.
Hope this helps!
-
Sorry, I don’t understand. I see how I add a bit of text, then how does this “link” to the actual event “page?” I want the user to be able to click on the title or text and go directly to the actual “Page” in my website.
Would appreciate further help.
With regards,
Jisen -
Hey Jisen,
it’s quite straight forward.Just as lastnode was saying, please try these steps:
1. Go to Appearance -> Widgets.
2. Drag a text widget into your sidebar.
3. Copy and paste the HTML code from lastnode () into the text widget.
4. Save the text widget.
5. Open your site and enjoy the link in your sidebar.Best regards,
Jan -
No problem! Let’s break it down a little, shall we? The text I gave you above is HTML code. HTML is basically what web pages are written in, and your browser (Firefox/Chrome/IE) will read that code and output a link that can be clicked. :)
Basically, when you include that text in the widget, everyone will see it as a link that that reads Events and links to –
http://citydharma.wordpress.com/upcoming-events/
Here is a neat tutorial on HTML links if you’d like to learn more –
-
Thank you both so very much…it works well. I’d like the “link” to say “Upcoming Events” instead of just “events” How do I change this?
Again, I am very grateful for this help….as you can see I am quite new at all of this.
With warm regards,
Rev. Jisen -
Not at all, jisen3! Glad to help. :)
Modify the code as follows if you want the link to read Upcoming Events –
(You can just replace the old widget text with this new snippet, if that’s easier!)
-
Great! I think it’s working!!! If you look at my site, right below the one we are working on is a “Schedule.” Where do I go to write the HTML code for this? And do I use what you wrote instead above saying schedule? Please know that I could never have completed this without everyone’s help.
In gratitude,
Rev. Jisen -
Also, is there a way to highlight the word “Events” in color so that it stands out as a link to click on?
With blessings,
Jisen -
Sure, shall we try it in red? Here’s the code! :)
If you’d like to try other colours, just replace the #FF0000 in the above code block with any of the corresponding colour codes from this handy cheat sheet –
http://www.w3schools.com/cssref/css_colors.asp
However, it’s good to remember that this is a rather inelegant way to do things. If you’re going to be changing the look and feel of your site a lot, you may want to consider getting the Custom CSS upgrade for your account –
https://wordpress.com/products/custom-css/
It’s a much more sustainable way to make changes to your site’s design. Either way, good luck! :)
-
Sorry, I don’t understand how to apply this code. I’d like to change the color on the link word “Events” to gray. I look ed at the “handy cheat sheet” for additional colors. I guess what I’m trying to say is I don’t understand how to add this code for making the color change? Where is it exactly done?
With regards,
Rev. Jisen -
Dear Lastnode,
I don’t think you wrote the “color code” above in your last email. This looks like the code for the “Events” link only? cud you please share the HTML color code? And the how to apply it?
With regards,
Rev. Jisen -
Oops! :( I made a copy/paste error in my earlier post. So sorry!
Here is the updated code –
Upcoming <span style="color: #FF0000;">Events</span>This code will make Events red, while Upcoming will be the default colour. If you’d like to play around with other colours, just replace the #FF0000 in this code block with any of the colour codes found on the page I linked in my previous post.
Sorry again for the mix up!
-
Great! However, I just want the word “Event” and not Upcoming Event in the Code. So how do I change the code to reflect this AND when I tired to change the color to say a dark gray or blue it didn’t work?
Many thanks,
Rev. Jisen -
Dear Lastnode,
I got it!!! Thank you ever so much. Please check out my site!
All is looking great….
With much gratitude,
Rev. Jisen -
-
- The topic ‘link "Event" widget to "Event" page???’ is closed to new replies.
WordPress.com Forums 