Blog Page Post Excerpt Element

Blog Page Post Excerpt Element

License

Synopsis

Create a blog page post excerpt element.

Version

• 0.1.0

SS Versions

• 7.1

• 7.0 (Brine template family, Bedford template family)

v7.1 Fluid Engine Compatible

• Not Applicable

Dependencies

• Squarespace plan that supports JavaScript.

• Elements Manipulate

---

Install

• Install Elements Manipulate. After you install the code be sure to continue on with the rest of the steps.

• In the elements manipulate code add the following data structure per that codes instructions.

      "head meta[ name=\"description\" ]" : {
      
        "selectorDestination" : ".blog-item-top-wrapper",
        
        // action value is after, append, before, prepend or replace
        
        "action" : "append",
        
        // selectorParentDestination is optional, use when you want to first
        // find a selector destination but then work up the ancestor hierarchy
        // to manipulate it
        
        "selectorParentDestination" : "[ enter selector parent destination here between double quotes replacing square brackets ]",
        
        // sourceCopy when true will make a copy of the source element and use
        // it instead of the actual selectorSource. value is false or true
        
        "sourceCopy" : false,
        
        // callback is optional, use when you want to manipulate the structure
        // of the source element. replace undefined with the name of your custom
        // function
        //
        // your callback must accept and return a JavaScript object
        
        "callback" : "twcBlogPagePostExcerptElement"
        
        },
        
  

• Options

  • Blog Page Specific

    • This option will be the one most will want to use if you have only a single blog page you want to have this effect.

    • Add code from file blog page post excerpt element.html to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see Per-page code injection.

  • Site-wide

    • This option is the one you want to use if you have multiple blog pages where you want to have this effect.

    • Add code from file blog page post excerpt element.html to Website > Pages > Website Tools > Code Injection > FOOTER. Please see Add code to code injection.

Make a Donation

Please consider making a donation.

Changes

• 2024-08-22

  • initial version