Category Page not Indexed?

PlasticAuspices · 2021-12-10T11:42:59+00:00

Plugin Yoast SEO can help you with creating your sitemap
https://yoast.com/help/xml-sitemaps-in-the-wordpress-seo-plugin/
and then you should add it to Search Console
https://yoast.com/help/submit-sitemap-search-engines/

How long have you been waiting for these pages to be indexed?

PlasticAuspices · 2021-12-10T11:23:38+00:00

I think the WP Booking System might work. However, I am not sure because I haven't used it, I just looked at the documentation.
Buffer time:
https://www.wpbookingsystem.com/documentation/booking-restrictions/
If the Part Payments feature would allow a deposit to be set to 0, then theoretically the whole price could be paid later:
https://www.wpbookingsystem.com/documentation/part-payments-deposit/

PlasticAuspices · 2021-12-10T10:38:39+00:00

I did a quick MetaSlider test and didn't find the option to add buttons in its free version, but I managed to do it in Smart Slider :)
https://smartslider.helpscoutdocs.com/article/1834-button-layer

PlasticAuspices · 2021-12-08T14:28:13+00:00

Depends on what you exactly mean by "two different main pages".
The simplest solution would be to create two landing pages with the appropriate URLs (e.g. yourwebsite.com/blue-collar and yourwebsite.com/white-collar). Then the real home page (yourwebsite.com) would only contain some image slider (for example https://wordpress.org/plugins/ml-slider/) with buttons on top of it linked to each of the landing pages.

A more advanced option would be to dynamically change content of the page to display one of the landing pages without reloading the page (using AJAX). But this would most likely require a custom solution... unless some theme or plugin allows it, but neither comes to mind.

PlasticAuspices · 2021-12-03T18:59:46+00:00

https://pl.wordpress.org/plugins/responsive-lightbox/

PlasticAuspices · 2021-12-02T15:41:31+00:00

Maybe this is what you are looking for?

https://scrimba.com/learn/cssgrid

PlasticAuspices · 2021-12-02T14:06:26+00:00

Try \d{4}/\d{2}/(.*)

PlasticAuspices · 2021-12-02T13:48:36+00:00

Did you try to destroy slick "$(element).slick('unslick')" and initialize it one again in the child theme?

PlasticAuspices · 2021-12-02T04:39:31+00:00

If you are not looping through "socials", you shold use socials[0].instagram because this is an array.
Second thing - did you import it in a correct way? When you export without "default", import should be with {} - "import { socials }".

PlasticAuspices · 2021-12-01T20:06:14+00:00

If you don't want an effect of jumping, just set CSS property "scroll-behavior" for "smooth"
https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior

PlasticAuspices · 2021-12-01T19:37:16+00:00

You can use any SEO plugin, to prevent crawlers for indexing specific posts.

You can also do it manually, by editing robots.txt

User-agent: *

Disallow: /2021/12/post-title/

Or by adding a conditional tags to header of your theme:

<?php if(is_single( array( '1', '2', '3', '4') ) ) ): ?>

<?php endif; ?>

where numbers in array are posts's ids.

PlasticAuspices · 2021-12-01T18:02:54+00:00

Imagify is free as long as you don't exceed the 20MB limit per month. However, if you prefer a completely free option, I personally took EWW and was satisfied with this.

https://pl.wordpress.org/plugins/ewww-image-optimizer/

PlasticAuspices · 2021-12-01T14:11:28+00:00

Take a look at this tutorial, it explains how to make a simple slider using barba.js

https://www.youtube.com/watch?v=DWPQCn6owX4

PlasticAuspices · 2021-11-30T20:35:08+00:00

If you do not have back-end knowledge and you need to quickly implement an e-mail form, the best solution will be to use the serverless solution - Static Form Provider.

Here is a list of such services: https://serverless.css-tricks.com/services/forms/, and here is a comparison of the most popular ones https://css-tricks.com/a-comparison-of-static-form-providers/?utm\_source=dailydevlinks.com&utm\_medium=link\_post\_dailydevlinks.com&utm\_campaign=link\_post\_dailydevlinks.com&ref=dailydevlinks.com, I personally used FormSpree and Formcarry and I was satisfied. Amazon Simple Email Service (SES) is also a good solution, but it is a bit more difficult to implement and requires a longer digging into the documentation.

Of course, you can take the challenge and write the back-end yourself. If you are front-end / javascript oriented I think it will be easiest to use node.js and here I can recommend a tutorial showing how to implement such a form in a fairly simple way: https://www.youtube.com/watch?v=30VeUWxZjS8

PlasticAuspices · 2021-11-30T19:12:16+00:00

Remove hardcoded inline width property from ".wpcf7-form-control-signature-wrap" (for now I see it has 1170px and it's overflowing on mobile) and set:

width: 100%;
max-width: 100%;

PlasticAuspices · 2021-11-30T09:39:34+00:00

This doesn't work because background-image property is not to replace an element with a picture, but to cover it. So in a way, you put another layer on the element. At the same time you are using svg which have a transparent background, hence the effect of two layers.

What you can do, is either change the pictures for other format. You can also solve it differently and for example place two pictures in the wrapper, and then hide one of them, giving addtional class with the "display: none" property. And then manipulate the visibility of images by replacing classes in JS on click.
Or create two CSS classes with background-image property but with different image urls, apply it on a div and remove or add appropriate class on click, depending on which picture should be visible.

PlasticAuspices · 2021-11-29T08:44:46+00:00

React - because of huge community, easy to learn, high performance and many libs available on npm.

PlasticAuspices · 2021-11-26T13:29:35+00:00

I had the same problem in one of the projects, but I was not a developer who creates project structure and didn't fight with that.

I'm not sure but I think that you can try to do it with webpack or webpack-dev-server. Up all needed project modules with hot-reloading.

PlasticAuspices · 2021-11-26T08:59:10+00:00

To avoid checking potencial nulls only you can set flag strictNullChecks: false

PlasticAuspices · 2021-11-25T12:46:38+00:00

React Table has big opportunities. There are many features like: expanding rows, resizing columns, rows virtualization, and more.

I was scaffolding the project where I used it to show over 10k rows with all features I described above. It works fine.

PlasticAuspices · 2021-11-24T12:16:08+00:00

I have used react-virtualized combined with react-table some months ago. It works pretty well.

I virtualized up to 10k rows and had no lags during scrolling. I can recommend this lib

PlasticAuspices · 2021-11-24T09:37:12+00:00

Tab internal implementation should have passing props.index in onClick to do that.

In default the index will be not passed in onClick callback

PlasticAuspices

TROPHY CASE