Help:Installing Widgets
Categories: WikiTree Help | Social Media and Sharing Help
How do you add a WikiTree widget to your blog?
Contents |
How to Use Family Tree Widgets on Your Blog
Family Tree Widgets work best when embedded in blog posts rather than in the sidebar of your blog, due to the width needed to properly display your WikiTree content. For sidebar widgets that let you show off your WikiTree contributions, see Contributions Widgets.
Blogger
- Go to any WikiTree profile with a Privacy Level of "Private with a Public Family Tree" or higher and click the Tree Apps tab
- Select the "Other Apps" option and scroll down for the "Tree Widgets" link.
- Scroll down to where the HTML code is displayed in the box labeled Copy-and-paste this HTML code.
- Highlight the text in the box, right-click with your mouse and select Copy.
- In Blogger, under the Posting tab, click New Post.
- Click on the Edit HTML tab[1] and then in the Content area, right-click with your mouse and select Paste.
- Click the Compose tab to see how your widget will appear in the blog post.
- Click Publish.
WordPress
- Go to any WikiTree profile with a Privacy Level of "Private with a Public Family Tree" or higher and click the Tree Apps tab
- Select the "Other Apps" option and scroll down for the "Tree Widgets" link.# Scroll down to where the HTML code is displayed in the box labeled Copy-and-paste this HTML code.
- Highlight the text in the box, right-click with your mouse and select Copy.
- In WordPress, login and go to the Dashboard.
- Scroll down to the Posts section in the left sidebar, expand the list and select New Post.
- Click on the HTML tab and then in the Content area, right-click with your mouse and select Paste.
- Click the Visual tab to see how your widget will appear in the blog post.
- Click Publish.
How to Use Widgets on Joomla
Thank you to Edison Williams for posting the following in G2G.
On any recent version of Joomal! 3.x or newer, you can easily use WikiTree widgets in articles or modules. Note that installations may differ in the editing permissions some Joomla! groups may have, so it's always best log-in with an account that has Super User privileges. This will assure that no HTML code is stripped away when you save your work.
To use in an article:
- Open the Joomla! Administrator backend.
- Go to Content -> Articles.
- Select and open an existing article, or create a new one.
- Copy the WikiTree widget code and paste it into the article.
- Check the Status, Category, and Options for your article.
- Click Save & Close.
To use in a module:
- Open the Joomla! Administrator backend.
- Go to Extensions -> Modules.
- Select New, and choose Custom as the module type.
- Copy the WikiTree widget code and paste it into the body of the module.
- Enter a title for the module, choose whether to display or hide the title, and check that the Status is set to Published.
- Select a module position for the module. Available positions are determined by the template you are using.
- Click on the tab labeled Menu Assignment and choose on which page(s) you want the module to appear.
- Click Save & Close.
How to Use Widgets on Google Sites
- Edit the page where you want to add the widget.
- Select Insert -> More Gadget.
- Search for 'iframe'.
- Select the Include Gadget (iframe) by Scott Johnston.
- Enter the URL in the widget code (the src field in the <iframe> tag) in the URL to content entry field.
- Set the Width and Height so that the content fits (550x520 for the Family Tree widget).
- Enter a title in the Display title on gadget entry field or disable the title.
- Click the OK button.
Notes
If you need more help, don't hesitate to post a question in our G2G forum.
- ↑ If you do not see the Edit HTML and Compose tabs, you may not be using the Updated Editor in Blogger. On the Settings tab, click on Basic and scroll down to the Global Settings section. Under Select post editor, select Updated editor and then click Save Settings.
This page was last modified 13:45, 5 September 2024. This page has been accessed 13,118 times.