Phil Perkins Photography

Photo ⋅ Pictures ⋅ Poetry

Tag: Full SIte Editing

  • WordPress Offers “Sticky” Option

    A new feature at WordPress for users with FSE (Full Site Editing) themes now provides for an assignment of blocks as having a “sticky” (fixed) position. I learned about this while reading an article at WP Tavern and have since applied it to my primary navigation, which now remains in place at the top of my web site.

    To do so, I defined the Navigation block as a Group block and set its position to “Sticky”. In the templates, I also made it a top-level element. Because I use a Cover block in my header, it was also necessary to add the following CSS (Appearance > Additional CSS) to keep the menu and header image plum…

    header {
    margin-block-start: 0 !important;
    }

  • New Theme

    Yesterday, I changed my WordPress theme to the Full Site Editing theme called Quadrat, in part as a bug was recently discovered in the Twenty Twenty-Two default theme; it was missing the option to assign Featured Images within Portfolio Projects.

    Also, following backlash pursuant to altering plan options, WordPress has reverted back to their original offerings. It’s been noted that purchases made in the interim are intact and may be renewed as such.

    As for storage capacities associated with different plans – e.g., 13 GB with the Premium Plan – I was advised via recent Support discussion that added storage will likely be made available (at an undisclosed time) as an a la carte item for purchase.

  • A Few Site Changes

    Portfolio

    Following my post entitled Revised Portfolio Design, I’ve once again modified my portfolio category pages, each now utilizing the Masonry Block. This provides a cleaner and more uniform display per category, but does require that each page be manually (not automatically) updated.

    Navigation

    Following contact with support staff at WordPress, I added custom CSS to set my primary menu in a fixed position (on desktop viewing), instead of scrolling – similar to a sticky post. Now, it’s always visible for quick access.

    Header

    Next, I changed the color of my site header, which contains the (now) sticky menu, using a #F6F4EF hexadecimal color to differentiate from the #FFFFFF (white) body. Also, to save space, I used CSS to reduce the header height.

    Miscellaneous

    Having modified the header, I then added spacer blocks to the top of various pages, and also through Full Site Editing into the Archive template. This was done to correct for titles appearing too close to the newly delineated header.

  • Revised Portfolio Design

    Today, I finally redesigned my portfolio. Using the Portfolio Projects function in WordPress, where each project is assigned a category, I created a new page – see my Full Portfolio page.

    With Full Site Editing, I used the Query Loop Block – once per category – assigning it in each instance to display four columns, with one linked Featured Image per column. For a minimal appearance, I also removed the post title & date information. Other blocks were then added – spacer blocks, separator blocks – to format the page.

    Next, I created several individual pages (one per portfolio project category), and returned each working link to my Full Portfolio page. As such, only four items per project category are displayed, with a link to see more.

    WordPress Support was very helpful answering questions, and shared this instructional video regarding use of the Query Loop Block – thank you!