Theme Suggestion

  • Unknown's avatar
    flyingdisc · Member ·

    I’d love to see a FSE block theme which looks and operates like the Drupal theme used on this site:
    https://abduzeedo.com/

    The blog I need help with is: (visible only to logged in users)

  • staff-sheva · Staff ·

    Hi @flyingdisc,

    The great thing about full site editing (FSE) is that you can customize just about any block-based theme to suit your needs.

    If you’re looking for a theme with a sidebar, I suggest taking a look at Stewart. Hope that helps.

  • Unknown's avatar
    flyingdisc · Member ·

    Thanks staff-sheva

    I’ve looked at the Stewart theme several times, and wondered…

    1) is it possible to make the sidebar menu fixed, instead of scrolling?

    2) can the theme width – in particular, the primary content column – be increased for posts & pages?

    3) a general FSE question: is it possible to display featured images as the size which I upload, rather than having FSE themes make size modifications to match ascribed column widths (e.g., 650px, 1000px)? The issue I struggle with is that, if I upload a landscape images at 960×610, I’m OK with a 1000px max (slightly altered size), but then the portrait images 610×960 become far too oversized. Inversely, if an FSE theme provides for a max column width setting of 650px, the portrait images are fine (slightly altered size) but the landscape images are then too small.

    I’m finding the ‘learning curve’ for making modifications using FSE themes rather challenging, though hope to improve soon.

    Any help is appreciated, thank you.

  • staff-sheva · Staff ·

    1) is it possible to make the sidebar menu fixed, instead of scrolling?

    This would be possible with some custom CSS. For example: 

    @media (min-width: 980px) {
    body > div.wp-site-blocks > div > div > div:nth-child(1) {
        position: fixed;
        width: 340px;
    }
    body > div.wp-site-blocks > div > div > div:nth-child(2) {
        position: relative;
        left: 360px;
    }
}

    However, if you’re looking for a similar theme that includes a fixed sidebar by default, please take a look at Twenty Fifteen, a non-FSE theme.

    While on the topic of CSS, please take a moment to familiarize yourself with our scope of CSS support.

    2) can the theme width – in particular, the primary content column – be increased for posts & pages?

    With full site editing (FSE), you can customize the width of the columns block in your page templates to suit your needs. For example, you can set these to percentages, pixels, etc.

    Depending on your needs, you might also find using a layout grid useful.

    3) a general FSE question: is it possible to display featured images as the size which I upload, rather than having FSE themes make size modifications to match ascribed column widths (e.g., 650px, 1000px)?

    The following CSS can be used to avoid the featured image from being 100% wide:

    .wp-block-post-featured-image img {
    width: unset;
}

    You can also set a custom width for the post featured image block.

    I’m finding the ‘learning curve’ for making modifications using FSE themes rather challenging, though hope to improve soon.

    You may find the following useful in learning FSE: https://learn.wordpress.org/course/simple-site-design-with-full-site-editing/

    Hope that helps.

  • Unknown's avatar
    flyingdisc · Member ·

    staff-sheva Thank you for this comprehensive and very helpful response – much appreciated!

  • Unknown's avatar
    flyingdisc · Member ·

    staff-sheva I’m now using the Stewart theme and have put into place several of your suggestions – thanks!

    I did have a few more questions, though –

    1) is there a way to limit the display height of videos which have a portrait (vertical) orientation? For instance, this video is far too tall – https://perkinsdesigns.com/2022/03/16/ozone-falls/

    …while keeping landscape (horizontal) oriented videos displayed at full width, as seen in this post – https://perkinsdesigns.com/2022/03/17/distant-waterfall/

    2) I use the Cover block on a few pages, which displayed correctly using the one column Twenty Twenty-One theme, with an image width dimension of 2000px. However, the Cover Block seems to be set to the full width of the page, not to the column width, and becomes truncated. I’ve tried using a smaller size (i.e., 1200px) image, but the display issue was not resolved. You can see the partial image display, here: https://perkinsdesigns.com/contact/

    3) Is it possible to remove the page title from being displayed on my home page (“Welcome”)?

    4) On my “About” page – https://perkinsdesigns.com/about/ – for some unknown reason the two columns of text (each using the default size type) are not level at the top margin? Not sure why…

    5) Also, where can I modify which fonts are used in the Stewart theme?

    Thank you for any help you may provide.

  • staff-sheva · Staff ·

    1) is there a way to limit the display height of videos which have a portrait (vertical) orientation?

    Yes, you can apply a change-video-height CSS class to the video block, and then add the following CSS to the Customizer:

    .change-video-height .wp-block-embed__wrapper iframe {
    max-height: 500px;
    width: auto;
}

    This will limit the height of any video that has the class applied.

    2) I use the Cover block on a few pages, which displayed correctly using the one column Twenty Twenty-One theme, with an image width dimension of 2000px. However, the Cover Block seems to be set to the full width of the page, not to the column width, and becomes truncated.

    The cover block is responsive, meaning that some of the image will be cut off depending on your screen size. I see that you’ve manually adjusted its height, though you can also adjust its width in the block toolbar, as shown here:

    If you find that you need more granular control over the sizing, and don’t want any part of your image hidden, I suggest the image block.

    3) Is it possible to remove the page title from being displayed on my home page (“Welcome”)?

    Yes, you can do this with CSS:

    .home h1.wp-block-post-title {
    display: none;
}

    If you need any further customizations to the homepage, you can also create a new template with full site editing (FSE).

    4) On my “About” page – https://perkinsdesigns.com/about/ – for some unknown reason the two columns of text (each using the default size type) are not level at the top margin? Not sure why…

    This is because your right column has a padding of 20px, which the left has no padding:

    5) Also, where can I modify which fonts are used in the Stewart theme?

    At the moment, there are limited font options for the Stewart theme, however you can change typography settings in the Site Editor:

    If you need more granular control over fonts, you might want to consider a fonts plugin, which would require a Business plan.

  • Unknown's avatar
    flyingdisc · Member ·

    You rock @metabrekr – thanks for the very helpful suggestions!

    I used the CSS class provided for each vertical/portrait video, and it worked great.

    I’ll choose to use a different picture with the Cover Block, as described, as I like the parallax effect.

    The CSS class for removing display of the (“Welcome”) title on the home page also worked.

    And, removing the Padding, as you noted, did the trick – thanks, gain.

    I did find an other item that I can’t seem to fix, or explain…on my home page https://perkinsdesigns.com/
    …within the Layout Grid, I have small 4 geometric designs in each of 4 columns, all designated as being “Align center”. However, as observed, each remains aligned left. In fact, only when I specify “Alight right” is any change apparent?

    On the home page, also, is it somehow possible to remove the gap/empty-space between the three Groups?

    And, I noticed that when I click on a a given category, the display defaults to what I assume is the original, more narrow columns width of the Stewart Theme – instead of the modified widths now used on the Index Template? I thought that by making adjustments to the widths of both columns in the Archive Template – to be the same as in the Index Template – that the display of any given category selection would then appear the same as the Index…but no?

    Any help is appreciated.

  • Unknown's avatar
    helper-heroponriki · Member ·

    I need to note that we’re limited to the amount of site customization help we can provide in the free support forums, so we’ll need to wrap up things here from a Staff perspective.

    And, I noticed that when I click on a a given category, the display defaults to what I assume is the original, more narrow columns width of the Stewart Theme – instead of the modified widths now used on the Index Template? I thought that by making adjustments to the widths of both columns in the Archive Template – to be the same as in the Index Template – that the display of any given category selection would then appear the same as the Index…but no?

    This was a specific design choice by the theme’s designer. The index displays full posts to draw in the audience, and the archive view is more compressed for easy browsing by using excerpts.

    If you have further customization questions, please start a new topic and our volunteers will try to help you or reach out to Support through your account page since you have a Premium subscription that gives you priority support:

    https://wordpress.com/help/contact

  • The topic ‘Theme Suggestion’ is closed to new replies.