Any views expressed within media held on this service are those of the contributors, should not be taken as approved or endorsed by the University, and do not necessarily reflect the views of the University in respect of any particular issue.

...in which I don't go up mountains

Category: HTML

Screenshot of an index box with HTML links

Index links and Info Box HTML template code

Reading Time: 2 minutes

Over the summer I helped out with setting up information blogs about Digital Education for the staff and students in GeoSciences.

One pattern that we needed to use several times was an index box linked to headings in sections with ‘back to top’ links, so I created a basic template that can be pasted into WordPress.

Anyone is welcome to adapt and use this: either copy and paste the top section into the Visual editor, or copy and paste the HTML section into the Text editor.

If your theme allows you to use Custom CSS (some but not all of ours do), you can use the id and class names for visually styling the elements.

Note: I have linked to line breaks above the headings rather than the headings themselves due to the variation in how the different themes we were using treat anchor links.

Here is the sample Info Box / Index links structure:

Main picture.
Introduction paragraph text.

The Schlumberger configuration

Geophysics blogging means Equations!

Reading Time: 4 minutes

Following on from my previous post, ‘Geophysics blogging means new HTML entities!’, I discovered the maths was getting yet more complicated, with the need to represent equations like this:

Really complicated equation

Really complicated equation 😬

Ideally, I didn’t want to use images, for accessibility reasons, unless I could provide a meaningful alt tag, which takes me back to the original problem of representing the equation in text, but with less useful characters. Here’s a page with a lot of equations as an example: https://blogs.ed.ac.uk/easc080162019-0sv1sem2/2020/02/06/7-2-1-electrical-resistivity/. I’ve made a lot of progress using HTML entities, but they can only get me so far.

Maxwell's Equations, which show how electricity and magnetism are related, on a T-shirt.

Geophysics blogging means new HTML entities!

Reading Time: 2 minutes

I’ve been working on moving a couple of Geophysics courses over to WordPress blogs recently, and the latest one includes a lot of mathematical equations.

The previous version of the course was displaying these as images without any titles or alt tags, so I thought I would improve on their accessibility by using HTML entities, several of which were new to me, and it has been an interesting journey!

Powered by WordPress & Theme by Anders Norén

css.php

Report this page

To report inappropriate content on this page, please use the form below. Upon receiving your report, we will be in touch as per the Take Down Policy of the service.

Please note that personal data collected through this form is used and stored for the purposes of processing this report and communication with you.

If you are unable to report a concern about content via this form please contact the Service Owner.

Please enter an email address you wish to be contacted on. Please describe the unacceptable content in sufficient detail to allow us to locate it, and why you consider it to be unacceptable.
By submitting this report, you accept that it is accurate and that fraudulent or nuisance complaints may result in action by the University.

  Cancel