Back-end Configurations

Estimated reading: 4 minutes 319 views

Back-end Configurations

  • In the All Snippets section, click on the Add New button to add a new snippet.
  • Or navigate to the WordPress Admin Dashboard → Post Snippets → Add Custom Code. 
  • The add new snippet page will open.

Add a Snippet Title

  • Enter a Snippet Title that will help you identify the snippet in the All Snippet page.

Code Editor

  • This is the block of Text, HTML or PHP code which is inserted in the post or used as a shortcode. 
  • Type in your code or text in the Code Editor.
  • If you have entered predefined variables you can reference them from the snippet by enclosing them in {} brackets in the Code Editor.

Add Variables

  • If you want to enter predefined variables, you can reference them from the Variables field.
  • The Variable field is a comma separated list of custom variables you can reference in your snippet. A variable can also be assigned a default value that will be used in the insert window by using the equal sign, variable=default.

Note: Assign your variable in “” (quotes) in code editor, for example: $variable = “{yourVariable}”. 

Make a shortcode

  • The Shortcode checkbox is the identifier, and it is required to make the appearance of the snippets on the page/post.
  • When enabling the shortcode checkbox, the snippet is no longer inserted directly but instead inserted as a shortcode in the post editor window. The advantage of this is that you can insert a block of text or code in many places on the site, and update the content from one single place.
  • It can still be added directly in the Block Editor if this option is not selected, provided that its status is Active.
  • The name to use the short-code is the same as the snippet title (spaces are not allowed). When inserting a short-code snippet, the short-code and not the content will be inserted in the post.
  • If you enclose the short-code in your posts, you can access the enclosed content by using the variable {content} in your snippet. The {content} variable is reserved, so don’t use it in the variables field.
  • The Shortcode can be found in the Actions panel located on the right hand side of the page. 
  • It is displayed after Saving the snippet. 

Make a PHP code

  • Snippets can optionally also be evaluated as PHP Code by enabling the PHP checkbox
  • Any snippet variables will be replaced before the snippet is evaluated as PHP code. 
  • Also note that a PHP snippet doesn’t need to be wrapped in <?php  ?>.
  • After clicking on the PHP Code checkbox, the code will be automatically wrapped in <?php ?> in the Code Editor.

WPTexturize

  • Before the shortcode is outputted, it can optionally be formatted with WPTexturize to transform quotes to smart quotes, apostrophes, dashes, ellipses, the trademark symbol, and the multiplication symbol.
  • Click on the WPTexturize checkbox to enable it.

Action Panel

  • The Actions panel is located on the right hand side of the page.
  • It contains the Download Snippet button. This button allows you to download the previous snippet version from the cloud. 
  • It contains the Upload Snippet button. This button allows you to upload the current snippet version on the cloud and update the previous snippet. 
  • You can also duplicate the snippet. Click on the Duplicate Snippet button if you want to duplicate it.
  • Shortcode of the snippet can be found in this panel if the shortcode checkbox is marked.
  • You can also change the status of your current snippet from the Status dropdown menu. Change it between Active and InActive.

Groups

  • If you want to add your snippet in a group, select a group from the Groups panel.

Add Description

  • You can add an optional description for the Snippet. 
  • Type in the description for the snippet in the Description.
  • After setting the snippet, click on the Save button to save the snippet.
  • Your snippet will be displayed in the snippet table in the All Snippets section.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Back-end Configurations

Or copy link

CONTENTS
Scroll to Top