{"id":27301,"date":"2024-11-14T15:26:50","date_gmt":"2024-11-14T14:26:50","guid":{"rendered":"https:\/\/www.digitizer.rs\/news-stories\/how-to-further-decorate-the-content-of-your-website\/"},"modified":"2026-01-09T15:28:27","modified_gmt":"2026-01-09T14:28:27","slug":"how-to-further-decorate-the-content-of-your-website","status":"publish","type":"post","link":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/","title":{"rendered":"How to further decorate the content of your website?"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1587386989437{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1620635326724{padding-top: 50px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]<span style=\"color: #333333;\"><span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/www.digitizer.rs\/en\/services-digitizer\/website-design\/\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">Website<\/span><\/i><span style=\"font-weight: 400;\">\u200b<\/span><\/a><\/span><span style=\"font-weight: 400;\">  is the identity card of your business. His appearance and   <\/span><span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/www.digitizer.rs\/en\/news-stories\/why-is-ux-ui-design-so-important\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">user experience<\/span><\/a><\/span><span style=\"font-weight: 400;\">  that it provides can be crucial to its success, and therefore to the success of your business. See below for tips on how to further decorate the content on your site. <\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<h1><span style=\"color: #ff6600;\"><strong>How to further decorate the content<\/strong><\/span><\/h1>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">In addition to the usual color of the letters\/font, color gradient\/color transition (<\/span> <i><span style=\"font-weight: 400;\">color gradient<\/span><\/i> <span style=\"font-weight: 400;\">), shadow (<\/span> <i><span style=\"font-weight: 400;\">text shadow<\/span><\/i> <span style=\"font-weight: 400;\">), contour (<\/span> <i><span style=\"font-weight: 400;\">contour<\/span><\/i> <span style=\"font-weight: 400;\">), transparency (<\/span> <i><span style=\"font-weight: 400;\">transparency<\/span><\/i> <span style=\"font-weight: 400;\">) can also be used, this also applies to other elements of the page.<\/span><\/span><\/p>\n<p><span style=\"color: #333333;\"><strong><i>Why use CSS and not regular images?  <\/i><\/strong><span style=\"font-weight: 400;\">There are several reasons why it is much more rational to use CSS than plain images.<\/span><\/span>[\/vc_column_text][vc_single_image image=&#8221;23947&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1620633138855{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1620635055078{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]\n<h4><span style=\"color: #ff6600;\"><b>Image size (<\/b> <b><i>File size<\/i><\/b> <b>)<\/b><\/span><\/h4>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Image size is usually the biggest problem with<\/span> <i><span style=\"font-weight: 400;\">websites<\/span><\/i> <span style=\"font-weight: 400;\">, and usually one or two images take up more space on the page than the entire<\/span> <i><span style=\"font-weight: 400;\">html\/css\/js<\/span><\/i> <span style=\"font-weight: 400;\">code of the page combined, so this negatively affects download and rendering times.<\/span><\/span><\/p>\n<h4><span style=\"color: #ff6600;\"><b>Maintenance<\/b><b><i>\u200b<\/i><\/b><b>\u200b<\/b><\/span><\/h4>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Most developers don&#8217;t use or don&#8217;t know how to use<\/span> <i><span style=\"font-weight: 400;\">Photoshop<\/span><\/i><span style=\"font-weight: 400;\">  or another image editing program. On the other hand, designers are doing other things and don&#8217;t have time to help with changes. It also takes much longer to change an image than to replace a few lines    <\/span><i><span style=\"font-weight: 400;\">html\/css<\/span><\/i> <span style=\"font-weight: 400;\">file.<\/span><\/span><\/p>\n<h4><span style=\"color: #ff6600;\"><b>Performance<\/b><b><i>\u200b<\/i><\/b><b>\u200b<\/b> <\/span><\/h4>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">The biggest advantage of CSS compared to images is performance. Every time someone sends a request\/query ( <\/span><i><span style=\"font-weight: 400;\">HTTP Request<\/span><\/i><span style=\"font-weight: 400;\">) i.e. open one   <\/span><i><span style=\"font-weight: 400;\">web  <\/span><\/i><span style=\"font-weight: 400;\">page, clicks on a sublink, refreshes the page, etc., each request starts multiple processes (files need to be compared, header information needs to be checked, dates changed, etc.), which further slows down the rendering of the site. You will also likely need to create additional images for small devices, as they are of different proportions and the text will likely not be visible. All that would be avoided by using it    <\/span><i><span style=\"font-weight: 400;\">html\/css<\/span><\/i> <span style=\"font-weight: 400;\">.<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #ff6600;\"><b>Advantages of images<\/b><\/span><\/h2>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">The problem with CSS is that you have to pay attention to the appearance of all browsers and<\/span> <i><span style=\"font-weight: 400;\">devices<\/span><\/i> <span style=\"font-weight: 400;\">.<\/span><\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">There are situations when it is easier to use a picture and solve such problems.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #ff6600;\"><b>Text decoration<\/b><\/span><\/h3>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">In addition to the plain color of the letters, with a little effort, the letters can be made to be more beautiful and stand out.<\/span><br \/>\n <span style=\"font-weight: 400;\">Of course, we have to make sure that they are not too kitsch.<\/span><\/p>\n<p> <span style=\"color: #ff6600;\"><b>Transparency (<\/b> <b><i>opacity<\/i><\/b> <b>):<\/b><\/span><\/span><\/p>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">If you want to use transparent text use the &#8220;<\/span> <i><span style=\"font-weight: 400;\">opacity<\/span><\/i> <span style=\"font-weight: 400;\">&#8221; property:<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">p {<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">  opacity: 0.5;  <\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">}<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">the range is between 0.0 and 1.0, as a percentage value between 0% and 100%<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">0.0 = completely transparent<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">1.0 = maximum visible, the color will be strongest<\/span><\/p>\n<p><span style=\"color: #333333;\"><i><span style=\"font-weight: 400;\">Opacity<\/span><\/i> <span style=\"font-weight: 400;\">can also be used on other elements, not only on text.<\/span><\/span>[\/vc_column_text][vc_single_image image=&#8221;23948&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1620633372200{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1620633795397{padding-top: 50px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]\n<h4><span style=\"color: #ff6600;\"><b>Color using RGB or RGBA values<\/b><\/span><\/h4>\n<p><span style=\"color: #333333;\">The RGBA color value represents <i><span style=\"font-weight: 400;\">the Red, Green, Blue and Alpha<\/span><\/i> <span style=\"font-weight: 400;\">light<\/span> sources.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h4><span style=\"color: #ff6600;\"><strong><i>Red, Green, Blue and Alpha<\/i> (Red, Green, Blue and Alpha)  <\/strong><\/span><\/h4>\n<p><span style=\"font-weight: 400; color: #333333;\">Defines the intensity of the red, green, and blue colors as an integer between 0 and 255.<\/span><\/p>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">As with<\/span> <i><span style=\"font-weight: 400;\">Opacity<\/span><\/i> <span style=\"font-weight: 400;\">, Alpha (<\/span> <i><span style=\"font-weight: 400;\">Alpha<\/span><\/i><span style=\"font-weight: 400;\">  &#8211; transparency) the range is between 0.0 and 1.0. A percentage value between 0% (fully transparent) and 100% (solid color). <\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">p {<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">  color: rgba(127, 255, 127, 0.3);  <\/span><\/p>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">}<\/span><\/p>\n<p> <span style=\"font-weight: 400;\">p {<\/span><br \/>\n <span style=\"font-weight: 400;\">\/*red color*\/<\/span><\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">  color: rgb(255, 0, 0);  <\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">}<\/span><\/p>\n<p><span style=\"color: #333333;\"><b>Shadow and Contour:<\/b><\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">p {<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">  text-shadow: 3px -2px 2px #CE5937;<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">}<\/span><\/p>\n<ol>\n<li><span style=\"font-weight: 400; color: #333333;\">  parameter 3px, moving the shadow three pixels horizontally to the left of the text.<\/span><\/li>\n<li><span style=\"font-weight: 400; color: #333333;\">  parameter -2px moves the shadow two pixels horizontally up relative to the text.<\/span><\/li>\n<li><span style=\"font-weight: 400; color: #333333;\">  parameter is the opacity of the shadow, when it is 0px the shadow is pure and more like an outline without blur,<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400; color: #333333;\">the higher the number, the more opaque and transparent the shadow will be.<\/span><\/p>\n<ol start=\"4\">\n<li><span style=\"font-weight: 400; color: #333333;\">  parameter is the shadow color displayed as hex color<\/span><\/li>\n<\/ol>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">You can see more about the topic at the following link<\/span> <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/www.w3schools.com\/colors\/colors_hexadecimal.asp\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">: https:\/\/www.w3schools.com\/colors\/colors_hexadecimal.asp<\/span><\/a><\/span><\/span>[\/vc_column_text][vc_single_image image=&#8221;23949&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1620633867306{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_single_image image=&#8221;23950&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1620633886212{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1620633922133{padding-top: 50px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]<span style=\"color: #333333;\"><b>Text gradient:<\/b><\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">p {<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">  background: linear-gradient(#eee, #333);<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">  -webkit-background-clip: text;<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">  -webkit-text-fill-color: transparent;<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">}<\/span>[\/vc_column_text][vc_single_image image=&#8221;23951&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1620634039247{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1620634865396{padding-top: 50px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]<span style=\"font-weight: 400; color: #333333;\">background: linear-gradient(#eee, #333);<\/span><\/p>\n<p> <span style=\"font-weight: 400; color: #333333;\">First we set the background color in this case &#8220;linear gradient&#8221;.<\/span>[\/vc_column_text][vc_single_image image=&#8221;23956&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1620634910803{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1620634877822{padding-top: 50px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]<span style=\"color: #333333;\"><span style=\"font-weight: 400;\">there is also <em>a radial<\/em> gradient (circular color transition from the center to the outside)<\/span><\/span>[\/vc_column_text][vc_single_image image=&#8221;23955&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1620634511779{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1620634490248{padding-top: 50px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]<span style=\"color: #333333;\"><span style=\"font-weight: 400;\">An example of<\/span> <i><span style=\"font-weight: 400;\">a gradient<\/span><\/i> <span style=\"font-weight: 400;\">with three colors<\/span><\/span><\/p>\n<p><span style=\"color: #333333;\"><i><span style=\"font-weight: 400;\">Linear-gradient<\/span><\/i> <span style=\"font-weight: 400;\">(45deg, #FF0000 0%, #00FF00 50%, #0000FF 100%);<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">1. The parameter is the color angle, when the angle is 0\u00b0, the gradient line is horizontal, when the angle is 90\u00b0, the line is vertical.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">2,3 and 4. The parameter is color + start of color on the line, say 50% means that the color starts from the middle of the line (more than three colors can be used) <\/span><\/span><\/p>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Trial site:<\/span> <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/cssgradient.io\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/cssgradient.io<\/span><\/a><\/span><\/span>[\/vc_column_text][vc_single_image image=&#8221;23952&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1620634148867{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_single_image image=&#8221;23953&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1620634182566{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_single_image image=&#8221;23954&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1620634198738{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1620634761931{padding-top: 50px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]<span style=\"font-weight: 400; color: #333333;\">Then we use the parameter background-clip: text;<\/span><\/p>\n<p><span style=\"color: #333333;\"><span style=\"font-weight: 400;\">Which means that the background color which is<\/span> <i><span style=\"font-weight: 400;\">a gradient<\/span><\/i> will <span style=\"font-weight: 400;\">be cut along the contour of our text.<\/span><\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">More about background color clipping can be found <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/www.w3schools.com\/cssref\/tryit.asp?filename=trycss3_background-clip\" target=\"_blank\" rel=\"noopener\">here.<\/a><\/span> <\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">And the third thing we set is that the color of the text is transparent, so that only the background color is visible.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">-webkit-text-fill-color: transparent;  <\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">or<\/span><\/p>\n<p><span style=\"font-weight: 400; color: #333333;\">-webkit-text-fill-color: rgba(0, 0, 0, 0);<\/span><\/p>\n<p><span style=\"color: #333333;\"><i><span style=\"font-weight: 400;\">-webkit-, -moz-, -khtml-, -ms-, -o-<\/span><\/i><\/span><\/p>\n<p><span style=\"color: #333333;\"><i><span style=\"font-weight: 400;\">these are &#8220;vendor&#8221; prefixes, which we will talk about another time<\/span><\/i><\/span><\/p>\n<p><span style=\"color: #333333;\"><i><span style=\"font-weight: 400;\">more about them at https:\/\/css-tricks.com\/how-to-deal-with-vendor-prefixes\/<\/span><\/i><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">You can find <i><span style=\"font-weight: 400;\">an online<\/span><\/i> <span style=\"font-weight: 400;\">generator for background color, transitions and the like <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/html-css-js.com\/css\/generator\/gradient\/\" target=\"_blank\" rel=\"noopener\">here<\/a><\/span> .<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><br \/>\n<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">For more news and interesting stories from digital marketing,<\/span> <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/www.digitizer.rs\/en\/news-stories\/\">visit our blog page<\/a><\/span> <span style=\"color: #333333;\">or<\/span> <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/www.instagram.com\/webdigitizer\/\">follow our Instagram profile.<\/a><\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221;][vc_column][vc_single_image source=&#8221;external_link&#8221; custom_src=&#8221;https:\/\/www.digitizer.rs\/blog\/digitizer-line.jpg&#8221;][vc_column_text]<em>Made by Aleksandar \u0110ur\u0111evi\u0107 \u2013 Senior Web Developer @Digitizer<\/em>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1587387018476{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;}&#8221;][vc_column][vc_column_text][vc_btn title=&#8221;Back to News &amp; Stories&#8221; style=&#8221;gradient-custom&#8221; gradient_custom_color_1=&#8221;#000000&#8243; gradient_custom_color_2=&#8221;#515151&#8243; align=&#8221;center&#8221; link=&#8221;url:https%3A%2F%2Fwww.digitizer.rs%2Fnews-stories%2F|title:Back%20to%20NEWS%20%26amp%3B%20STORIES|&#8221;][\/vc_column_text][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1587386989437{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1620635326724{padding-top: 50px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]Website\u200b is the identity card of your business. His appearance and user experience that it provides can be crucial to its success, and therefore to the success of your business. See below for tips on how to further decorate the content on&hellip;<\/p>\n","protected":false},"author":13,"featured_media":23957,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4383,4384],"tags":[4410,4388,4398,4403,4402,4407,4380,4412,4376,4411],"post_series":[],"class_list":["post-27301","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-marketing-en","category-website","tag-business-en","tag-digital-en","tag-google-en","tag-internet-en","tag-marketing-en","tag-online-en","tag-search-en-2","tag-web-design-en","tag-website-optimization-en-2","tag-wordpress-en","entry","has-media"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to further decorate the content of your website? - Digitizer<\/title>\n<meta name=\"description\" content=\"The appearance of the site can be of crucial importance for the success of your business. In the text, see tips on how to additionally decorate the content on your site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to further decorate the content of your website? - Digitizer\" \/>\n<meta property=\"og:description\" content=\"The appearance of the site can be of crucial importance for the success of your business. In the text, see tips on how to additionally decorate the content on your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Digitizer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webdigitizer\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-14T14:26:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-09T14:28:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-kako-ukrasiti-sadrzaj-web-stranice.jpg\" \/>\n<meta name=\"author\" content=\"Digitizer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How to additionally decorate the content of your website? - Digitizer\" \/>\n<meta name=\"twitter:description\" content=\"The appearance of the site can be of crucial importance for the success of your business. In the text, see tips on how to additionally decorate the content on your site.\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Digitizer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/\"},\"author\":{\"name\":\"Digitizer\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#\\\/schema\\\/person\\\/47210bd4d1d478c044946ce088c5556e\"},\"headline\":\"How to further decorate the content of your website?\",\"datePublished\":\"2024-11-14T14:26:50+00:00\",\"dateModified\":\"2026-01-09T14:28:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/\"},\"wordCount\":1348,\"publisher\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/digitizer-blog-kako-ukrasiti-sadrzaj-web-stranice.jpg\",\"keywords\":[\"business\",\"digital\",\"google\",\"internet\",\"marketing\",\"online\",\"search\",\"web design\",\"website optimization\",\"wordpress\"],\"articleSection\":[\"Digital Marketing\",\"Website\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/\",\"url\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/\",\"name\":\"How to further decorate the content of your website? - Digitizer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/digitizer-blog-kako-ukrasiti-sadrzaj-web-stranice.jpg\",\"datePublished\":\"2024-11-14T14:26:50+00:00\",\"dateModified\":\"2026-01-09T14:28:27+00:00\",\"description\":\"The appearance of the site can be of crucial importance for the success of your business. In the text, see tips on how to additionally decorate the content on your site.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/digitizer-blog-kako-ukrasiti-sadrzaj-web-stranice.jpg\",\"contentUrl\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/digitizer-blog-kako-ukrasiti-sadrzaj-web-stranice.jpg\",\"width\":1024,\"height\":535},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-further-decorate-the-content-of-your-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"News &#038; Stories\",\"item\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to further decorate the content of your website?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/\",\"name\":\"Digitizer\",\"description\":\"Google Ads - Social - Email Marketing - Web Design - Video Editing\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#organization\",\"name\":\"Digitizer\",\"url\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/Digitizer-digitalni-marketing-izrada-dizajn-sajtova-graficki-motion-dizajn.jpg\",\"contentUrl\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/Digitizer-digitalni-marketing-izrada-dizajn-sajtova-graficki-motion-dizajn.jpg\",\"width\":1000,\"height\":466,\"caption\":\"Digitizer\"},\"image\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/webdigitizer\",\"https:\\\/\\\/www.instagram.com\\\/webdigitizer\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@webdigitizer\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/digitizer\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#\\\/schema\\\/person\\\/47210bd4d1d478c044946ce088c5556e\",\"name\":\"Digitizer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g\",\"caption\":\"Digitizer\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to further decorate the content of your website? - Digitizer","description":"The appearance of the site can be of crucial importance for the success of your business. In the text, see tips on how to additionally decorate the content on your site.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/","og_locale":"en_US","og_type":"article","og_title":"How to further decorate the content of your website? - Digitizer","og_description":"The appearance of the site can be of crucial importance for the success of your business. In the text, see tips on how to additionally decorate the content on your website.","og_url":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/","og_site_name":"Digitizer","article_publisher":"https:\/\/www.facebook.com\/webdigitizer","article_published_time":"2024-11-14T14:26:50+00:00","article_modified_time":"2026-01-09T14:28:27+00:00","og_image":[{"url":"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-kako-ukrasiti-sadrzaj-web-stranice.jpg","type":"","width":"","height":""}],"author":"Digitizer","twitter_card":"summary_large_image","twitter_title":"How to additionally decorate the content of your website? - Digitizer","twitter_description":"The appearance of the site can be of crucial importance for the success of your business. In the text, see tips on how to additionally decorate the content on your site.","twitter_misc":{"Written by":"Digitizer","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/#article","isPartOf":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/"},"author":{"name":"Digitizer","@id":"https:\/\/www.digitizer.rs\/en\/#\/schema\/person\/47210bd4d1d478c044946ce088c5556e"},"headline":"How to further decorate the content of your website?","datePublished":"2024-11-14T14:26:50+00:00","dateModified":"2026-01-09T14:28:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/"},"wordCount":1348,"publisher":{"@id":"https:\/\/www.digitizer.rs\/en\/#organization"},"image":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-kako-ukrasiti-sadrzaj-web-stranice.jpg","keywords":["business","digital","google","internet","marketing","online","search","web design","website optimization","wordpress"],"articleSection":["Digital Marketing","Website"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/","url":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/","name":"How to further decorate the content of your website? - Digitizer","isPartOf":{"@id":"https:\/\/www.digitizer.rs\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/#primaryimage"},"image":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-kako-ukrasiti-sadrzaj-web-stranice.jpg","datePublished":"2024-11-14T14:26:50+00:00","dateModified":"2026-01-09T14:28:27+00:00","description":"The appearance of the site can be of crucial importance for the success of your business. In the text, see tips on how to additionally decorate the content on your site.","breadcrumb":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/#primaryimage","url":"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-kako-ukrasiti-sadrzaj-web-stranice.jpg","contentUrl":"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-kako-ukrasiti-sadrzaj-web-stranice.jpg","width":1024,"height":535},{"@type":"BreadcrumbList","@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-further-decorate-the-content-of-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.digitizer.rs\/en\/"},{"@type":"ListItem","position":2,"name":"News &#038; Stories","item":"https:\/\/www.digitizer.rs\/en\/news-stories\/"},{"@type":"ListItem","position":3,"name":"How to further decorate the content of your website?"}]},{"@type":"WebSite","@id":"https:\/\/www.digitizer.rs\/en\/#website","url":"https:\/\/www.digitizer.rs\/en\/","name":"Digitizer","description":"Google Ads - Social - Email Marketing - Web Design - Video Editing","publisher":{"@id":"https:\/\/www.digitizer.rs\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.digitizer.rs\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.digitizer.rs\/en\/#organization","name":"Digitizer","url":"https:\/\/www.digitizer.rs\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.digitizer.rs\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.digitizer.rs\/pictures\/Digitizer-digitalni-marketing-izrada-dizajn-sajtova-graficki-motion-dizajn.jpg","contentUrl":"https:\/\/www.digitizer.rs\/pictures\/Digitizer-digitalni-marketing-izrada-dizajn-sajtova-graficki-motion-dizajn.jpg","width":1000,"height":466,"caption":"Digitizer"},"image":{"@id":"https:\/\/www.digitizer.rs\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webdigitizer","https:\/\/www.instagram.com\/webdigitizer\/","https:\/\/www.tiktok.com\/@webdigitizer","https:\/\/www.linkedin.com\/company\/digitizer"]},{"@type":"Person","@id":"https:\/\/www.digitizer.rs\/en\/#\/schema\/person\/47210bd4d1d478c044946ce088c5556e","name":"Digitizer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g","caption":"Digitizer"}}]}},"_links":{"self":[{"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/posts\/27301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/comments?post=27301"}],"version-history":[{"count":1,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/posts\/27301\/revisions"}],"predecessor-version":[{"id":32665,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/posts\/27301\/revisions\/32665"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/media\/23957"}],"wp:attachment":[{"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/media?parent=27301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/categories?post=27301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/tags?post=27301"},{"taxonomy":"post_series","embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/post_series?post=27301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}