Jake Paris – WordPress Community of Practice /wordpress A site for web editors at ÀÖ²¥´«Ã½ College Wed, 13 Nov 2024 21:06:32 +0000 en-US hourly 1 https://wordpress.org/?v=7.0.3 /wp-content/themes/b/bates-framework/styles/images/bates-favicon.png Jake Paris – WordPress Community of Practice /wordpress 32 32 Enhancements to Your Homepage Featurettes /wordpress/2021/12/01/enhancements-to-your-homepage-featurettes/ Wed, 01 Dec 2021 15:28:15 +0000 /wordpress/?p=2906 Hi all, 

We’ve just finished up some updates to the “featurettes” (the three large colorful panels that can show on your site’s landing page to feature content). Specifically there are two new enhancements that we hope will make featuring content easier and more intuitive.

Enhancement #1 – optional start/end dates

You can set a “start” date for the featurette, a date that you’d like the featurette to begin displaying. If you set this, the featurette will not show until the date you picked, and will automatically show up beginning on the date you selected. Leave this blank for the featurette to just show up as usual.

You can set an “end” date; this is a date that you’d like the featurette to automatically stop displaying. 
In both cases, the dates are inclusive; in other words, the featurette will show up on the selected date.
You don’t need to use both dates, you can use neither (for the current behavior of just display all the time), one of them, or both. Hopefully these two date fields will make it just a bit easier to schedule and manage the content on your landing page. 

Enhancement #2 – use any content in the featurette area

Sometimes it’s a bit cumbersome to create a “featurette” just to link to an event you’ve created or another page on your site. Now you can display a post, page, or event itself in the featurette area and skip the in-between step. 

In order to do this:

  1. open the page/post/event for editing
  2. click the three-dot menu in the far upper right (to the right of the gear icon)
  3. In the list that displays, click “Feature this item”. That will open a side panel with a checkbox.
  4. Check the box to tell WordPress to display the current home on your landing page. 
  5. To get back to the normal side panel, click the gear icon at the top.

There are a few caveats with this to be aware of:

  1. You can’t use the start/end dates as described above with page/post/events. Instead, you have to manually check the box to feature and manually uncheck the box to stop featuring. 
  2. The three items on the landing page are sorted by first-published date. In some cases, you may have a page which was published many years ago, and so it will get pushed to the bottom and may not display as expected. You can modify the published date, but it’s something to be aware of. 
  3. You need to pay attention to the post/page/event’s “featured image”, as this is what will display in the homepage featurette panel at the top.  

Enjoy, and if you have any questions about featuring content on your landing page, please don’t hesitate to reach to us at webteam@bates.edu.

]]>
Embed a Google Slideshow/Presentation into WordPress /wordpress/2020/10/02/embed-google-slides-presentation-into-wordpress/ Fri, 02 Oct 2020 13:56:43 +0000 /wordpress/?p=2563 Below are two ways to embed a Google Slideshow/Presentation within the ÀÖ²¥´«Ã½.edu WordPress environment. The “Advanced” way is slightly more lengthy but has the advantage that the slides will automatically resize to the optimum size based on the size of the screen.

  1. Open your slide presentation, pull down the File menu and select Publish to the web.
  2. Select the Embed tab.
  3. There are a number of options available:
    1. Slide size only matters if you choose the basic method below. Note that if you choose “Medium”, it will overlap the sidebar on laptops, and flow off the page on mobile. If you choose “Small” it will be fairly small, but remember that the user can always view full screen if desired.
    2. Whether to auto-advance slides (and at what time period)
    3. Whether to start the slideshow immediately on page load.
    4. Whether to loop the slides when the end is reached.
    5. Privacy: If you would like to hide the content unless the viewer is signed in with their ÀÖ²¥´«Ã½ credentials, open the toggle next to Published content & settings and check the box next to Require viewers to sign in…
  4. Click the Publish button.
  5. Select the html code in the box that now appears (it starts with <iframe src ). From here, continue with either the basic or more advanced methods below.

Basic Method

  1. In WordPress, insert the html block into your page.
  2. Paste the code you copied into the block.

Advanced Method

  1. Paste the code into a text editor. You need to select the url that appears within the quotes after src=" and up to the next " I’ve highlighted the correct bit in this example:
<iframe src=”https://docs.google.com/presentation/d/e/2PACX-1vQbr_owz7B-x1X8nu7IaInMWMke4a0hF3vyyl41yUemisc78_DZtJyZrd7pYlUVYbYudoE-Z_rCkt5A/embed?start=false&loop=false&delayms=3000” frameborder=”0″ width=”960″ height=”569″ allowfullscreen=”true” mozallowfullscreen=”true” webkitallowfullscreen=”true”></iframe>
  1. Now, in the block editor insert an iframe block and paste the url into the field. Note that the “iframe” block is specific to ÀÖ²¥´«Ã½.edu and not available in other WordPress instances.

]]>
Enhancements & Fixes for Image Galleries /wordpress/2018/01/25/enhancements-fixes-for-image-galleries/ Thu, 25 Jan 2018 15:19:47 +0000 /wordpress/?p=1441 Today we are releasing two new enhancements to our image galleries as well as a couple of fixes.

Optional Thumbnails

You can now add clickable thumbnails to the bottom of a gallery by adding the attribute thumbnails=”true” to the gallery shortcode.

If you are an advanced user, you can also customize the size of the thumbnails by using the thumbnailsize attribute and passing in any css size. They default to 100px in height.

Please note that there is a small performance hit for using thumbnails. Usually the slideshow will only load each image as it is needed, increasing the speed with which the page initially loads (and potentially decreasing dataplan use when a user doesn’t need to look at all the images in the slideshow). However, when thumbnails are activated, all of the images will be loaded up front. If you have less than, say, 5 or 6 images it’s not much of a concern, but for larger galleries it’s worth considering.

Swipe Detection

The gallery will now detect left and right “swipes”  on smartphones and move accordingly. This is an “always-on” feature, but to really capitalize on the effect, you could set the slide change effect to scroll (instead of the default fade). You can do this by setting effect="scroll"</code.

Fixes

Caption / Control Independent Visibility. Previously if you turned off the controls, the captions also were hidden. There was no way to show captions without also showing the controls. This accidental interdependence is now fixed.

Better centering of images. Sometimes when the fullscreen gallery was opened, the initial image wasn’t centered. This has been improved.


General Usage Reminder

The best way to create and customize the gallery is to use the basic WordPress method of creating a new gallery, then add any necessary attributes to the shortcode afterwards. In this clip I am doing just that:

For further attributes and use, see the full Shortcode Reference, or checkout the quick Shortcode Reference on the WordPress Dashboard.

]]>