You could use jquery to split the title into letters and apply the class. That would work for any html page, regardless whether it was made by WordPress, Drupal, some dude that is stuck with Dreamweaver or whatever.
The WP way would be different. If you’re new this is fairly complex, but a good start if you’re willing to learn. The title of a WP post is generated by a function called get_the_title
. This function ends with a filter, that allows you to modify the resulting title. Like this, which you would put in the functions.php
file of your child theme:
add_filter ('the_title', 'wpse263471_split_title');
function wpse263471_split_title ($title) {
... do stuff ...
return $title;
}
In the place of ‘do stuff’ you would have to write php code that splits $title
into letters, adds <span class=slant>
around them and then glues $title
together before returning it.
Related Posts:
- Add class to before_widget for all widgets with a dropdown and a counter
- Tiny MCE custom styles, and preview in the backend
- How to define and link full path to css located at a random folder on header.php
- How to add CSS class to custom logo?
- How to add custom css file in theme?
- How important is it to enqueue a theme’s stylesheet?
- CSS not updating in browser when I change it
- Solutions for generating dynamic javascript / CSS
- Do I actually need to link my theme’s style.css in the theme files
- Enqueue a stylesheet for login page and make it appear in head element
- CSS classes for theme
- Generating CSS Files Dynamically Using PHP Scripts?
- How to remove the Theme Customization Button from the dashboard and themes options page?
- What filters are applied to the_content function?
- Enqueue Stylesheets After Theme’s “rtl.css”
- Change admin bar to default:off
- How to modify an image block in Gutenberg WordPress 5?
- Are the WordPress Core CSS styles really all nessesary?
- Understanding wp_add_inline_style
- Any alternate TinyMCE4 themes / subthemes?
- Splitting WordPress theme CSS into multiple files, good or bad?
- Edit srcset and sizes attributes in Gutenberg image, cover and gallery – blocks
- Hide a div that is part of all pages on one specific page
- Why I can’t add a CSS style in this WordPress theme?
- Can’t get staging site to display same way as live site. Completely stumped
- How to make a theme with more than one CSS file?
- wp_get_attachment_image_attributes not working for me
- Editing the custom background CSS
- Display a different theme for not logged-in users
- How to edit an existing WordPress theme? [closed]
- Run shortcode before filters
- Suggestions for creative use of post format feature, or themes that use them well
- Why max-width:97.5% on content images?
- add generated stylesheet from parent theme after child-themes style.css
- Add a preview to a WordPress Control Panel
- How to Auto Approve Comments on a Specific Page?
- use add_action(‘wp_head’) in a widget for generating dynamic CSS styles
- why does twenty eleven theme mix up the css measurement units?
- Setting up partial Right-to-Left admin interface
- Adding inline styles from a widget
- Get password when user registers and save it sha1 into database
- Can’t edit style.css in subdirectory of my theme?
- Adding dashicon fonts to the admin of pre 3.8 installs
- How to Handle CSS for Multiple Header header.php Files?
- Passing variable in hooks and filter
- CSS in child theme not overriding the parent theme [closed]
- How to add (css) classes to only one wp_nav_menu()?
- Adding dashicon fonts to the admin of pre 3.8 installs
- Move my theme style.css into a folder
- Convert a static website to a WordPress theme and import all existing content
- How to keep theme layout the same when admin gray bar is present?
- Enqueued Stylesheets Effecting Admin Styles
- Custom CSS In Uploads Folder
- There’s an image named g.gif somewhere in my WordPress site
- wp_head() not inserting the default stylesheet style.css
- How to highlight the current page in the nav menu?
- Writing Clean WooCommerce Styles
- WordPress nav_menu_css_class theme filter is not being called
- First completely customized theme, where should I start?
- Root Sage theme styles are not working!
- De-registering parent style sheet css recommended?
- customizing the_password_form filter
- Whats the safest way to output custom JavaScript and Css code entered by the admin in the Theme Settings?
- Alterntives to BEM syntax that comply with WordPress coding standards? [closed]
- Modify the Additional CSS section (adding a disclaimer)
- Sub folder CSS that’s read by Admin panel
- WordPress Genesis Child Theme Filter divs
- WordPress 5.8 update problem custom theme styles are overridden by core styles common.min.css
- WordPress default theme css units
- Change file name from wp_generate_attachment_metadata
- CSS won’t style output of wp_nav_menu() correctly
- Where is definied the theme location for the main menu in a WordPress template?
- Is it necessary to prefix every css class in a theme framework?
- current-menu-item class not working
- How to determine which custom header image is being shown
- enqueue_style is not working
- Custom CSS without css.php file
- Dequeue a style file which is making website load slow!
- Weekly background code not working
- Do I need normalize.css when developing my own WordPress-theme?
- How to float an image in Gutenberg
- Simple way to get two language WP site
- How do the default themes reference style.css?
- Media Uploader in custom path
- Multiple Page Templates & CSS
- Highlight “Show all” item in wp_list_categories
- Is it possible to edit the styling of the admin panel from within a custom theme?
- When trying to override plugin’s function by theme, my filter executes two times, I want it to run only a single time
- Menu item added in wp_nav_menu_items filter is never highlighted
- Theme Loading Into Dashboard
- What are the Entry classes for?
- Should I use add_filter for functions in function.php of the theme?
- Pass variable to hook. Its possible?
- Using PIE CSS in WordPress. “localizing” styles
- How to edit my theme for full width?
- How to check if a WordPress core block is active in sidebar
- Which html elements should be styled in wordpress theme
- How to override checkbox styles if these inputs have a unique id [closed]
- How to add material design css in wordpress and woocommerce
- How to add styles set by user in the customizer