Creating or Changing Slugs in DecapCMS (formerly Netlify CMS)
By default DecapCMS with 11ty uses the filename “name” to create the URL slug.
This is good insofar as when you change the title of your article / blogpost, it will keep the same slug and the URL and links you shared externally or are set as absolute paths will not break.
But there are reasons and times you want to change the URL
- maybe it is too long,
- you change the title and/or H1 and want to keep users on track in their user journey,
- you change or update the content and want to rank for a different keyword.
You could either change the filename, or add/change the “slug” key/property in your YAML frontmatter.
By default no slug key is defined when you add a new article in NetlifyCMS.
Remember, the URL slug gets generated by the file name. The filename gets generated by the title tag you define in the NetlifyCMS GUI.
How it is generated is defined in
admin/config.yml
Also, by default “name” is set to come before “slug” but this YAML works with a “fallback” or “fallback mechanism”. Because the program prioritizes the first search field and only resorts to using the second search field if the first one fails or is not applicable.
So you have to change the order in the config.yaml to look like so:
value_field: cms/blog/.md
search_fields:
- slug
- name
Because whatever it finds first, it uses as slug!
Therefore when you change the slug, and not the name (because why would you if you can define the slug?) the program that reads this YAML configuration will then apply the fallback mechanism based on the order in which the search fields are listed. Only if the “slug” key cannot be used for some reason, the program will "fall back" to using the “name” key instead.
Optimize Netlify Build Minutes and DecapCMS by Skipping Unnecessary Builds
Optimize Netlify Build Minutes and DecapCMS by Skipping Unnecessary Builds
Displaying Both the Publication and Update Dates on Webpages
Showing both the update and the publish date on your blog / web page seems to be difficult for Search Engines and therefore it seems like only displaying “last updated” is the safer way. If your blog shows more than one date, you are probably confusing Google.
Localization: The "hreflang" Tag Accross Different Domains
John Mueller on how to use the hreflang tags across domains for the localization schemas: It doesn't matter if it's all on one domain or across multiple domains. It should just be one clear place per country and language.
DecapCMS Markdown Guide: Handling URLs with Parentheses for Text Fragment Highlighting
Are broken links in your DecapCMS Markdown articles giving you a headache? never let parentheses break your links again: handle text fragment highlighting in Markdown. No more parentheses-induced troubles in your Github articles built with Netlify!
Leveraging a Small JavaScript for a Quick Multilingual Strategy in Webflow
A button that appears when there is an alternate language defined for your content, making your cotent more relevant to your users experiences. Implementing a Dynamic Language Switcher Button with JavaScript
Interactive URL Copy Feature in Webflow Using Clean JavaScript and Clipboard API
An interactive URL copy feature in Webflow. Using clean JavaScript and the powerful Clipboard API, making it easier for visitors to share your pages. Because who doesn’t appreciate a great user experience?
An Extensive Dynamic Table of Contents Generator for Webflow CMS
Boost your Webflow Blog's readability and SEO with a dynamic Table of Contents (ToC) generator. It automatically creates a stylable, navigable ToC from your headings, and enhances user experience by highlighting the active section during scrolling.
Styling Our Auto-Generated ToC in Webflow
Creating or Changing Slugs in DecapCMS (formerly Netlify CMS)
Changing the URL Slug of your post in DecapCMS in config.yaml using the slug key and name key
Smooth Scrolling to the Next Section with JavaScript and [foo](#next) markdown syntax
When I write [[`foo`](#next)`](#next)` markdown syntax in my content I want the reader to jump to the next section, the next anchor, on my webpage.
Vimeo vs YouTube Embed for your Website
Consider this when you decide between YouTube or Vimeo for Website embeds
Editorial Workflow in Decap CMs (formerly Netlify CMS)
README for ChatGPT and How to Write the Best Prompts
When answering prompts, does it help ChatGPT to be more specific and precise if you give it a set of definitions upfront?
Use Hash-symbol vs Triple-quotes Syntax for Commenting Python Code
Consider this when you choose the syntax for commenting code in Python
Dynamically Generated ToC with Webflow CMS
Generating ToC’s based on h2 and h3 headings of a rich text CMS element with active states in a sticky Table of Contents
Dynamic Social Media Share Buttons for Webflow CMS Blogposts
Add a Twitter button and a share on LinkedIn to your blogposts with sharing content generated from Webflow CMS
Calculate Read Time from Webflow CMS
Calculated a read time from Webflow CMS and add to your blog template.
Add Copy-able Code Blocks to Webflow CMS
Uses highlight.js and custom code to add code blocks where you can copy the code to rich text element of Webflow CMS