This post is a recap for a question that comes up quite often about adding information from either PURE (research@st-andrews) or Symbiosis (School) databases to WordPress sites. I’m going to try to give a summary here, and link to other posts with more detailed information.
The basic idea here is to use ‘shortcodes’ on pages of a synergy wordpress site to pull in information from these data sources. The shortcodes are instructions added to the page in [square brackets] that are interpreted by WordPress. The particular shortcodes required use a plug-in that I wrote to access various databases and do helpful things with the results.
To display code in a block on your page or post
1. When editing your page or post, click the Text tab.
2. Scroll to where you want the code to appear and type:
You can now go back to editing in Visual mode if you wish. You should see something like this…
Edit the 'change later' text as you require.
There are a couple of different ways you can make tables when working on your pages. Here is one way, which uses a plug-in called Easy Table:
When editing your pages you can make a table like this…
|| title 2
|| title 3
Q. How do I add a page to the set of links across the top of all pages in the site?
A. Basically a two stage process…
- Make your page
- Add it to the menu
Which you do as follows…
1. Adding a page
- Sign in to your site so you are looking at the site dashboard
- Select pages > add new
- Give your new page a title, add some content (you can always edit later, of course)
- Click the publish button to save the new page
2. Adding the page to your menu
- In the site dashboard select appearance > menus
- Find your new page in the pages panel. If you can’t see it try the ‘all’ tab. When you find it tick the checkbox beside it, then click the ‘add to menu’ button.
- The new page appears at the bottom of the list – equivalent to the right hand side of a horizontal menu. Click and drag to position it, you can also drag to the right to make it be a ‘child’ of another menu item.
- Note – if you want the menu item to have a shorter title than the page, you can do this by opening the panel of the item (small triangle top right) and changing the ‘Navigation Label’
- When your done, click the ‘Save Menu’ button
This post explains about how header images are set for sites using the WP Display Header plug-in. If your not sure if this applies to your site, please ask the administrator.
It’s a three stage process:
- select and prepare your header image(s)
- upload the image(s)
- set which page you wish to use this image
1. select and prepare your header image(s)
Choose images at least around 960 pixels wide. Remember that you’re only going to use a thin strip of the image, so pictures with an interesting feature which can be cut out are going to work best. Use photoshop or another imaging program to adjust your image for best contrast and colour.
2. upload the image(s)
Sign in to your site dashboard and select Appearance > Header
- Click to open the Header Image tab
- Click the Add new image button
- Choose the Upload Files tab (unless you’ve already uploaded the image) and select the first image you wish to use as a header
- Click Select and Crop
- To crop, drag the selection box to choose a good part of the image. It’s better not to resize the selection box, just click in the centre of it, and drag the whole box into place. When you’re ready click the Crop Image button.
Repeat for additional images to be used as headers.
Note – to delete a header image: select Appearance > Header, Header Image tab, mouse over the header image you wish to delete, click the X.
3. set which page you wish to use this image
To set the header image on a given page, edit the page, and scroll to the ‘Header’ panel. Here you can choose to have:
- a specific uploaded header for that page alone
- no header image shown on this page
- a random choice from all of the uploaded header images available
after making any changes, click the ‘update’ button
This short help text explains how Bio PIs can specify a list of their lab/research group/team. This list will appear on their own School profile page, and on the profile page of team members. This ‘team list’ can also be used elsewhere (for example on pages hosted via the Synergy WordPress service), for example to list research group members in other groups joined by their PI if required.
Time for a PI to do this task: approx 180 seconds (assuming name list in hand or head)
I’ve added some new grouplist options. grouplist is a shortcode which can pull lists of people from information in the symbiosis database. Here are a couple of examples of the new list types. Continue reading
I checked a few widgets for adding Twitter feeds to your site, but I think that one of the nicest ways of doing this uses Twitter’s own method.
If you’ve made a video and uploaded it to YouTube (Note – MediaLab has a channel where we can put videos for you if you wish, contact Steve) then it’s easy to add code to embed it on a page or post on your site. Continue reading
A menu is simply a list of links. Menus are made using the dashboard, and you make make several menus on one site if you wish.
You can use menus in places other than the main site navigation bar. For example two places you might want to use a menu are:
- somewhere in the body of a page
- at the side of a page