Questions tagged [javascript]

A client side scripting language useful for making interactive web sites. Questions about using JavaScript outside a WordPress context are off-topic but might be asked on Stack Overflow.

911 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
7 votes
1 answer
934 views

Pass media upload value to input field

I have created a meta-box that provides a upload function via the default media uploader from WordPress. This works fine as long as I have one upload option. But guess what? I want another one. If I ...
user avatar
6 votes
1 answer
904 views

How to make a script load after Custom Block is loaded in the editor?

I'm trying to make a Custom Gutenberg Block, but I'm having trouble with loading javascript that goes with this block. On the front-end it works fine, but in the editor it seems that the script ...
user avatar
5 votes
0 answers
327 views

Gutenberg Blocks doesn't render correctly when using do_blocks

I'm trying to render a post_content with blocks using the do_blocks function, that takes a gutenberg content, parses every block, and returns an HTML string. The problem is that some blocks aren't ...
user avatar
  • 386
5 votes
2 answers
2k views

How to refresh Theme Customizer after change color inside wpColorPicker?

I develop my custom widget with setting where I can set up custom color for the widget. I use this code to initialize wpColorPicker instead of default text input in form() method of Widget class: ...
user avatar
5 votes
0 answers
408 views

RequireJS in custom theme. Working Example

I try to add to my custom wordpress Theme requirejs because I do not want to use wp_enqueue over and over to inject used plugins and on the other side I do not want to mess the DOM from the beginning. ...
user avatar
  • 822
4 votes
0 answers
375 views

Is there a core Sortable component in Gutenberg?

I managed to somewhat replicate the product gallery metabox from WooCommerce in Gutenberg using the third-party react-sortable-hoc component. As it seems that this component is no longer supported, I'...
user avatar
  • 1,607
4 votes
0 answers
493 views

Remove left alignment option in core/image block

I’m trying this code to disable the left alignment option from the core/image block. I just want to make available the center and right alignment options. wp.hooks.addFilter( 'blocks....
user avatar
  • 290
4 votes
0 answers
134 views

Hooking a callback into the code within a Gutenberg block

I want to run some JavaScript when a user uploads an image or images using the core/image block or core/gallery block. Ideally I would run my own code when the onSelectImage function is called (and ...
user avatar
  • 615
4 votes
1 answer
172 views

Detecting Wordpress Customizer Panel

Recently started developing a Wordpress theme relying heavily on the customizer API. One thing I'm stuck with is detecting when a specific panel has been clicked or opened. Regular old "on click" ...
user avatar
4 votes
1 answer
577 views

Display message once per session to users with a specific role

I need to display a message to only users with a specific role. The message should appear either as soon as the user logs in or if they re-open their browser after having closed it when logged in to ...
user avatar
  • 1,254
3 votes
0 answers
44 views

What is "open()" in MediaUpload?

Googling (or searching here) on "open" is hard :) The readme for MediaUpload gives this example: <MediaUpload onSelect={ ( media ) => console.log( 'selected ' + ...
user avatar
3 votes
0 answers
40 views

WordPress Rest API only returns content when posttype has editor capability

I am trying to request my post via the WordPress V2 Rest API in the backend. For whatever reason the post content is only returned when my custom post type has the editor support enabled. Is there a ...
user avatar
3 votes
0 answers
305 views

WordPress Customizer Control with React

I am just doing a demo on the WordPress customizer API to edit the header with custom controls. I have designed a custom control by extending WP_Customize_Control and Jquery to refresh/postMessage ...
user avatar
3 votes
0 answers
364 views

Why is this gutenberg custom format button only available from the toolbar as a dropdown?

I have a very simple custom format button for Gutenberg. JS code is as follows: (function ( wp ) { // Create our button. var lqdNotesButton = function( props ) { return wp.element....
user avatar
3 votes
0 answers
717 views

Restrict file types in the uploader of a wp.media frame

When creating a wp.media frame in JS, is it possible to specify allowed file types for the uploads tab? wp.media({ title: 'Pick a PDF', button: { text: 'Use this file...' }, ...
user avatar
  • 131
3 votes
0 answers
286 views

When using the block.getSaveElement hook can you output different markup based on whether or not you are in the edit view or the live page view?

I am trying to extend the core/image block to add an option for a deferred image. I want to replace the src attribute of the image with an empty string and add the url as a data attribute to be loaded ...
user avatar
3 votes
1 answer
1k views

Draggable item in custom gutenberg block

I'm developing some custom blocks in the new Gutenberg editor experience, and I'm struggle to understand how to use some build-in components, mostly the Draggable components. What I would like to ...
user avatar
  • 71
3 votes
1 answer
1k views

How to Use JSON With AJAX?

I've defined a PHP callback function to handle the communication between server-side and client-side: function json_render_modal_body() { check_ajax_referer( THEME_PREFIX . '-modals', 'nonce' ); ...
user avatar
3 votes
1 answer
826 views

preserve url parameters from affliliate sites

Please help, I am using a wp site as medium between e.g. a news site lets call it A and the actual site that e.g. sells a particular product lets call it B. A ---- medium site --- B news site ---- ...
user avatar
  • 31
3 votes
2 answers
3k views

Customizer Show/Hide Logo and Site Title

I've setup checkbox controls in my theme Customizer to show/hide the Logo and Site Title when they are checked/unchecked. By default, I want the Logo to display and the Site Title to be hidden. ...
user avatar
3 votes
0 answers
45 views

Script won't execute in the media manager

I'm trying to execute a jquery script on the click of a button in a custom tab of the media manager, but it does not seem to work. I have been told this might be due to the button not being loaded ...
user avatar
  • 131
3 votes
0 answers
613 views

Making a custom widget that includes a tinymce and works in Site Origin Page Builder

For a client I'm using Site Origins Page Builder plugin. It enables the client to make rich layouts for each page by dragging and dropping widgets. Site Origin widgets that require a WYSIWYG-editor ...
user avatar
3 votes
0 answers
182 views

How to create a repeatable / reusable divs in the metabox?

I have a meta box: <?php function custom_meta_box_markup() { global $post; $meta_box_text = get_post_meta( $post->ID, 'meta-box-text', true ); $meta_box_text_day = get_post_meta( $...
user avatar
3 votes
0 answers
989 views

How to overwrite JS variable with wp_localize _script?

The function wp_localize_script( $handle, $name, $data ); does not work when trying to overwrite the same variable, that is when calling the function second time with the same $handle and $name but ...
user avatar
3 votes
0 answers
304 views

Theme Customiser not live previewing changes on pseudo elements

I've been working with the Theme Customiser API lately and found that pseudo elements are not live updating using the previewer. In my project I have an image containing a transparent overlay using ...
user avatar
  • 188
3 votes
1 answer
1k views

Looking for callback function after Gutenberg is rendered?

On post/page editing screen, I want to call my functions as soon Gutenberg editor/whole page is fully rendered and visible. On WP 5.2.2, I have tried jQuery(document).ready(function () {}); and wp....
user avatar
  • 2,483
2 votes
0 answers
42 views

Provide specific example for block variation

I'm generating block variations on top of the "native" Gutenberg blocks (eg. core/***). For example, I have a "catchphrase" block, which is a variation of the paragraph block (core/...
user avatar
  • 121
2 votes
0 answers
31 views

Passing RichText attributes to function onChange

I have four RichText elements in a custom Gutenberg block I am developing, and they are all very similar except for the "name" attribute, which is currently hard-coded. What I need to do is ...
user avatar
2 votes
0 answers
31 views

Can I share predefined fonts from theme_support with a gutenberg component?

I have a few fonts defined in my functions.php: add_theme_support('editor-font-sizes', array( array( 'name' => esc_attr__('Small', 'moderna'), '...
user avatar
  • 21
2 votes
0 answers
294 views

Nonces, AJAX, script variables & security in WordPress

Alright, so let's say you develop a website where you enqueue a js script on a page X of your frontend, using: wp_enqueue_script( 'script_handle', PATH_TO_SCRIPT, array(), '1.0.0', true ); ...
user avatar
  • 286
2 votes
1 answer
1k views

Uncaught TypeError: Cannot read property 'firstChild' of null after upgrading to WordPress 5.5

I am getting the following error from comment-reply.min.js (which seems to be a WordPress file): Uncaught TypeError: Cannot read property 'firstChild' of null at comment-reply.min.js?ver=...
user avatar
2 votes
0 answers
481 views

WASM page in Wordpress website

I used emscripten to generate some html/js/wasm/data files and would like to add that as a page to my (Wordpress) website. Is this possible? If so, how?
user avatar
  • 121
2 votes
0 answers
30 views

How can I filter block registration based on post-type? (Block alignment settings)

I want to disable the .alignwide and .alignfull block alignment options (remove them from the editor UI) on the 'post' post-type only. I have tried using this block registration filter to modify the '...
user avatar
2 votes
0 answers
123 views

How to save a ToggleControl value in a meta field?

I registered a boolean meta field called _meta_restrict in a custom post type: PHP: function register_meta_fields() { register_post_meta( 'custom_post_type', '_meta_restrict', array( '...
user avatar
  • 1,607
2 votes
1 answer
43 views

How do I store information in a dynamic block in WordPress?

I am trying to develop a dynamic block plugin where I store up to 7 links using Gutenberg and so far here is part of my code: edit: props => { const { attributes: { links = [], ...
user avatar
2 votes
0 answers
153 views

How to handle Gutenberg wp.data async errors?

When using wp.data.select('core').getEntityRecords(...), there is a special selector for loading states wp.data.select('core/data').isResolving(...). But what about actual errors -- backend validation ...
user avatar
2 votes
0 answers
449 views

Set current tab on a Gutenberg TabPanel component from outside that component

I'm using the TabPanel component provided with Gutenberg to display some tabs. I'd like a button within one of the tabs to change the currently visible tab to another one and I can't work out how. ...
user avatar
  • 615
2 votes
0 answers
504 views

Block editor: How to check if block editor has initialized and populated the data store?

Within some JavaScript I have to get the current post content of Gutenberg. I am accessing this from jQuery (might be bad practice, however): $(document).ready(function() { const { select }...
user avatar
  • 495
2 votes
0 answers
518 views

Gutenberg List Extension Block

I'm trying to extend the default Gutenberg unordered list that renders like this; <ul> <li>Item 1</li> <li>Item 2</li> </ul> To something like this when ...
user avatar
  • 21
2 votes
0 answers
105 views

Extending wp JavaScript base class to make a post request to a custom REST endpoint

I've defined a REST endpoint /my-plugin/v1/post-read to show whether a post has been read or not, per-user. In PHP, my plugin keeps track of this depending on page views while logged in. I'm now ...
user avatar
  • 615
2 votes
1 answer
1k views

Make a list with header and subtext in Gutenberg blocks

I want to create a block in the gutenberg editor, to create lists with a header and subtext (interview format with question and answer). The list should be in an ordered list. I can't figure out how ...
user avatar
  • 121
2 votes
0 answers
127 views

How to check if customize previewer is refreshing?

I am trying to send data from customize control to customize previewer. The scripts work fine until the customize previewer is refresh. The problem is only the previewer is refresh, the customize ...
user avatar
  • 21
2 votes
0 answers
236 views

Gutenberg - What is the best way to save/update post meta?

What would be the best way in Gutenberg to save/update post meta (not from a block). I can't find an API for it. I was thinking of doing some ajax in componentDidMount using wp.ajax.post Any advice ...
user avatar
2 votes
1 answer
53 views

How to hook CSS file according to theme selection in the customizer section

I have added a new area in the Customizer section which allows a user to choose whichever theme colors they want: But I don't know how to activate/add CSS files according to the selection. i.e. add ...
user avatar
  • 121
2 votes
0 answers
235 views

Display notification only once

I am trying to use the getItem and setItem method to display notifications in an array only once. It works for the first 5 notifications but once you go above 5 there are a few issues that arise. For ...
user avatar
  • 111
2 votes
2 answers
1k views

Gutenberg block "This block appears to have been modified externally" on save

Just starting to play with Gutenberg block development, and I am building a very simple button (yes I know buttons are already included, but this block will have lots of settings and classes not ...
user avatar
  • 148
2 votes
3 answers
1k views

Relative path instead of absolute for wp_enqueue_script

When you enqueue scripts or styles with the following: function themeslug_enqueue_style() { wp_enqueue_style( 'core', '/style.css', false ); } add_action( 'wp_enqueue_scripts', '...
user avatar
2 votes
1 answer
409 views

wordpress post loop in javascript

How can I put WordPress post loop Codes in javascript? function top_news() { echo '<div class="news"></div>'; $query = get_posts(array( 'showposts' => 3, 'type' => 'topnews' ...
user avatar
  • 35
2 votes
0 answers
650 views

Search user metadata with checkboxes via ajax (almost working)

I have created an ajax search form following some tutorials online, it is working but not exactly how I need it to. Here is where I got the search from. I have US states setup as a user meta field ...
user avatar
  • 21
2 votes
0 answers
2k views

Remove type attribute from script added by wp_localize_script

How can I remove type attributes from all scripts added by wp_localize_script ? Have the same problem with W3C validation as described here - Remove type attribute from script and style tags added by ...
user avatar
  • 121

1
2 3 4 5
19