This page contains some instructions for the use of SJs website in WordPress. It is published to the website as Private, but do not add any confidential information. To access this page from the website, while logged-in, enter www.stjameschurchabinger.org/_HELP into your browser. ‘Private’ pages (prefixed with underscore) only viewable by logged-in users.
This website https://www.stjameschurchabinger.org hosted by DesignLynx in Dorking https://www.designlynx.co.uk/ Grant Harrison +44 1306 886337 g.harrison@designlynx.co.uk.
WordPress design by Faye O’Donahue-Hill at OHcreative https://ohcreative.co.uk/, 01306 730938, 0330 111 0064, faye@ohcreative.co.uk
To show directory and file sizes for the WordPress installation:
Responsibility for maintaining this website is shared between Clare Evelyn, Lucy Harlow and Philip Rawlings. In particular:
Shows all plugins ([plugins_number]) with shortcode =plugins_list
In the page “services-this-month”
This shortcode invokes a popup builder plugin called Modal Window using shortcode in any element (here, in a text editor at the top of this page).
To add a header to a page, insert the template ‘header’. Comprises a container and two headings within.
To make a button from a link to text.
Dashboard > Pages > Add New.
WordPress has added a plugin such that any page can be duplicated and then edited (simpler). See under All Pages.
Services for next month are provided by the Parish Office in a word table.
The container in which the table sits has the following CSS (under Advanced tab)
table {font-size:0.8rem;background-color:ghostwhite; border: 1px solid navy; width:90%; margin:2em 5% 2em 5%;}
trbody {text-align:top; margin:0;}
selector td, tr {margin:0; padding: 0.4rem 0.7rem 0.4rem 0.7rem; border:0px solid red; line-height:1em} To show a button as below, insert a Text Editor box and format as shown. In the text type “Show a random page“.
In Dashboard>Elementor>Code snippets enter this code.
$random_posts = new WP_Query( $args );
if ( $random_posts->have_posts() ) {
echo ‘<h3>’ . esc_html( $title ) . ‘</h3>’;
echo ‘<ul>’;
while ( $random_posts->have_posts() ) {
$random_posts->the_post();
echo ‘<li><a href=”‘ . esc_url( get_permalink() ) . ‘”>’ . esc_html( get_the_title() ) . ‘</a></li>’;
}
echo ‘</ul>’;
}
wp_reset_postdata();
The homepage now has a rolling banner at the top of the page. Insert an HTML element and add the code below. Change the highlighted text to change the banner.
<div class=”rolling-banner-wrapper”>
<div class=”rolling-banner”>
<span> Please see menu item Our Church>History>Registers to view St James’ Parish Registers since 1559. or click the button on the right to visit a random page</span>
</div>
</div>
<style>
.rolling-banner-wrapper { margin-top: -11%; width: 85%; overflow: hidden; background-color: none; color: black; padding: 0px 9px; font-size: 16px; font-family:Philosopher; text-align: left; z-index: 9999; }
.rolling-banner { display: inline-block; white-space: nowrap; animation: scroll-left 25s linear infinite; }
@keyframes scroll-left { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); }}</style>
Using widget = Sitemap
To create a new post to contain list of music for a service:
The music should then appear on the Music At Services page. The posts are sorted by title, so the post title must be as shown in step 2.
To create a new post to contain a sermon:
The sermon should then appear on the Sermon and Latest News pages.
To create a new post to appear on Latest News page:
Note: featured image only appears on a Post page, inserted image only appears in “Read more”
The page “Latest News” is configured to show current posts with category “What’s happening”.
Posts are sorted by date (Latest News). To change the order, select Quick Edit on a post and change the date/time as appropriate.
To make all post excerpts show the same number of lines, set post excerpt lines =99 (i.e. a big number). Copy this code into Custom CSS for the Posts section and change line-clamp to the required number: .elementor-post__excerpt { overflow: hidden; width:100%; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
Loop Grids are more flexible than standard Posts element. Insert a Loop Grid onto a page:
To add/change user2, Dashboard > Users > All Users. For a new user, select a role as: Administrator|- all access; Editor – publish/manage posts and pages; Author – publish and manage own posts/pages; Contributor – Write and manage posts/pages but cannot publish; Subscriber – manage profile only.
Current users shown below.
This website uses the OHC Elementor theme, a child theme of WordPress Twenty Nineteen theme. Site settings reached from icon top-left on any edited page.
The CSS below is used to format pages for printing and for mobiles. It is set in Dashboard>Elementor>Editor>Custom Elements>Code>Head Links & Styles
To create a new plugin:
The example below displays 1st 10 images where filename contains ‘choir’, sorted by filename. Shows caption if found. Use shortcode show_images (within []) to display in a text widget.
<?php
/*
Plugin Name: Images Gallery with Captions
Description: A plugin that displays 30 images whose title includes xxx with captions.
Version: 14-Mar-23
Author: Philip Rawlings/ChatGPT
License: GPL2
*/
// Add shortcode to display gallery
add_shortcode( ‘show_images’, ‘display_images_gallery’ );
// Function to display gallery
function display_images_gallery() {
// Query images from media library
$args = array(
‘post_type’ => ‘attachment’,
‘post_mime_type’ => ‘image’,
‘post_status’ => ‘inherit’,
‘posts_per_page’ => 10,
‘order’ => ‘ASC’,
‘orderby’ => ‘title’,
‘s’ => ‘choir’ // Search for images with “choir” in the title
);
$query = new WP_Query( $args );
// Display images in gallery with captions
$output = ‘<div class=”per-images-gallery”>’;
if ( $query->have_posts() ) {
while ( $query->have_posts() ) {
$query->the_post();
$output .= ‘<div class=”per-image-container”>’;
$output .= ‘<a href=”‘ . wp_get_attachment_url( get_the_ID() ) . ‘” target=”_blank”>’ . wp_get_attachment_image( get_the_ID(), ‘full’ ) . ‘</a>’;
if (wp_get_attachment_caption() <> “”) {$output .= ‘<div class=”per-image-caption”>’ . wp_get_attachment_caption() . ‘</div>’;}
$output .= ‘</div>’;
}
} else {
$output .= ‘<p>No images found.</p>’;
}
$output .= ‘</div>’;
wp_reset_postdata();
return $output;
}
?>
SJs registers (burials, some baptisms) are held in an offline database application (written and maintained by Phil). The data is available here https://www.stjameschurchabinger.org/registers/StJamesRegisters.xml.
Outputs created from that database are copied to the website (using FileZilla) at https://stjameschurchabinger.org/registers (158.255.46.69), and are linked to from the Registers page in WordPress. Ask Phil for the logon details.
Google Analytics will show usage of the SJs website, go to https://analytics.google.com/.
Dashboard > Templates > Theme Builder
E.g. links on website are shown maroon which does not show on the black footer. So click on the footer section and add “selector a {color: moccasin !important;}” in the custom CSS section. The !important tag prioritises this style over the natural priority.
The ContactUs page can attract spammers/bots. These can be specifically rejected in Wordfence by URL, etc.
A hidden ‘honeypot’ field has been added to the contact form; this should then reject contacts where honeypot has been auto-filled in spammers.
Additionally a reCAPTCHA check box has been added that needs to be ticked by a human before the form can be submitted. To implement:
I requested an article of 200 words on St James’ Church.
St James Church Abinger is a magnificent and historic structure that is renowned for its stunning architecture and rich heritage. Located in the picturesque village of Abinger Hammer, Surrey in England, this beautiful church was originally built in the 12th century and was devoted to St James the Great. Although it has undergone several renovations and reconstructions over the years, its current structure dates back to the 19th century, when it was rebuilt after a devastating fire destroyed the previous building. The redesign of the church was orchestrated by the highly acclaimed architect, Henry Woodyer, who utilized his signature neo-Gothic style to create a masterpiece of architectural beauty and elegance. With its intricate wood carvings, stained-glass windows and awe-inspiring bell tower, St James Church Abinger is a true marvel that continues to serve as a symbol of faith and spirituality for the surrounding community. Whether you are a local resident or a visitor from afar, this church is a must-see attraction that is sure to captivate your heart and soul. [AI ERRORS IN RED].
If you would like to apply for a Login account to help update this site, please email the web team here.