Crafting Web Experiences
//
WordPress
Manually analyze for Malware with VS Code (it’s a tedious job)
Press Ctrl+Shift+F (or Cmd+Shift+F on Mac). Click the .* button on the right side of the search box to enable regex mode— this is important because most of these patterns are regex. Also useful: the “files to include” field at the bottom. Use *.php to limit to PHP files, or *.{php,js} for both. The “files to exclude” field helps too — put **/libraries/**, **/libs/**, **/vendor/**, **/node_modules/** there to skip third-party code. Tier…
Protected: WP Malware/Backdoor: credential harvesting and remote uploader
–There is no excerpt because this is a protected post.
Gutenberg Instructions/Documentation
How to create a block? npx @wordpress/create-block@latest <block-name> Generate .pot file for block translation: After translating with Poedit or the Loco Translate plugin (better sync), you need to generate the .json files for the translations to take effect in the block editor: How to create a block? Default Components: Default Blocks Repo: https://github.com/WordPress/gutenberg…ibrary/src How to Extend the…
How to get posts from REST API for a Gutenberg Block
Examples: https://ryanwelcher.com/2021/08/18/req…tyrecords https://permanenttourist.ch/2023/01/us…-rest-api
WordPress Block JS Code Standard (Prettier)
Installation Install the module $ npm install @wordpress/prettier-config –save-dev Note: This package requires Node.js version with long-term support status (check Active LTS or Maintenance LTS releases). It is not compatible with older versions. Usage Add this to your package.json file: “prettier”: “@wordpress/prettier-config” Alternatively, add this to .prettierrc file: “@wordpress/prettier-config” Or add this to .prettierrc.js file: module.exports = require( ‘@wordpress/prettier-config’ );
Block editor functions
Lists all blocks from block editor wp.data.select( ‘core/block-editor’ ).getBlocks(); wp.data.select( ‘core/block-editor’).getBlockRootClientId( clientId ) Get Parent Block Client Id Set attributes wp.data.dispatch(“core/block-editor”).updateBlockAttributes(“block_client_id”, {attr}); Get root block client id: (e.g when you are extending the query-loop) wp.data.select(“core/block-editor”).getBlockRootClientId( clientId_child_block ); Get featured image $featuredImageId = wp.data.select(“core/editor”).getEditedPostAttribute(“featured_media”); Get current post type wp.data.select(“core/editor”).getCurrentPostType(); Execute on DOM ready wp.domReady(function () {} ); …
Customize Loop Query
https://developer.wordpress.org/refere…uery_vars Frontend: Editor: JS: Note: When defining the code on the server side, changes are not reactive in the block editor. To achieve an immediate effect, I recommend using Gutenberg’s built-in methods (see link), inside a useEffect.
CSP, STS, X-Frame-Options, X-Content-Type, Referrer-Policy and Permissions-Policy
In case you can’t add in your Web Server, then you can use as PHP. For the CSP, you can generate using the Chrome extension: CSP Generator.
Rename wp-content/ directory to something different
You can relocate the wp-content folder by defining these constants in wp-config.php before the require_once line that loads wp-settings.php: What each constant does: Checklist before switching:
Support board incompatibility with Litespeed
There’s an issue with Support Board plugin and Litespeed plugin. The widget won’t show on the frontend! The reason is that litespeed is minifying a core js file of the support board plugin. To fix this, you need to add wp-content/plugins/supportboard/supportboard/js/main.js to Litespeed Cache > Page Optimization > [8] Tunning > JS Excludes.
Protected: Import posts from REST API of another WP blog
–There is no excerpt because this is a protected post.
Protected: Import posts from sitemap of another WP blog
–There is no excerpt because this is a protected post.