{"title":"Adding a Code to Display any Code in the Content","id":37037,"link":"https:\/\/env.averta.net\/en\/step\/adding-a-code-to-display-any-code-in-the-content\/","parent":[37142],"content":"<p>Use <strong>Code<\/strong> shortcode to display a source code in a stylish way. You can add the Code shortcode, then fill in its attributes. Available options will be explained below.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-37042 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/code-1.png\" alt=\"code\" width=\"904\" height=\"180\" \/><\/p>\n<pre class=\"\">[aux_code language=\"javascript\" theme=\"tomorrow\" title=\"Title\" extra_classes=\"\"]insert your code here[\/aux_code]<\/pre>\n<p style=\"text-align: center;\"><p class=\"aswi-text-box box-recommend\"><strong>Recommended: <\/strong>To see the demos of <strong>Code<\/strong>, check out <a target=\"_blanck\" href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/default\/code\/\" >this link<\/a>.<\/p>\n<table>\n<tbody>\n<tr>\n<th style=\"text-align: center;\">Option<\/th>\n<th style=\"text-align: center;\">Default Value<\/th>\n<th style=\"text-align: center;\">Values and Description<\/th>\n<\/tr>\n<tr>\n<td>title<\/td>\n<td>&#8220;Title&#8221;<\/td>\n<td>Write a header title here.<\/td>\n<\/tr>\n<tr>\n<td>language<\/td>\n<td>&#8220;javascript&#8221;<\/td>\n<td>&#8220;javascript&#8221;<\/p>\n<p>&#8220;html&#8221;<\/p>\n<p>&#8220;xml&#8221;<\/td>\n<\/tr>\n<tr>\n<td>theme<\/td>\n<td>&#8220;tomorrow&#8221;<\/td>\n<td>&#8220;tomorrow&#8221;<\/p>\n<p>&#8220;dark&#8221;<\/p>\n<p>&#8220;far&#8221;<\/p>\n<p>&#8220;googlecode&#8221;<\/p>\n<p>&#8220;github.com&#8221;<\/p>\n<p>&#8220;monokai&#8221;<\/td>\n<\/tr>\n<tr>\n<td>extra_classes<\/td>\n<td>&#8221; &#8220;<\/td>\n<td>Add your custom CSS class names here, to style particular content element differently.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","type":"solution"}