Mocursor Smart TOC
Mocursor Smart TOC is a lightweight, feature-packed Gutenberg block that automatically generates a linked table of contents from the headings in your posts and pages. Simply drop it into your content — it just works. Also available as a [mctoc] shortcode for classic editor users. The block is fully dynamic, accessible, lightweight, and theme-aware. It uses WordPress design tokens and CSS custom properties so it inherits your theme’s colors, fonts, and spacing automatically. Shortcode Support The Mocursor Smart TOC block is also available as a [mctoc] shortcode for use in the classic editor, widgets, or theme templates. Basic usage: [mctoc] With options: [mctoc title="On This Page" include_h2="true" include_h3="true" include_h4="false" numbering="nested" collapsed="true" sticky="true" offset="100" skip="1" exclude_headings="Related Posts,Comments" back_to_top="true" align="right" justify=""] Available shortcode attributes: title — TOC heading text (default: “Table of Contents”) include_h2 — Include H2 headings: “true” or “false” (default: “true”) include_h3 — Include H3 headings: “true” or “false” (default: “true”) include_h4 — Include H4 headings: “true” or “false” (default: “true”) exclude_headings — Comma-separated heading texts to exclude numbering — Numbering style: “none”, “decimal”, or “nested” (default: “none”) collapsed — Start collapsed: “true” or “false” (default: “false”) sticky — Enable sticky mode: “true” or “false” (default: “false”) offset — Scroll offset in pixels for fixed headers (default: 80) skip — Number of headings to skip from the start (default: 0) back_to_top — Show “Back to Top” link: “true” or “false” (default: “false”) align — Floating block alignment: “left”, “center”, or “right”. Left/right allow nearby content to wrap beside the TOC. justify — No-wrap TOC position: “left”, “center”, or “right”. Surrounding content stays above and below the TOC. Ideal Use Cases Mocursor Smart TOC is perfect for: Long-form blog posts — Help readers navigate 2,000+ word articles with ease. Documentation and knowledge bases — Technical docs, how-to guides, and reference pages. Online courses and tutorials — Give learners a clear roadmap of every lesson section. Legal, policy, and compliance pages — Terms of service, privacy policies, and similar documents. Product and feature pages — Long product descriptions with multiple sections. Recipe and travel blogs — Readers can jump to the section they care about. Wiki-style internal sites — Any WordPress site used as an internal wiki or resource library. Accessibility-focused sites — The TOC gives keyboard and screen reader users a reliable way to navigate. Classic editor users — The shortcode works perfectly in the classic editor. Why Choose Mocursor Smart TOC? Zero configuration needed — Drop the block in and it works immediately. 100% Gutenberg-native + Shortcode — Built as a real Gutenberg block with a classic shortcode fallback. Dynamic and always up to date — Server-rendered, always matches the current content. Incredibly lightweight — No JavaScript frameworks. Pure vanilla JS for all interactivity. Deeply customizable — Rich inspector controls for heading levels, numbering, collapsibility, sticky mode, and more. Accessible by default — Proper ARIA attributes, keyboard navigation, semantic HTML, and focus management. Theme-aware — Uses WordPress design tokens and CSS custom properties. No lock-in — Deactivate the plugin and your content is untouched. Privacy-friendly — No external requests, no tracking, no analytics, no cookies. Open source — Licensed under GPLv2. Block Features Automatic heading detection for H2, H3, and H4 Heading level filtering with individual checkboxes Exclude specific headings by text Skip first N headings option Three numbering styles: None, Decimal, Nested Collapsible TOC with configurable default state Smooth scrolling with configurable offset Active heading highlight via IntersectionObserver Back to Top link Sticky mode Live editor preview Full block editor design controls (colors, typography, spacing, borders) Left, center, and right floating alignment using native block controls Left, center, and right no-wrap justification for positioning without shifting surrounding content beside the TOC Shortcode support with full attribute control How to Use Method 1: Block Editor Install and activate the plugin. Open any post or page in the block editor. Click the block inserter (+), search for “Mocursor Smart TOC”, and insert the block. For a floating layout where text can wrap beside the TOC, use the block toolbar alignment (left, center, or right). For positioning without text wrapping, open Layout → Justify TOC (No Text Wrap) and choose Left, Center, or Right. Publish — the TOC renders with smooth scrolling and active heading tracking. Method 2: Shortcode In any post, page, or widget, type [mctoc]. Optionally use floating alignment: [mctoc title="Contents" numbering="decimal" align="left"]. Or use no-wrap positioning: [mctoc title="Contents" numbering="decimal" justify="right"]. Method 3: PHP Template Tips: Place the TOC inside a Group block with a max-width for a contained look. Enable sticky mode for sidebar layouts. Use the shortcode in classic editor widgets or template files.
PDFDraft – Drag & Drop PDF Builder, PDF Viewer, Embed & Download PDF, Certificate & Invoice Designer
A PDF builder, PDF generator, and PDF embedder for WordPress — design, generate, and publish professional documents with no coding required. Every other WordPress PDF plugin makes you compromise — fixed templates, rigid layouts, output that never quite looks right. PDFDraft gives you a free-form canvas where you place anything, anywhere, and the result looks exactly the way you designed it. Drop in a smart tag and it stops being a static document entirely. Our PDF generator auto-fills it with real WordPress data — names, emails, post titles, site details — personalized for every single WordPress user. ⚡ Quick Links: Explore all features See what you can build 🏗️ PDF Builder Features: Free-canvas drag & drop PDF builder: Place text, images, and tables anywhere on the canvas with pixel-perfect precision. Smart Tags and Dynamic Fields: Add dynamic fields to your PDF for WordPress data like post title, post meta, author, user details, site name, and site URL using smart tags. Typography controls: Customize font, size, weight, line height, and letter spacing for every text element. Template Library: Start quickly with professionally designed PDF templates for certificates, invitations, invoices and more. Brand Customization: Control fonts, colors, backgrounds, and logo placement in the PDF. Print-Ready Output: Produce clean, crisp PDFs that look professional on screen and on paper. ⚙️ PDF Generator Features: Instant PDF Generation: Generate PDFs immediately when content is ready, with no manual server setup. Dynamic Smart Tags: Pull any WordPress data field into any part of a PDF document automatically. Runs locally: All PDF generation happens on your WordPress server — no data is ever sent to third-party services. 📄 PDF Embedder & Embed Options Multiple Embed Options: Show PDFs with an inline viewer, download button, shortcode, or block. Gutenberg blocks included: Embed a PDF inline viewer or add a download button anywhere in your content using native WordPress blocks. Shortcode support: Embed your PDF or download link anywhere shortcodes are accepted — no page builder required. 🎯 What You Can Build with PDFDraft Course Creators: Generate completion certificates with learner and course details Event Organizers: Create personalized invitation PDFs for each guest using dynamic smart tags Blogs and Content Sites: Convert posts and pages into branded downloadable PDFs Awards & recognition documents: One template, unlimited personalised outputs Anything you can design: The free canvas means no limits on what you build 👥 Who Uses PDFDraft? For personalisation — Course creators, educators, and membership site owners who need every PDF to feel made for that specific person. For automation — Site owners and publishers who want to design once and have PDFs generate automatically for every post, user, or event. For power users — WordPress builders and developers who want to pull any data field into any part of a PDF without writing custom code. 🚀 Quick Setup – Under 2 Minutes Install and activate PDFDraft from your WordPress dashboard. Choose a PDF template from the library or start from a blank canvas. Design your layout with the visual drag-and-drop builder. Add smart tags to auto-fill data from WordPress into your PDF. Publish and generate your PDF. External Services PDFDraft does not connect to external services. PDF generation runs locally on your WordPress site with no data sent to third-party servers. Coming soon PDFDraft is actively growing. A WooCommerce addon for automated invoices, packing slips, and order PDFs is currently in development and coming soon.
