Michał Czapliński

You’re welcome! Glad I could help. This idea was suggested to me by ChatGPT, by the way! 🙂

Have you changed your permalink settings from the default “Plain” setting? You need to do that in order for the REST API to be accessible at https://[yourdomain].com/wp-json.

Go to “Settings” > “Permalinks,” and try changing the value to “Post name” or “Day and name”.

It would be great if you could provide a bit more information in order to troubleshoot this:

1. Can you verify that the kamzici-js-stitky-prispevku.js file is indeed being loaded? You can, for example, add a console.log statement to that file and see if it appears when you load the editor?
2. Where do you use the kamziciJsStitkyPrispevku() function in your javascript file? In the snippet that you shared, you have only showed the function definition. You also need to “call” that function somehere and make sure that it’s called everytime that the value of the checkbox changes. Can you share that code?
3. Like mentioned in the previous comment, you can’t rely on the fact that “Kronika” has the inspector-checkbox-control-4 id because they can change. However, you could write a function that gets a reference to the checkbox based on the label text:

function findInputByLabelText(searchText) {
    // Get all label elements
    var labels = document.querySelectorAll('.components-checkbox-control__label');

    // Variable to store the input element once found
    var targetInput = null;

    // Iterate over each label element
    for (var i = 0; i < labels.length; i++) {
        // Check if the label's text content matches the search text
        if (labels[i].textContent.trim() === searchText) {
            // Get the parent element of the label
            var parentDiv = labels[i].parentNode;

            // Find the input element within the parent
            targetInput = parentDiv.querySelector('.components-checkbox-control__input');

            // Break the loop if the input is found
            if (targetInput) break;
        }
    }

    // Return the input element if found, otherwise null
    return targetInput;
}

Then, you could use that function to find the checkbox next to the Kronika:

function kamziciJsStitkyPrispevku() {
  let inputElement = findInputByLabelText('Kronika');
  if (remember.checked) {
    alert("checked");
  } else {
    alert("You didn't check it! Let me check it for you.");
  }
}

That said, you still have to make sure that your kamziciJsStitkyPrispevku function runs every time that the checkbox value is changed (like I mentioned in step 2.)

Hope this helps!!

Hi there! 👋 Yes, you can create this in WordPress. Here’s a step-by-step guide to help you set this up:

1. Create the Sidebar:
   • In your WordPress dashboard, go to “Appearance” > “Widgets”.
   • Here, you can add a new sidebar if your theme supports it. Alternatively, you can use an existing sidebar area.
   • Drag and drop the “Navigation Menu” widget into your sidebar area.
2. Create a Custom Menu for Sidebar:
   • Go to “Appearance” > “Menus”.
   • Create a new menu and add links to the content you want to display in the sidebar. These could be pages, posts, custom links, or categories.
   • After creating the menu, assign it to the sidebar widget area where you placed the “Navigation Menu” widget.
3. Make Sidebar Scrollable:
   • To make the sidebar scrollable, you will need to add custom CSS. Go to “Appearance” > “Customize” > “Additional CSS”.
   • Add the following CSS code:cssCopy code.your-sidebar-class { overflow-y: auto; max-height: 400px; /* Adjust the height as needed */ }
   • Replace .your-sidebar-class with the actual CSS class of your sidebar. You can find this by inspecting the page using your browser’s developer tools.
4. Ensure Links Don’t Navigate Away:
   • If you want the links in the sidebar to load content without navigating away from the page (like W3Schools), you’ll need to use AJAX or a similar technique. This is more complex and might require a custom plugin or a developer’s assistance.
   • Alternatively, you can link to anchor points within the same page. This will allow users to jump to different sections of the page without loading new pages.
5. Testing:
   • After setting everything up, test your sidebar to ensure it works as expected.

Hope this helps!

Hi there!

It appears that your site is using the “Plan Your Day” theme. You should be able to edit that mobile menu using the Customizer.

• Once logged into the Admin area, look for the “Appearance” menu on the left-hand side of the dashboard.
• Hover over or click on “Appearance,” and you’ll see a submenu.
• In this submenu, click on “Customize.” This will take you to the WordPress Customizer.

If you don’t see an option to remove the menu in the Customizer, you can try adding custom CSS to hide the “Login” item. This can also be done in the Customizer:

• Go to your WordPress Dashboard.
• Navigate to Appearance > Customize.
• Here, look for the ‘Additional CSS’ section.
• There, you can add the following CSS:

.login { display: none; }

Hope this helps!

The “small” logo from your site (https://www.to-bark.com/wp-content/uploads/2023/11/testlogomobile.png) seems to have an intrinsic width of 150px.

You could try adding an explicit width to your logo in CSS. For example:

@media only screen and (max-width: 981px) {
  img.jet-logo__img {
    content: url("http://yourwebsite.com/mobile_logo.png");
    width: 150px;
  }
}

Hi Tim!

It would be great if you could share a bit more information so that it’s possible to help you!

1. What have you tried to set the image size? In the example you shared, you are only adding a src attribute. You might want to add a width or height. For example, if you want the image to have a fixed height of 300px you could do this: echo '<img src="' . esc_url( plugins_url( '/plugin-name/assets/img/image.png' ) ) . '" width="300"> ';
2. Is there an error message? If yes, what does it say?
3. What is the plugin-name in your example?
4. In general, it is better to leave the image handling to WordPress itself. Is there any reason you could not use the Image block on your site?