Shika Theme Documentation: Split Article Shortcode
Shika Theme Documentation This guide will help you understand how to use the split article shortcode in the Shika theme. The split article shortcode is a powerful feature that allows you to create visually appealing comparisons or parallel content sections in your articles. What is the Split Article Shortcode? The split article shortcode divides content into two sections (left and right) with a connector note in the middle. This layout is perfect for:
Split Article Shortcode: Practical Examples
Split Article Shortcode: Practical Examples This page demonstrates several practical examples of the split article shortcode in action. You can use these examples as inspiration for your own content. Example 1: Code Comparison The split-article shortcode can be used to compare different code implementations: {{< split-article left="### HTML Version\n```html\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col\">\n <p>Content</p>\n </div>\n </div>\n</div>\n```" right="### JSX Version\n```jsx\nfunction Container() {\n return (\n <div className=\"container\">\n <div className=\"row\">\n <div className=\"col\">\n <p>Content</p>\n </div>\n </div>\n </div>\n );\n}\n```" leftPoint="Traditional HTML" rightPoint="React JSX" note="Different syntaxes for describing the same UI component structure.