You need to change the_title() to get_the_title().
You are asking the shortcode to echo out a string that is returning the title.
It would be good for you to research the difference between the_title and get_the_title.
The main difference is that the_title is actually returning the title without any other requirement (this is simplified: there are filters happening as well) but it is why you see it first before the rest of the code.
Related Posts:
- current_shortcode() – detect currently used shortcode
- Get shortcode name from within it’s callback function? [duplicate]
- Tinymce – How to hook before or after live shortcodes rendering?
- How to customize a shortcode using the customizer
- how to have the gallery shortcode output one single UL list instead of several DL?
- Stray closing paragraph tag when using shortcodes
- WordPress transients for a shortcode
- Get post id shortcode
- How to handle valueless attributes in shortcodes?
- How execute shortcode with javascript
- The result of a shortcode appear BEFORE page content
- Getting the count of a shortcode that is nested
- How to render complicated shortcodes
- My shortcode is not working in Contact Form 7 Message Body
- How to make this shortcode work for post content
- Get Shortcode Attributes
- How I make a shortcode for this code?
- Shortcode doesn’t work with classes
- Get shortcode from the content and display it in other place (in sidebar, for example)
- Global, network-wide shortcodes or text replace functions
- Adding shortcode to the main menu
- Inserting PHP inside do_shortcode
- Prevent wordpress from rendering shortcode in post
- Executing a shortcode from a “normal” text/hyperlink
- Can a shortcode return its own name?
- Two different inner shortcode under shortcodes or multiple nesting of inner shortcodes
- Extra paragraph tags in an enclosing shortcode
- Order Woocommerce Products by Latest Reviewed
- $content not null in shortcode, even though it is self closing
- Create a shortcode that creates a form for users to edit their information
- How to split text text text into array
- WordPress Vue Js Shortcodes
- Shortcode multiple values
- How do you stop a shortcode from firing in the editor?
- Documentation for adding a tinyMCE view for visual live preview of custom shortcode?
- How can I implement shortcode on click event
- Gravity forms – get shortcode attribute from post content
- Login form from shortcode doesn’t redirect after successful login
- How to get the $atts of a shortcode
- Getting the count of a shortcode that is nested
- do_shortcode via ajax
- How to list users by custom field?
- Form Shortcode not saving data to WP database
- Adding a class to shortcode API
- Pass data back to TinyMCE from Thickbox
- Forcing WP to embedd a video when using a shortcode
- Shortcode for output of wp_get_archives displays at top of post
- Gutenberg Shortcode Fail
- How to add “get_theme_mod” inside a shortcode?
- How to create shortcode to display perticular word from page title
- Shortcode is not returned correctly
- Echo HTML in custom shortcode
- How do I make a shortcode?
- passing markup thought a shortcode attribute
- Echoing Shortcode content inside the loop
- How can I collect and output all attributes of all executed ShortCodes?
- Short code inside the page not working in WordPress
- Add inline style to pages where shortcode was used
- Why ‘do_shortcode’ doesn’t work in a REST request?
- Basic custom Shortcode not working
- Theme Icons not visible on http://domain.com, works on http://ipaddress
- Add variable in between do_shortcode
- How to pass an array as attribute of shortcode to work properly shortcode parser?
- shortcode – I need to throw a message or load a different page
- How to add site tags in alphabetical order to shortcode?
- WordPress post shortcode pagination not working
- Using shortcodes in the Site Title
- Use atributes of shortcode in get template part
- Problem parsing long parameter in shortcode
- How to display content if user meta data isn’t empty with shortcode
- How to display total user count by specific role in WordPress as statistics?
- User name in referral URLs
- Is there any way to set the Featured image in wordpress post editor, using a Getty images embed code
- Add Style to text in a PHP block
- How I can add placeholder in shortcode
- I’m using rtMedia and Youzer. Can Shortcodes be used to display a video gallery?
- Help with a function to create a shortcode
- How to use strip_shortcodes() from a spawned process?
- Content included from pagination
- How to completely prevent WordPress from destroying/modifying my shortcode outputs?
- Term Description Echo or Return – display problems
- Same Shortcode not executing second time
- Check if Page=current user page via shortcode
- Is it inefficient to repeat a Shortcode 100 times on a page?
- Shortcode with multiple paramaters
- tinymce custom button
- Replace custom gallery shortcode with default gallery shortcode
- Custom shortcode is not working inside tabs
- WordPress Payment link will not transform PHP vars into values
- Does a String Replacing script affect shortcode output?
- Shortcode for showing childpages
- How to create shortcode for auto login after registration
- How WordPress Displaying Shortcode In Post Content?
- the_time function inside HTML dom parser
- Shortcodes in Options Panel textareas
- How to Convert Shortcode into a link?
- Insert shortcode in widget area
- Wpautop stops working after get_the_excerpt
- Good example of a short code +4346? [closed]
- filter custom field with checkboxes and show it with one shortcode