A code block is a versatile feature that allows you to add custom HTML, Markdown, CSS, and JavaScript to your pages, blog posts, sidebars, and footers. It's particularly useful for embedding third-party widgets and implementing customizations that aren't possible with standard blocks.

Adding a Code Block:

1. Click "Add Block" or the insertion point while editing
2. Select "Code"
3. Click the pencil icon to open the block editor
4. Enter your code in the text field

For code snippets:

• Toggle "Show Source" to display code as formatted text
• Choose "HTML" or "Markdown" from the Type menu
• For CSS, wrap code in

  <style>

  tags
• For JavaScript, wrap code in

  <script>

  tags

Important Considerations:

• Code in index pages may not render properly
• Ajax loading can interfere with custom code
• When logged in, you may need to use "View in Safe Mode" to see embedded items
• Disable scripts in preview mode if you encounter editing issues

Troubleshooting Tips:

1. Remove page from index to test functionality
2. Disable Ajax to check for conflicts
3. Contact widget providers for specific implementation issues
4. Consider consulting documentation or hiring an expert for complex customizations

The code block automatically formats code snippets for better readability, making it ideal for displaying code examples and implementing custom features on your site.

For security and optimal performance, always test your custom code thoroughly and follow best practices for code implementation.

Related Articles

Previous Articles