Website Help

2 CSS’s and shortcodes have been added to provide the option of only displaying text on the screen or when a page is printed. For example, when viewing a page the user only see the link to another page. However, when the page is printed the link now becomes a QR code.

To use the CSS change to editor from Visual to Text mode. Add a class statement. Either class=”screen_only” or class=”print_only”

To make editing easier to check and for editors not comfortable using the Text mode, there are 2 new shortcodes.

• (print_only]This content will only be displayed when the page is printed[/print_only]
• (screen_only]This content will only be displayed on the screen[/screen_only

You can combine the shortcodes with QR code. For example see the post

https://www.stpaulscary.org/adults/wbw/womens-beach-week-wbw-2023/ .

(screen_only] text with link[/screen_only]

(print_only] Or us this QR code: (su_qrcode   …………..][/print_only]

In the above examples to use change the ( to [.

Publications are starting to include QR codes to make it easier to for people to use cell phones to go directly to specific web pages. We’re starting to get requests for including QR codes in posts and pages.

The QR code is easy to add. Click on the Insert shortcode. Then select QR code and fill out the form to generate the shortcode.

For example, the shortcode for WBW on-line registration – su_qrcode data=”https://bit.ly/StPaulsWBW” title=”On-Line Registration Form” size=”140″ margin=”10″ align=”right” link=”https://bit.ly/StPaulsWBW”

Depending the purpose of the post/page it would be redundant to have a link and a QR code. Link is better for people viewing the post/page and the QR code is better for someone who prints it. Suggestion include the QR code but it only shows up on a printout.

To add this function use the edit in Visual mode to create the post/page including the QR code as you normally do.  Then switch to the Text mode and add class print-only. Using the above WBW example, you can add the QR code to list with the following modification: <li class=“print-only”>Or use this QR code:</li>

The class print-only can be be used for any text/image that only needs to be seen when a post/page is printed.

Step-by-Step for Homily Posts

• Go to Sermons > Add New
• Choose Audio > Upload the Homily
  • Typically rename the file as [Name]_homily_[Date].mp3. For example, George_homily_08.29.2021.mp3
• Custom Sidebar should be set to “Homilies sidebar.”
• In Sermon settings on right-hand side, select the following:
  • Series = Homilies
  • Speakers = Name of the speaker
  • Featured Image = Profile picture of the speaker
  • Excerpt = This is the description that will show up on the preview and on the podcast episode.
• Nothing else needs to be checked. The podcast checkbox does not need to be selected.

Other notes

• Typically, nothing is added to the main content except the post/homily title.
  • Tom has been sending out on Saturday a reminder to the homilist to provide a title and excerpt. If the homilist does not provide a title for their homilies, you can do that.
• If the homily is posted during the week, set the “Publish” date to the Sunday on which the homily was delivered.
• The podcast will automatically update. No additional action is needed to publish the podcast episode.
• If the homily is not showing up on the main page, it’s probably because the “Series > Homilies” checkbox hasn’t been selected.
• There is trigger set up in IFTTT that emails to pleasepost@… when the homily is added to the Dropbox account.

1. Get the URL for the video from Fill Bowen or from the St. Paul’s Facebook link at the bottom of the home page. (A typical URL might be https://www.facebook.com/109373515817398/videos/127771496008115 from Fill or a shorter version from Facebook. Both should work.)
2. In WordPress, visit the St. Paul’s home page and find the post on Fr. George’s Weekly Video. (https://www.stpaulscary.org/church-business/fr-georges-weekly-video/)
3. Edit the post. Update the post with the new link and new date and update the post date. Stick it to the top of the blog and update.

Step-by-Step for Hope for the Journey Posts

1. Use title provided by person sending post, not “Hope for the Journey”
2. Copy and paste post
3. Click “Stick to the top of the blog”
4. Mark “Church Business” and “Hope for the Journey” categories
   1. “Church Business” ensures it goes up on St. Paul’s Connects page
5. Tag “From the Clergy” and “Hope for the Journey”

6. Begin excerpt with “In this week’s <b>Hope for the Journey</b>, Father/Mother XXXXX reflects on…”
   1. Point out the topic or add a line that stood out or use the first sentence or two.
7. Sign off “—Father George”, “—Father Javier”, or “—Mother Alice” and increase font size on this block to “Medium”
   1. We decided to use titles for the benefit of the occasional visitor
   2. George and Javier have signature blocks available in Media Library (Javier_sig; GeorgeSig) that we sometimes use to personalize the posts a bit (see below)

• Place curser in text at the location to insert inline graphic.

• From the block editor select inline image.

• Select or upload the image to insert.

• After the image is inserted you can click on the image to resize the width.

Posting MailChimp Newsletters

Currently several newsletter use MailChimp. For example, Children’s Ministry, Weekly Letter from the Rector, and Stewardship 2023.

We have 2 approaches for posting the newsletters:

1. Open the Newsletter in a New Tab – Create a post like you normal do that contains the link to the newsletter. Be sure to have the link open in a new tab.
   • 
2. Embed the Newsletter in the Post – To embed the newsletter in a post requires a like more work but the users does not need to open additional browser tabs.
   • Create an Excerpt and pick Categories like you would for a normal post. I do not use a Feature Image, because the image shows up above the newsletter.
   • To embed the newsletter switch the editor view from Visual to Text.
     • 
   • Post the following into the editor:
     • <iframe title=” Add Title ” src=” Newsletter Url before? ?e=[UNIQID]” width=”600″ height=”1200″ allowfullscreen=”allowfullscreen”><span data-mce-type=”bookmark” style=”display: inline-block; width: 0px; overflow: hidden; line-height: 0;” class=”mce_SELRES_start”></span> </iframe>
       • Add Title – In the above text replace Add Title with the newsletter title.
       • Newsletter Url before? – In the above text replace Newsletter Url before? with a copy and paste of the url before the ?.
   • You can now publish the post.
   • Notes. You can adjust the iframe width and height to get the newsletter to look good in the posting. The MailChimp template is 600 pixel wide, so I start with a width=600.

How to modify the url’s for the 3 buttons on the Homepage slider.

The buttons are on the individual slides that are in that slider.  Because the buttons don’t change from slide-to-slide, it appears as if they are an overlay on the whole slide show, but they are not.  Therefore, you’ll need to update all the slides that have that button individually.

Here is a video Tad put together to show how to modify the url:

To change right side menu – go to widgets under appearance

• Pages – Ministry Pages
  • The ministry pages are for the basic information about what the ministry does and contact information. 
  • We do not expect to have to change the ministry pages very often.
  • Ministry leaders should review their pages periodically.
• Posts – News Items
  • Perishable time limited information, such as awarding of grants, is temporary and we use posts for that kind of news