Forum Replies Created

Viewing 15 replies - 31 through 45 (of 58 total)
  • Thread Starter pradg

    (@pradg)

    HI @bghatak

    It’s not a problem with the Permalinks. I have tried them. I came across this issue on github. Looks like this is an issue with FSE. https://github.com/WordPress/gutenberg/issues/32531

    thanks.

    Hopefully there is some solution.

    But wondering if this will cause any issues with SEO.

    Thread Starter pradg

    (@pradg)

    Using a Block theme

    Thread Starter pradg

    (@pradg)

    Hi Ryan,

    I sorted this using some css. I am still learning and so much can be acheved by CSS and with tools like chatgpt, lot of things are easier.

    Thanks.

    I would prefer if the “Terms” section has a drop down to easily select the category/tag to exclude instead of the user having to type them out.

    Yes. I second this. Caching implementation would be great (assuming it is not present)

    Thread Starter pradg

    (@pradg)

    @threadi

    thanks for the inputs.

    I am thinking I will go with Option 1 as Option 2 is beyond my expertise. I also see that TechCrunch.com also has the same implementation as Option 1. They’re linking the pagination on the Home Page to another page entirely where they have designed the QUery Loop as they desire.

    But TechCrunch is a huge website which is an established site with probably millions of backlinks so I would doubt if Search Engines would really care about it but how Much of an effect will it have on a small site?

    Thread Starter pradg

    (@pradg)

    @threadi

    THe link you posted talks about how to customise the Query Loop and not the template (from what i understand). As per this github thread (posted below), this feature is not supported yet on FSE. This thread was started 2 years ago but no update on it. As per the github replies, it is currently not possible for these templates to dynamically accept the custom Query Loop settings.
    I am a non-developer, so creating a new template like Search Results or Archive page from scratch is beyond my expertise. So unfortunately I will have to just accept that this is the limitation.

    https://github.com/WordPress/gutenberg/issues/47644

    https://github.com/WordPress/gutenberg/issues/69830

    Thread Starter pradg

    (@pradg)

    @poena

    Thank you for your reply.

    @threadi

    Sorry to hijack this thread. I have a similar question. I am planning to build my site using the default Twenty Twenty Five theme. COnsidering its a block theme, the “theme” styling is just patterns. So other than more patterns, what will be the differences between the Twenty Twenty Five theme and the upcmoming Twenty Twenty Six and subsequent themes? If it were Classic themes, I would understand the design might be set but with Block themes, does it matter anymore?

    THanks,

    Prad

    Thread Starter pradg

    (@pradg)

    @kamrulwp

    looks like the hover colour is being defined by the browser. On Chrome/Brave, the hover colour is Blue and on Firefox and Edge it is Grey.

    Maybe just CSS wont help me in this.

    Thread Starter pradg

    (@pradg)

    @dkjensen

    I am currently testing this on a Local WP installation. So not sure if I can share a link. But I tried with Ivory Search and Ajax Search Lite and find the same behaviour of the modal and search results not closing when user clicks outside the modal or search results.
    what I did observe is if I test this on desktop mode (browser) the modal/search results box closes when user clicks outside BUT when i resize the browser for different responsive resolutions, then on the first click outside closes the modal and on second click closes the search results box.

    Thread Starter pradg

    (@pradg)

    Hi @dkjensen

    I managed to add a Search Block (Ivory Search) inside your Light Modal block. Used some CSS generated from chatgpt (i am a non-coder) and it is almost like how I want it to look.

    However, I am facing an issue with –

    When I trigger the search and the Ivory Search / Ajaxz Search Lite plugin shows the results in an Ajax drop down, it stays open even when I click the modal close button or click anywhere else on the site. The light modal window closes but the search results from the Ivory Search or Ajax Search Lite plugin stays open. I have to click again somewhere else on the page to close this. So 1 click on any part of the page outside the modal closes the Modal but keeps the Ajax Search results window open and then i have to click again to close the results window.

    I have asked them (Ivory Search, Ajax Search devs) about this on the forum but havent gotten a reply yet. It only happens when I use it inside the Light Modal Plugin. So can you guide me why this might be happening and what can be done to mitigate this?

    Ajax Search triggered and results shown in a drop down

    Ajax Search Window still open when Modal is closed

    Although I would say that if I use a regular non-ajax search, this is working like the petapixel.com (except the smooth appearance animation which i do not care for) implementation. So I am good that way but the ajax part can make it even better.

    Thanks.

      Thread Starter pradg

      (@pradg)

      @threadi

      thanks for your input. I am a non-developer so unfortunately going through the stackoverflow page isn’t going to provide me much. I can understand basic code but not to the extent to figure out things.

      Gues the FSE touted as no-code website building isn’t without it’s fair share of gaps. Of course some solutions do need custom work I guess.

      Well I might have to resort to keeping the Search block outisde the header template part and have to ensure that all page/post templates have this.

      Thanks.

      Thread Starter pradg

      (@pradg)

      Thanks. Good to hear.

      I am not finding many block themes which have good Search implementation and the defaul Search Block is horrible from a UI/UX pov. One of the best implementations of Search on a block theme I see is on tehcrunch.com. Hopefully if your search implementation can mimic that.

      Thread Starter pradg

      (@pradg)

      @threadi

      Yes. I want the row with the Site Logo and Menu to be sticky but the Search row has to scroll as the user scrolls. and all of this has to be inside a single parent group so it’s easier to manage the header template part.

      actually I am currently testing this on a Local WP instance, i presume i cant share an accessible link.

      here’s the List view structure of this group. so if possible can you just add this on your local wp instance and test it? I am also using the Twentig plugin to show/hide groups on desktop and mobile/tablet.

      <!-- wp:group {"style":{"position":{"type":""}},"backgroundColor":"base","layout":{"type":"constrained","contentSize":"1260px"}} -->
      <div class="wp-block-group has-base-background-color has-background"><!-- wp:group {"metadata":{"name":"Header_Desktop"},"className":"tw-md-hidden tw-sm-hidden","layout":{"type":"constrained","contentSize":"1260px"}} -->
      <div class="wp-block-group tw-md-hidden tw-sm-hidden"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
      <div class="wp-block-group"><!-- wp:site-logo /-->

      <!-- wp:search {"label":"Search","showLabel":false,"width":566,"widthUnit":"px","buttonText":"Search","buttonPosition":"no-button","buttonUseIcon":true} /-->

      <!-- wp:navigation {"ref":6,"icon":"menu","twBreakpoint":"tablet"} /--></div>
      <!-- /wp:group --></div>
      <!-- /wp:group -->

      <!-- wp:group {"metadata":{"name":"Header_Tablet"},"className":"tw-lg-hidden","style":{"position":{"type":""},"spacing":{"padding":{"right":"0px","left":"0px","top":"5px","bottom":"8px"},"margin":{"top":"0","bottom":"0"}},"color":{"background":"#353541"}},"layout":{"type":"constrained","contentSize":"1260px"}} -->
      <div class="wp-block-group tw-lg-hidden has-background" style="background-color:#353541;margin-top:0;margin-bottom:0;padding-top:5px;padding-right:0px;padding-bottom:8px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","padding":{"right":"0","left":"0"},"margin":{"top":"0","bottom":"0"}},"position":{"type":""}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
      <div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-right:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"blockGap":"0"},"position":{"type":"sticky","top":"0px"}},"layout":{"type":"constrained","contentSize":"1260px"}} -->
      <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
      <div class="wp-block-group"><!-- wp:site-logo {"width":65} /-->

      <!-- wp:navigation {"ref":6,"icon":"menu"} /-->

      <!-- wp:searchwp/modal-form {"type":"button"} /--></div>
      <!-- /wp:group --></div>
      <!-- /wp:group -->

      <!-- wp:group {"className":".background-color: lightblue","backgroundColor":"border-dark","layout":{"type":"constrained","contentSize":"1260px"}} -->
      <div id="Search-block-tablet" class="wp-block-group .background-color: lightblue has-border-dark-background-color has-background"><!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","buttonPosition":"no-button","buttonUseIcon":true,"className":"tw-lg-hidden .wp-block-search__no-button.tw-lg-hidden.wp-block-search","style":{"spacing":{"margin":{"right":"0","left":"0"}},"border":{"radius":"5px"}}} /--></div>
      <!-- /wp:group --></div>
      <!-- /wp:group --></div>
      <!-- /wp:group --></div>
      <!-- /wp:group -->
      • This reply was modified 1 year, 5 months ago by pradg.
    Viewing 15 replies - 31 through 45 (of 58 total)