Did an update in the Web Team Newsletter lead you to this Wiki? Or maybe you visit often and just want the latest scoop. However you got here, this is one place where you can find the latest and greatest additions and information. Another is the home page of this Guide under "Subdocs Recent Activity."
New Look to the Editing Interface: Paragraph Previews (Oct 16, 2024)
Whether creating a new page or editing an existing one, you are accustomed to seeing a tiny thumbnail of an image alongside the name of the component type (e.g. Testimonial or Spotlight) and a single-line teaser of its content. The updated editing interface displays a visual preview of each component that matches what site visitors see.
Screenshot of the updated editing interface view. It will have expanded previews of each component that show the image (if an image is used) and will render the way site visitors see the content. For example, a Color Band component is displayed with the entire color band visible with the various styling options that have been selected.
As you can see, the entire component, e.g. Color Band, is visible without clicking the “edit” button. This will be true for all of the components on your page, even those without images, such as Text Areas. The “Edit” button remains in its same location, and the reordering dots on the left (see screenshot above in the Testimonial region) also retain their function and location in the editing interface.
Updates to Reorganizing Components within a Page (Oct 16, 2024)
There are two ways to move components within a page: "grabbing" the 6-dot button at the left of a component and using the "Drag & Drop" option. We have made small updates to both:
.1The button within a component now includes up and down carets. To move a component up or down one space, simply click the up or down caret one time, respectively.
.2Drag & Drop functions exactly the same as before. We moved the button to be easier to find.
Additional Background Color Options for Collections (Oct 2, 2024)
When setting up a Collection, you have the option to add a background color. Previously, doing so would add a gray background to a collection. In the latest update, you now have a choice of colors: default, gray, and vibrant. These colors will vary based on your website's theme and color palette. View them in action on traditional theme or colorful.
Screenshot of the editing interface of a Collection. The dropdown for "Background Color" is outlined in yellow to indicate that users should click this option, which displays a dropdown list with options for none, default, gray, and vibrant.
New Guide on Image Sizing (August 21, 2024)
Have you ever wondered what size or ratio your images should be? Check out our brand new guide on optimal image sizesto learn more.