/*====================================== Theme Name: Rubine Lite Theme URI: https://themezee.com/themes/rubine/ Description: Rubine Lite is a clean and retina-ready magazine theme created with usability and simplicity in mind. The theme offers a gorgeous featured content area on the home page to highlight your most important posts. Of course the design is fully responsive and makes your content readable on every device. Version: 1.3.3 Author: ThemeZee Author URI: https://themezee.com Tags: two-columns, custom-background, custom-colors, custom-header, custom-menu, grid-layout, blog, news, editor-style, rtl-language-support, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns, four-columns Text Domain: rubine-lite License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html ======================================*/ /* CSS Reset | http://meyerweb.com/eric/tools/css/reset/ | v2.0 -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* General Styles -------------------------------------------------------------- */ html { font-size: 100.01%; } body { font-family: 'Carme', Tahoma, Verdana, Arial; font-size: 0.95em; border: 0; color: #111; background-color: #f3f3f3; } /* Links */ a, a:link, a:visited{ color: #cc1111; text-decoration: underline; } a:hover, a:active { text-decoration: none; } /* Form Elements */ input, textarea { padding: 0.7em; background: #fff; border: 1px solid #e5e5e5; font-size: 1.0em; color: #222; font-family: 'Carme', Tahoma, Verdana, Arial; } input[type="submit"] { color: #222; font-weight: bold; padding: 0.3em 1em; background: #f8f8f8; border: 1px solid #e5e5e5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } input[type="submit"]:hover { color: #cc1111; background: #fff; border: 1px solid #cc1111; box-shadow: inset 0.3em 0 0 #cc1111; cursor: pointer; } /* Clearing Floats */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; /* For IE 6/7 only */ } /* Make Form Elements responsive */ input, textarea, select { max-width: 100%; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Basic Structure -------------------------------------------------------------- */ #wrapper { width: 100%; } #header-wrap { background: #cc1111; } #header { padding: 2em 0; color: #fff; } #wrap { clear: both; padding: 2em 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content { float: left; width: 72%; padding-right: 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sidebar { float: right; width: 28%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container { max-width: 1340px; width: 92%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Header -------------------------------------------------------------- */ #logo { float: left; margin: 0.6em 0; max-width: 100%; } #logo .site-title { display: inline-block; font-size: 2.5em; font-weight: bold; color: #fff; font-family: 'Francois One', Tahoma, Verdana, Arial; } #logo .site-title a:link, #logo .site-title a:visited { color: #fff; text-decoration: none; } #logo .site-title a:hover, #logo .site-title a:active { color: #eee; text-decoration: none; } #logo .site-description { margin-top: 0.4em; color: #ddd; } #logo .custom-logo { margin: 0 1.5em 0 0; padding: 0; border: none; vertical-align: top; max-width: 100%; height: auto; } /* Custom Header Image */ #custom-header-image { padding-top: 2em; } #custom-header-image img { max-width: 1320px; vertical-align: top; width: 100%; height: auto; padding: 0.8em; background: #fff; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Top Navigation Menu -------------------------------------------------------------- */ #topheader-wrap { background: rgba(0,0,0,0.25); } #topheader #header-search { float: right; } #topnav-toggle { display: none; } .top-navigation-menu { float: left; list-style-type: none; list-style-position: outside; position: relative; } .top-navigation-menu li{ float: left; position: relative; } .top-navigation-menu a { display: block; padding: 0.8em 1em; text-decoration: none; font-size: 0.8em; text-transform: uppercase; } .top-navigation-menu a:link, .top-navigation-menu a:visited{ color: #fff; text-decoration: none; } .top-navigation-menu a:hover { background: rgba(0,0,0,0.2); } .top-navigation-menu li.current_page_item a, .top-navigation-menu li.current-menu-item a { text-decoration: underline; } .top-navigation-menu li .sub-menu { display: none !important; } /* Navigation Menu -------------------------------------------------------------- */ #mainnav-toggle { display: none; } #mainnav-wrap { background: #f8f8f8; border-bottom: 1px solid #e5e5e5; } #mainnav { position: relative; } .main-navigation-menu { float: left; list-style-type: none; list-style-position: outside; } .main-navigation-menu li{ float:left; border-right: 1px solid #eaeaea; } .main-navigation-menu a { display: block; padding: 1.3em; text-decoration: none; font-size: 1.0em; font-family: 'Carme', Tahoma, Verdana, Arial; font-weight: bold; } .main-navigation-menu a:link, .main-navigation-menu a:visited { color: #222; text-decoration: none; } .main-navigation-menu a:hover { background: #fff; } .main-navigation-menu ul { position: absolute; display: none; z-index: 99; background: #fff; margin-left: -1px; padding: 1px; border: 1px solid #ddd; } .main-navigation-menu ul li{ float: none; position: relative; border: none; } .main-navigation-menu ul a { min-width: 250px; min-width: 16rem; padding: 1em; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-navigation-menu ul a:link, .main-navigation-menu ul a:visited { color: #333; font-size: 0.9em; text-decoration: none; } .main-navigation-menu ul a:hover { background: #f8f8f8; } .main-navigation-menu li ul ul { margin: -2px 0 0; top: 0; left: 100%; } .main-navigation-menu li.menu-item-has-children:hover > ul, .main-navigation-menu li.page_item_has_children:hover > ul, .main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul { display: block; } .main-navigation-menu li.current_page_item a, .main-navigation-menu li.current-menu-item a { text-decoration: underline; } .main-navigation-menu li.current_page_item ul li a, .main-navigation-menu li.current-menu-item ul li a{ text-decoration: none; } .main-navigation-menu ul li.current_page_item a, .main-navigation-menu ul li.current-menu-item a { text-decoration: underline; } .main-navigation-menu ul li.current_page_item ul li a, .main-navigation-menu ul li.current-menu-item ul li a{ text-decoration: none; } /* Mega Menu Styling */ .mega-menu-content { line-height: 1.5; } .mega-menu-content .mega-menu-widget .mega-menu-widget-header-title { font-weight: bold; } .main-navigation-menu .mega-menu-content .mega-menu-widget ul li a:hover, .main-navigation-menu .mega-menu-content .mega-menu-widget ul li a:active { text-decoration: underline; background: none; } .main-navigation-menu .mega-menu-content .widget_meta ul li, .main-navigation-menu .mega-menu-content .widget_pages ul li, .main-navigation-menu .mega-menu-content .widget_categories ul li, .main-navigation-menu .mega-menu-content .widget_archive ul li { display: block; } .main-navigation-menu .mega-menu-content .widget_meta ul li a, .main-navigation-menu .mega-menu-content .widget_pages ul li a, .main-navigation-menu .mega-menu-content .widget_categories ul li a, .main-navigation-menu .mega-menu-content .widget_archive ul li a { display: block; padding: 0.75em 1em; font-size: 14px; font-size: 0.875rem; } .main-navigation-menu .mega-menu-content .widget_meta ul li a:hover, .main-navigation-menu .mega-menu-content .widget_pages ul li a:hover, .main-navigation-menu .mega-menu-content .widget_categories ul li a:hover, .main-navigation-menu .mega-menu-content .widget_archive ul li a:hover { text-decoration: none; background: #f8f8f8; } /* Widget Styling -------------------------------------------------------------- */ .widget { margin-bottom: 2em; padding: 1.5em; background: #fff; border: 1px solid #e5e5e5; -ms-word-wrap: break-word; word-wrap: break-word; } .widgettitle { font-size: 1.0em; font-weight: bold; font-family: 'Carme', Tahoma, Verdana, Arial; padding: 1em; margin: -1.5em -1.5em 1.5em -1.5em; color: #333; background: #f8f8f8; border-bottom: 1px solid #e5e5e5; line-height: 1.5em; } .widget .textwidget { line-height: 1.5em; } .widget .textwidget p { margin-bottom: 1em; } .widget ul { line-height: 1.5em; } .widget ul { list-style: circle inside; color: #555; } .widget ul .children { padding: 0; margin: 0.5em 0 0.5em 1em; } .widget a:link, .widget a:visited { text-decoration: none; color: #cc1111; } .widget a:hover, .widget a:active { text-decoration: underline; } .widget img { max-width: 100%; height: auto; } /* Custom Widgets -------------------------------------------------------------- */ /* Theme Calendar Widget */ #wp-calendar { margin: 0; width: 100%; color: #444; line-height: 1.6em; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar caption { font-style: italic; margin-bottom: 0.1em; } #wp-calendar th { font-weight: bold; font-size: 0.85em; } #wp-calendar tfoot tr td { padding-top: 0.5em; } #wp-calendar #next { padding-right: 0.8em; text-align: right; } /* Posts and Pages -------------------------------------------------------------- */ .type-post, .type-page, .type-attachment { margin: 0 0 2em 0; border: 1px solid #e5e5e5; background: #fff; } .type-post .post-content, .type-page, .type-attachment { padding: 1.2em 1.6em 1.6em; background: #fff; } .type-post { background: #f8f8f8; } .post-content { border-top: 1px solid #e5e5e5; } /* Titles */ .page-title, .entry-title { font-family: 'Francois One', Tahoma, Verdana, Arial; color: #cc1111; line-height: 1.4em; -ms-word-wrap: break-word; word-wrap: break-word; text-decoration: none; } .page-title { font-size: 2.4em; } .entry-title { font-size: 2.2em; } .entry-title a:link, .entry-title a:visited { color: #cc1111; text-decoration: none; } .entry-title a:hover span, .entry-title a:active span { text-decoration: underline; } .entry-title .subtitle { color: #777; font-family: 'Carme', Tahoma, Verdana, Arial; font-weight: normal; font-size: 0.55em; line-height: 1.3em; margin-bottom: 0.3em; } .entry-title a:hover .subtitle, .entry-title a:active .subtitle { text-decoration: underline; } .sticky { border-left: 8px solid #e5e5e5; } /* Page Links | wp_link_pages() */ .page-links { margin: 0; word-spacing: 1em; } /* Postmeta */ .entry-meta-wrap { padding: 1em 0.6em; } .entry-meta { line-height: 1.5em; font-size: 1.0em; } .entry-meta span { display: inline-block; padding: 0 0.6em; } .entry-meta a:link, .entry-meta a:visited { color: #333; } .entry-meta span:before { display: inline-block; -webkit-font-smoothing: antialiased; font: normal 24px 'Genericons'; vertical-align: top; color: #333; margin: 0 0.2em -0.2em 0; } .entry-meta .meta-date:before{ content: '\f307'; } .entry-meta .meta-author:before{ content: '\f304'; } .entry-meta .meta-comments:before{ content: '\f300'; } .entry-meta .meta-category:before{ content: '\f301'; } .entry-meta .meta-tags:before{ content: '\f302'; } /* Archive Post Layout */ .archive-post.has-post-thumbnail .post-content { border-top: none; margin-left: 33%; border-left: 1px solid #e5e5e5; width: 67%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .archive-post.has-post-thumbnail .entry-meta-wrap { float: left; width: 33%; padding: 0.8em 0.8em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 1em; } .archive-post.has-post-thumbnail .entry-meta span { display: block; padding: 0.3em 0; } /* Post Tags */ .meta-tags { margin-top: 0.8em; } .meta-tags ul { float: left; } .meta-tags ul li { float: left; margin: 0.3em 0.3em 0 0; } .meta-tags ul li strong { line-height: 2em; margin-right: 0.5em; } .meta-tags ul li a { display: inline-block; font-size: 0.9em; font-weight: bold; padding: 0.5em 1em; background: #f8f8f8; border: 1px solid #e5e5e5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .meta-tags ul li a:link, .meta-tags ul li a:visited { color: #222; text-decoration: none; } .meta-tags ul li a:hover, .meta-tags ul li a:active{ color: #cc1111; background: #fff; border: 1px solid #cc1111; box-shadow: inset 0.3em 0 0 #cc1111; } /* Read more Link */ .more-link { display: inline-block; font-weight: bold; margin: 0.3em 0 0; padding: 0.5em 1em; text-decoration: none; border: 1px solid #e5e5e5; background: #f8f8f8; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .more-link:link, .more-link:visited { color: #222; text-decoration: none; } .more-link:hover, .more-link:active { color: #cc1111; background: #fff; border: 1px solid #cc1111; box-shadow: inset 0.3em 0 0 #cc1111; } /* Post Navigation */ .post-navigation { margin-bottom: 2em; padding: 1em; border: 1px solid #e5e5e5; color: #222; background: #fff; line-height: 1.5; } .post-navigation .nav-links:before, .post-navigation .nav-links:after { content: ""; display: table; } .post-navigation .nav-links:after { clear: both; } .post-navigation .nav-links .nav-previous { float: left; } .post-navigation .nav-links .nav-next { float: right; } /* Archives and Search Heading */ .archive-title { font-weight: bold; color: #222; padding: 1em; margin-bottom: 1em; border: 1px solid #e5e5e5; background: #f8f8f8; line-height: 1.5em; } .archive-description { margin: -1rem 0 1rem; padding: 1em; line-height: 1.6; background: #fff; border: 1px solid #e5e5e5; } /* Content Pagination */ .post-pagination { margin-bottom: 2em; font-weight: bold; color: #222; padding: 1em; border: 1px solid #e5e5e5; background: #f8f8f8; } .post-pagination a { padding: 0.2em 0.5em; margin-right: 0.3em; display: inline-block; text-align: center; text-decoration: none; color: #cc1111; } .post-pagination a:link, ..post-pagination a:visited { color: #cc1111; } .post-pagination a:hover { text-decoration: underline; } .post-pagination .current { padding: 0.2em 0.5em; margin-right: 0.3em; background: #cc1111; color: #fff; } /* Infinite Scroll Pagination */ .infinite-scroll .post-pagination { display: none; } .infinite-scroll #infinite-handle span { display: inline-block; margin-bottom: 2em; padding: 0.6em 1em; font-size: 1em; font-weight: bold; text-align: center; text-decoration: none; color: #fff; background: #cc1111; } .infinite-scroll #infinite-handle span:hover { background-color: #333; } /* Breadcrumbs */ .breadcrumbs { font-weight: bold; color: #222; padding: 1em; margin-bottom: 1em; border: 1px solid #e5e5e5; background: #f8f8f8; line-height: 1.5em; } .breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li { display: inline; line-height: 1.5; } .breadcrumbs .trail-browse { margin-right: 0.5em; } .breadcrumbs .trail-items { list-style: none; } .breadcrumbs .trail-items li::after { content: "\00bb"; /* Raquo */ padding: 0 0.5em; } .trail-separator-slash .trail-items li::after { content: "\002F"; } .trail-separator-dash .trail-items li::after { content: "\2013"; } .trail-separator-bull .trail-items li::after { content: "\2022"; } .trail-separator-arrow-bracket .trail-items li::after { content: "\003e"; } .trail-separator-raquo .trail-items li::after { content: "\00bb"; } .trail-separator-single-arrow .trail-items li::after { content: "\2192"; } .trail-separator-double-arrow .trail-items li::after { content: "\21D2"; } .breadcrumbs .trail-items li:last-of-type::after { display: none; } /* Text Elements -------------------------------------------------------------- */ .entry { line-height: 1.6em; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; } .entry p, .comment p { margin: 0.75em 0; } .entry h1, .comment h1, .entry h2, .comment h2, .entry h3, .comment h3, .entry h4, .comment h4, .entry h5, .comment h5, .entry h6, .comment h6 { color: #222; font-weight: bold; line-height: 1.0em; margin: 1.2em 0 0.3em; } .entry h1, .comment h1 { font-size: 3.0em; } .entry h2, .comment h2 { font-size: 2.25em; } .entry h3, .comment h3 { font-size: 1.5em; } .entry h4, .comment h4 { font-size: 1.25em; } .entry h5, .comment h5 { font-size: 1.125em; margin: 1.3em 0 0; } .entry h6, .comment h6 { font-size: 1.0em; margin: 1.3em 0 0; } .entry ul, .comment ul{ list-style: square inside; margin: 0 0 1.5em 2em; } .entry ol, .comment ol{ list-style: decimal inside; margin: 0 0 1.5em 2em; } .entry ol ol, .comment ol ol{ list-style: upper-alpha inside; } .entry ol ol ol, .comment ol ol ol{ list-style: lower-roman inside; } .entry ol ol ol ol, .comment ol ol ol ol{ list-style: lower-alpha inside; } .entry ul ul, .comment ul ul, .entry ol ol, .comment ol ol, .entry ul ol, .comment ul ol .entry ol ul, .comment ol ul { margin-bottom: 0.2em; } dl { margin: 1em 0; } dt { font-weight: bold; } dd { margin-bottom: 1.5em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big, .big_tag { font-size: 1.3em; } ins { text-decoration: none; } code, pre { padding: 3px 8px; margin: 0 1px; background: #eeeeee; color: #222; font-size: 0.9em; font-family: Monospace, "Courier New", Courier; overflow: auto; line-height: 1.4em; } del, strike, s{ text-decoration: line-through; } pre { font-family: "Courier 10 Pitch", Courier, monospace; } small { font-size: 0.7em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; font-size: 0.8em; } sup { bottom: 1ex; } sub { top: .5ex; } .entry var, .entry kbd, .entry tt, .entry .tt_tag { font-size: 1.1em; font-family: "Courier 10 Pitch", Courier, monospace; } blockquote { background: #f8f8f8; border: 1px solid #e5e5e5; border-left: 8px solid #e5e5e5; margin: 1.2em 0; padding: 0.3em 1.2em; } blockquote cite { display: block; margin: 0.5em 0 0 0.5em; color: #777; } .entry table { border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; margin: 1em 0; text-align: left; width: 100%; } .entry tr th, .entry thead th { background: #e5e5e5; font-weight: bold; padding: 0.2em 1em; } .entry tr td { border-top: 1px solid #ddd; padding: 0.2em 1em; } .entry tr.alternate td { background: #f5f5f5; } /* Images | Gallery | Videos -------------------------------------------------------------- */ article .wp-post-image { max-width: 100%; margin: 0; height: auto; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article .entry .wp-post-image { margin: 1.2em 2em 1em 0; height: auto; } .entry img { max-width: 100%; height: auto; } .wp-caption { max-width: 100%; height: auto; text-align: center; margin: 1em 0; } .wp-caption-text { margin: 0 !important; padding: 0; font-size: 0.9em; text-align: center; } .alignleft { float: left; display: inline; margin: 1em 2em 1em 0; } .alignright { float: right; display: inline; margin: 1em 0 1em 2em; } .aligncenter { margin: 1em auto; display: block; } /* Gallery Styling */ .gallery { margin: 1em auto !important; } .gallery-item { float: left; margin: 0.7em 0 0 0 !important; padding-right: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery img { margin: 0 !important; padding: 3px; border: 1px solid #e5e5e5 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-caption { margin-left: 0.3em !important; } /* Make Vidoes responsive */ embed, iframe, object, video { max-width: 100%; } /* Image.php Navigation */ #image-nav { margin: 1em 0 2em; color: #333; } #image-nav .nav-previous { float: left; } #image-nav .nav-next { float: right; } #image-nav .nav-previous a, #image-nav .nav-next a { font-size: 0.9em; font-weight: bold; text-decoration: none; padding: 0.5em 1em; text-decoration: none; color: #222; border: 1px solid #e5e5e5; background: #f5f5f5; background-image: -webkit-linear-gradient(#fdfdfd 0%, #e8e8e8 100%); background-image: -moz-linear-gradient(#fdfdfd 0%, #e8e8e8 100%); background-image: -o-linear-gradient(#fdfdfd 0%, #e8e8e8 100%); background-image: -ms-linear-gradient(#fdfdfd 0%, #e8e8e8 100%); background-image: linear-gradient(#fdfdfd 0%, #e8e8e8 100%); } #image-nav .nav-previous a:hover, #image-nav .nav-next a:hover { background: #f8f8f8; } /* Search Form -------------------------------------------------------------- */ .search-form { display: block; position: relative; width: 100%; margin: 0; padding: 0; overflow:hidden; } .search-form .screen-reader-text { display: none; } .search-form .search-field { display: inline-block; margin: 0; width: 100%; padding: 0.7em 45px 0.7em 0.7em; background: #fff; border: 1px solid #ddd; font-size: 1.0em; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } .search-form .search-submit { position: absolute; top: 0; right: 0; border: none; background: transparent; padding: 0.8em 0.7em 0 0; cursor: pointer; } .search-form .search-submit .genericon-search { display: inline-block; width: 24px; height: 24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 1; font-family: 'Genericons'; text-decoration: inherit; font-weight: normal; font-style: normal; vertical-align: text-bottom; color: #777; content: '\f400'; } .search-form .search-submit:hover .genericon-search { color: #333; } /* different style for searchform in topheader */ #topheader #header-search .search-form .search-field { padding: 0.5em 45px 0.5em 0.8em; background: rgba(0, 0, 0, 0.05); border: none; font-size: 0.9em; color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.08); min-width: 300px; } #topheader #header-search .search-form .search-submit { padding: 0.5em 0.4em 0 0; } #topheader #header-search .search-form .search-submit .genericon-search { width: 18px; height: 18px; font-size: 18px; color: #ddd; } #topheader #header-search .search-form .search-submit:hover .genericon-search { color: #fff; } /* Social Icons | based upon http://kovshenin.com/2014/social-menus-in-wordpress-themes/ -------------------------------------------------------------- */ .social-icons-menu { list-style-type: none; list-style-position: outside; line-height: 1em; } .social-icons-menu li { float: left; margin: 0 1px 0.2em 0; padding: 0; } .social-icons-menu li a { position: relative; display: inline-block; padding: 1em; background: rgba(0,0,0,0.2); text-decoration: none; } .social-icons-menu li a:before { display: inline-block; color: #eee; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 1; font-family: 'Genericons'; text-decoration: inherit; vertical-align: top; } .social-icons-menu li a:hover { text-decoration: none; background: rgba(0,0,0,0.4); } .social-icons-menu li a .screen-reader-text { display: none; } .social-icons-wrap .social-icons-hint { font-size: 0.8em; color: #eee; max-width: 300px; line-height: 1.2em; } /* Add Genericons */ .social-icons-menu li a:before { content: '\f408';} /* Default Icon */ .social-icons-menu li a[href*="codepen.io"]:before { content: '\f216'; } .social-icons-menu li a[href*="digg.com"]:before { content: '\f221'; } .social-icons-menu li a[href*="dribbble.com"]:before { content: '\f201'; } .social-icons-menu li a[href*="facebook.com"]:before { content: '\f204'; } .social-icons-menu li a[href*="flickr.com"]:before { content: '\f211'; } .social-icons-menu li a[href*="plus.google.com"]:before { content: '\f218'; } .social-icons-menu li a[href*="github.com"]:before { content: '\f200'; } .social-icons-menu li a[href*="instagram.com"]:before { content: '\f215'; } .social-icons-menu li a[href*="linkedin.com"]:before { content: '\f207'; } .social-icons-menu li a[href*="pinterest.com"]:before { content: '\f209'; } .social-icons-menu li a[href*="polldaddy.com"]:before { content: '\f217'; } .social-icons-menu li a[href*="getpocket.com"]:before { content: '\f224'; } .social-icons-menu li a[href*="reddit.com"]:before { content: '\f222'; } .social-icons-menu li a[href*="spotify.com"]:before { content: '\f515'; } .social-icons-menu li a[href*="skype.com"]:before, .social-icons-menu li a[href*="skype:"]:before { content: '\f220'; } .social-icons-menu li a[href*="stumbleupon.com"]:before { content: '\f223'; } .social-icons-menu li a[href*="tumblr.com"]:before { content: '\f214'; } .social-icons-menu li a[href*="twitch.tv"]:before { content: '\f516'; } .social-icons-menu li a[href*="twitter.com"]:before { content: '\f202'; } .social-icons-menu li a[href*="vimeo.com"]:before { content: '\f212'; } .social-icons-menu li a[href*="wordpress.org"]:before, .social-icons-menu li a[href*="wordpress.com"]:before { content: '\f205'; } .social-icons-menu li a[href*="youtube.com"]:before { content: '\f213'; } .social-icons-menu li a[href*="newsletter"]:before, .social-icons-menu li a[href*="mailto"]:before { content: '\f410'; } .social-icons-menu li a[href*="/feed"]:before, .social-icons-menu li a[href*="/feed/"]:before, .social-icons-menu li a[href*="?feed=rss2"]:before, .social-icons-menu li a[href*="feedburner.google.com"]:before, .social-icons-menu li a[href*="feedburner.com"]:before { content: '\f413'; } /* Header Social Icons */ #header-social-icons { float: right; } /* Footer Social Icons */ #footer-social-icons { float: right; } #footer-social-icons .social-icons-menu li { margin: 0; } #footer-social-icons .social-icons-menu li a { padding: 0.9em; background: none; } #footer-social-icons .social-icons-menu li a:before { color: #eee; font-size: 16px; } #footer-social-icons .social-icons-menu li a:hover { background: rgba(0,0,0,0.2); } /* Comments -------------------------------------------------------------- */ #comments { margin-bottom: 2em; } #comments .comments-title, #respond #reply-title { margin-bottom: 1em; padding: 1em; font-weight: bold; color: #222; border: 1px solid #e5e5e5; background: #f8f8f8; line-height: 1.5em; } #respond #reply-title { margin-bottom: 0; border-bottom: none; } .commentlist .comment .comment-reply-title { font-size: 1.0em; } /* Comment Listing */ .commentlist { display: block; } .commentlist .comment { list-style: none; margin-bottom: 2em; } .commentlist .comment .comment-body { display: block; background: #f8f8f8; border: 1px solid #e5e5e5; list-style: none; } .commentlist .comment .comment-content { margin-left: 33%; padding: 0.7em 1.2em 1.2em; width: 67%; border-left: 1px solid #e5e5e5; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.5em; -ms-word-wrap: break-word; word-wrap: break-word; } .commentlist .comment .children { margin: 1.5em 0 0 1.5em; } .commentlist .comment .children .comment .comment-body { border-left: 0.5em solid #ddd; } .commentlist .comment .comment-meta { float: left; width: 33%; padding: 0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .comment-meta .comment-author img { float: left; margin: 0 1em 0 0; } .comment-meta .comment-author img:after { clear: both; } .comment-meta .comment-author .fn { display: inline-block; font-size: 1.1em; font-weight: bold; margin: 0.3em 0 0.7em; } .comment-meta .comment-author .fn a:link, .comment-meta .comment-author .fn a:visited { text-decoration: underline; } .comment-meta .comment-author .fn a:hover, .comment-meta .comment-author .fn a:active { text-decoration: none; } .comment-meta .bypostauthor .fn, .comment-meta .comment-author-admin .fn{ font-style: italic; } .comment-meta .commentmetadata { font-size: 0.8em; } .comment-meta .commentmetadata p { margin: 0.4em 0; } .comment-meta .commentmetadata a:link, .comment-meta .commentmetadata a:visited, .comment-meta .commentmetadata a:active, .comment-meta .commentmetadata a:hover { color: #222; text-decoration: none; } .comment-content .comment-entry .comment-reply-link { display: inline-block; font-size: 0.9em; font-weight: bold; padding: 0.3em 1em; background: #f8f8f8; border: 1px solid #e5e5e5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .comment-content .comment-entry .comment-reply-link:link, .comment-content .comment-entry .comment-reply-link:visited { color: #222; text-decoration: none; } .comment-content .comment-entry .comment-reply-link:hover, .comment-content .comment-entry .comment-reply-link:active { color: #cc1111; background: #fff; border: 1px solid #cc1111; box-shadow: inset 0.3em 0 0 #cc1111; } .nocomments { font-size: 0.9em; border: 1px solid #e5e5e5; background: #fff; padding: 0.2em 1em; } .commentlist .pingback { display: block; margin: 0.6em 0 0; padding: 0.8em 0 0; border-top: 1px solid #e5e5e5; list-style: none; line-height: 1.3em; } /* Comment Pagination */ .comment-pagination { font-size: 0.9em; border: 1px solid #e5e5e5; background: #fff; padding: 0.2em 1em; margin-bottom: 1em; } .comment-pagination .alignleft { float: left; } .comment-pagination .alignright { float: right; } /* Comment Form */ #respond { margin: 2em 0 0; background: #fff; } #commentform { margin: 0; padding: 1.5em 1.5em 0; border: 1px solid #e5e5e5; } #commentform p { margin: 0 0 1.5em; } #respond .must-log-in { padding: 1.5em; border: 1px solid #e5e5e5; } #commentform input[type="text"], #commentform textarea { display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform label { display: block; margin: 0.6em 0 0.2em; font-size: 0.9em; font-weight: bold; } #commentform #submit { display: block; margin: 1em 0 0; padding: 0.8em 4em; } /* Featured Content -------------------------------------------------------------- */ #featured-content-bg { background: #fff; padding-bottom: 0.5em; border-bottom: 1px solid #ddd; } #featured-content-wrap { clear: both; padding: 1.5em 0 0; } #featured-content { margin-right: -1em; } #featured-content .featured-post { float: left; padding-right: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 25%; } #featured-content .featured-post .type-post { margin-bottom: 1em; } #featured-content .featured-post:nth-child(4n + 1) { clear: left; } #featured-content .featured-post .featured-post-thumbnail { padding: 0.8em; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f8f8f8; } #featured-content .featured-post .featured-post-content { padding: 0.8em 1em; background: #fff; } #featured-content .featured-post .entry-title { font-size: 1.05em; } #featured-content .featured-post .entry-title a:hover { text-decoration: underline; } /* Footer -------------------------------------------------------------- */ #footer-bg { background: #cc1111; } #footer-wrap { background: rgba(0,0,0,0.25); } #footer { color: #fff; } #footer a { color: #ddd; } #footer #footer-text { float: left; padding: 1.05em 0; font-size: 0.9em; } /*============================ MEDIA QUERIES ============================*/ /* Small screens | <1120px */ @media only screen and (max-width: 70em) { .container { width: 94%; } } /* Smaller screens | <1120px */ @media only screen and (max-width: 65em) { #featured-content .featured-post { width: 50%; } #featured-content .featured-post:nth-child(2n + 1) { clear: left; } .archive-post.has-post-thumbnail .post-content, .commentlist .comment .comment-content { margin-left: 0; border-left: none; border-top: 1px solid #e5e5e5; width: 100%; } .archive-post.has-post-thumbnail .entry-meta-wrap, .commentlist .comment .comment-meta { float: none; width: 100%; padding: 0.8em; } .archive-post.has-post-thumbnail .entry-meta-wrap .wp-post-image { float: left; margin-right: 2em; max-width: 50%; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 0.5em; } .comment-meta .commentmetadata p { display: inline; padding: 0 0.4em; } } /* Tablets (landscape) | <960px */ @media only screen and (max-width: 60em) { .container { width: 100%; } #wrap, #custom-header-image { padding: 2em 2em 0; } #featured-content-wrap { padding: 1.5em 1.5em 0; } #header { padding: 2em; } #content { float: none; padding-right: 0; width: 100%; } #sidebar { clear: both; float: none; margin: 2em 0 0; width: 100%; } #logo { float: none; width: 100%; margin: 0; text-align: center; } #header-social-icons { float: none; text-align: center; margin-top: 1.5em; } #header-social-icons .social-icons-menu li { float: none; display: inline-block; margin: 0 -2px 2px 0; line-height: 1.5em; } .archive-post.has-post-thumbnail .post-content, .commentlist .comment .comment-content { margin-left: 33%; border-left: 1px solid #e5e5e5; border-top: none; width: 67%; } .archive-post.has-post-thumbnail .entry-meta-wrap, .commentlist .comment .comment-meta { float: left; width: 33%; padding: 0.8em 0.8em 0; } .archive-post.has-post-thumbnail .entry-meta-wrap .wp-post-image { float: none; margin-right: 0; max-width: 100%; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 1em; } .comment-meta .commentmetadata p { display: block; padding: 0; } #footer { padding: 0 2em; } /* Mobile Top Navigation */ /* Reset */ #topnav-wrap, #topnav, .top-navigation-menu, .top-navigation-menu li, .top-navigation-menu a, .top-navigation-menu ul { margin: 0; padding: 0; position: static; float: none; display: inline; font-size: 1.0em; border: none; box-shadow: none; background: none; top: 0; left: 0; } #topnav { float: none; } #topnav-toggle { float: left; display: inline-block; margin: 0; padding: 0.6em 0.8em 0.7em; text-decoration: none; font-size: 0.8em; color: #fff; background: none; border: none; } #topnav-toggle:hover { cursor: pointer; background: rgba(0,0,0,0.2); } #topnav-toggle:after { float: left; margin: 0; -webkit-font-smoothing: antialiased; display: inline-block; content: '\f419'; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } .top-navigation-menu { float: left; display: none; width: 100%; border-top: 1px solid rgba(255,255,255,0.08); } .top-navigation-menu a { float: left; display: block; padding: 0.7em 1em; text-decoration: none; font-size: 0.8em; text-transform: uppercase; margin-bottom: 1px; } .top-navigation-menu a:hover { background: rgba(0,0,0,0.2); } .top-navigation-menu li.current_page_item a, .top-navigation-menu li.current-menu-item a { text-decoration: underline; } /* Mobile Main Navigation */ /* Reset */ #mainnav, .main-navigation-menu, .main-navigation-menu li, .main-navigation-menu a, .main-navigation-menu ul, .main-navigation-menu ul a, .main-navigation-menu ul ul, .main-navigation-menu li ul ul { margin: 0; padding: 0; position: static; float: none; display: inline; font-size: 1.0em; border: none; box-shadow: none; background: none; top: auto; left: auto; } .main-navigation-menu li, .main-navigation-menu ul, .main-navigation-menu li ul ul, .mega-menu-item .mega-menu-content, .mega-menu-item .mega-menu-content .mega-menu-widget { position: static; display: block; left: auto; top: auto; clear: left; } #mainnav { margin: 1.5em 0; float: none; } #mainnav-toggle { display: block; margin: 0; padding: 1em; width: 100%; text-decoration: none; font-size: 1.0em; font-weight: bold; font-family: 'Carme', Tahoma, Verdana, Arial; text-align: left; line-height: 1.5; background: #f8f8f8; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #mainnav-toggle:hover { cursor: pointer; background: #fff; } #mainnav-toggle:after { float: right; margin: 0; -webkit-font-smoothing: antialiased; display: inline-block; content: '\f419'; font: normal 24px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } .main-navigation-menu { width: 100%; display: none; border-bottom: 1px solid #e5e5e5; background: #fff; } .main-navigation-menu a { display: block; padding: 1.3em; text-decoration: none; font-size: 1.0em; font-weight: bold; border-top: 1px solid #e5e5e5; background: #fff; clear: left; } .main-navigation-menu a:hover { background: #f8f8f8; } .main-navigation-menu ul { float: left; padding: 1em 0; width: 100%; background: #f8f8f8; border-top: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-navigation-menu ul a { display: block; width: 100%; padding: 1em 1em 1em 2em; font-size: 0.9em; font-weight: normal; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-navigation-menu ul a:hover { text-decoration: underline; } .main-navigation-menu ul li ul { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-navigation-menu ul ul a { padding-left: 4em; } .main-navigation-menu ul ul ul a { padding-left: 6em; } .main-navigation-menu li.current_page_item a, .main-navigation-menu li.current-menu-item a { text-decoration: underline; } .main-navigation-menu li.current_page_item ul li a, .main-navigation-menu li.current-menu-item ul li a{ text-decoration: none; } .main-navigation-menu ul li.current_page_item a, .main-navigation-menu ul li.current-menu-item a { text-decoration: underline; } .main-navigation-menu .submenu-dropdown-toggle { float: right; display: block; margin: 0; padding: 1.15em 1.5em; } .main-navigation-menu .submenu-dropdown-toggle:hover { cursor: pointer; } .main-navigation-menu .submenu-dropdown-toggle:hover:before { color: #777; } .main-navigation-menu .submenu-dropdown-toggle:before { font-size: 20px; line-height: 1; font-family: 'Genericons'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: inherit; vertical-align: middle; content: '\f510'; color: #222; } .main-navigation-menu .submenu-dropdown-toggle.active:before { content: '\f50e'; } .main-navigation-menu ul .submenu-dropdown-toggle { padding: 0.55em 1.2em; } .main-navigation-menu ul .submenu-dropdown-toggle:before { font-size: 16px; } /* Mega Menu Styling */ .mega-menu-item .mega-menu-two-columns > li, .mega-menu-item .mega-menu-three-columns > li, .mega-menu-item .mega-menu-five-columns > li { width: 100%; } .mega-menu-item .mega-menu-four-columns > li, .mega-menu-item .mega-menu-six-columns > li { width: 50%; } } /* Tablets (portrait) | <800px */ @media only screen and (max-width: 50em) { #logo .site-title { font-size: 2.3em; } .archive-post.has-post-thumbnail .post-content, .commentlist .comment .comment-content { margin-left: 0; border-left: none; border-top: 1px solid #e5e5e5; width: 100%; } .archive-post.has-post-thumbnail .entry-meta-wrap, .commentlist .comment .comment-meta { float: none; width: 100%; padding: 0.8em; } .archive-post.has-post-thumbnail .entry-meta-wrap .wp-post-image { float: left; margin-right: 2em; max-width: 50%; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 0.5em; } .comment-meta .commentmetadata p { display: inline; padding: 0 0.4em; } .page-title { font-size: 2.2em; } .entry-title { font-size: 2.0em; } .entry h1, .comment h1 { font-size: 2.2em; } .entry h2, .comment h2 { font-size: 1.8em; } .entry h3, .comment h3 { font-size: 1.4em; } .entry tr th, .entry thead th { padding: 0.2em 0.4em; } .entry tr td { padding: 0.2em 0.4em; } } /* Phablets (portrait) | <640px */ @media only screen and (max-width: 40em) { #wrap, #custom-header-image { padding: 1.5em 1.5em 0; } #featured-content-wrap { padding: 1.3em 1.3em 0; } #header-social-icons .social-icons-menu li a { padding: 0.9em; } #header-social-icons .social-icons-menu li a:before { font-size: 20px; vertical-align: middle; } .type-post, .type-page, .type-attachment, .widget { margin: 0 0 1.5em 0; } .page-title { font-size: 2.0em; } .entry-title { font-size: 1.8em; } .entry-title .subtitle { font-size: 0.6em; } #footer-social-icons { float: none; text-align: center; } #footer-social-icons .social-icons-menu li { float: none; display: inline-block; margin: 0 -2px 2px 0; } #footer #footer-text { float: none; text-align: center; padding: 0.7em 0 1.4em; } /* Mega Menu Styling */ .mega-menu-item .mega-menu-four-columns > li, .mega-menu-item .mega-menu-six-columns > li { width: 100%; } } /* Phablets (portrait) | <640px */ @media only screen and (max-width: 34em) { #featured-content .featured-post .featured-post-thumbnail { padding: 0.4em; } #featured-content .featured-post .featured-post-content { padding: 0.4em 0.6em; } #featured-content .featured-post .entry-title { font-size: 1.0em; } .archive-post.has-post-thumbnail .entry-meta-wrap .wp-post-image { max-width: 45%; margin-right: 1em; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 0; } .comment-meta .commentmetadata p { display: block; padding: 0; } } /* Smartphones | <480px */ @media only screen and (max-width: 30em) { #wrap, #custom-header-image, #featured-content-wrap { padding: 1em 1em 0; } #header-social-icons .social-icons-menu li a { padding: 0.7em; } #header-social-icons .social-icons-menu li a:before { font-size: 16px; } .type-post, .type-page, .type-attachment, .widget { margin: 0 0 1em 0; } .page-title { font-size: 1.8em; } .entry-title { font-size: 1.6em; } .entry-title .subtitle { font-size: 0.65em; } #logo .site-title { font-size: 2.0em; } #topheader #header-search .search-form .search-field { min-width: 0; } .alignright, .alignleft { float: none; margin: 1em 0; } .entry-meta span, .postinfo span { display: block; } .postinfo .meta-comments { float: none; } } /* Smartphones | <480px */ @media only screen and (max-width: 28em) { .archive-post.has-post-thumbnail .entry-meta-wrap .wp-post-image { float: none; margin-right: 0; max-width: 100%; } .archive-post.has-post-thumbnail .entry-meta { margin-top: 1em; } #featured-content .featured-post .type-post { border: none; } #featured-content .featured-post .featured-post-thumbnail { padding: 0; background: #fff; border: none; } #featured-content .featured-post .featured-post-content { padding: 0.4em 0.1em; border: none; } #featured-content .featured-post .entry-title { font-size: 0.95em; } } /* Big Screens Navi Fix | >720px */ @media only screen and (min-width: 60.001em) { /* ensure #nav is visible on desktop version */ .top-navigation-menu, .main-navigation-menu { display: block !important; } .main-navigation-menu li.menu-item:hover a { background: #fff; } .main-navigation-menu li.menu-item:hover ul a:hover { background: #f8f8f8; } }

7 Essential Internetseite Tipps, um sicherzustellen, dass Ihre Internetseite Traffic in Sales konvertiert

Jedes Unternehmen www.samathiphuket.com gesammelt heute die Website. Aber ist Die Website überredend? Erreicht wir potenziellen Kundenstamm und wandelt Traffic in Verkäufe mit der absicht,?

Nun, es sollte… Durchschnittlich haben Sie ungefähr 7 Sekunden Zeit, um Die Nachricht abgeschlossen übermitteln, bevor der Endanwender Ihre Website für die Website Ihrer Mitbewerber verlässt. Wir besitzen es leicht gemacht Richtlinien für das, was kann und, wichtiger, sollte bei weitem nicht auf Ihrer Homepage dargestellt werden, demnach Sie regelmäßigen Verkehr mit Einkommen umformen können.

1) Erstellen Sie die leistungsstarke Homepage-Nachricht. Ihre Homepage-Nachricht sollte eine zielgerichtete, nutzenorientierte Aussage dies, die beschreibt, was Jene für den potenziellen Kunden machen können. Mit der absicht eine gute Homepage über erstellen In diesem Fall müssen Jene den inhärenten Nutzen jetzt für Ihre potenzielle Kundenbasis sieben. Niemand möchte hören, falls du “der Beste” bist; Kunden möchten hören, weshalb Ihr Gebilde / Ihre Dienstleistung differenzierend ist und was das für jene bedeutet. Leicht ausgedrückt fragen die Kundschaft: “Was kannst du für mich tun? ” “Beantworte sie.

2) Konzentriere dich uff (berlinerisch) Klarheit. Heutzutage, da die meisten Menschen gemeinsam nach Produkten und Dienstleistungen suchen, kann Ihre Homepage eindeutig wiederfinden, wer Jene sind, was Sie in aussicht stellen, Ihre wichtigsten Wettbewerbsvorteile, und Ihr unterstützender Text darüber hinaus einer übersichtlichen und unproblematisch zu bedienenden Benutzeroberfläche. Beinhalten Sie Grafiken und Videos, um abgeschlossen veranschaulichen, welchen Service oder aber welches Gebilde Sie zeigen und wie diese davon profitieren Adressat. Die Homepage sollte dennoch eine Zone ohne Fluff sein. Die gute Faustformel für die Homepage ist “weniger ist alle. ” Schaffen Sie dieses dem Anwender leicht über verstehen, was Sie tun. Zu viel Geschwafel, Bilder des weiteren Grafiken sein den Benutzer nur verwirren. Leerzeichen, leicht. Unordnung, schlecht!

3) Benützen Sie ‘Secondary Messaging’ effektiv. Nachdem Sie Ihre Startseite-Nachricht präsentiert besitzen, müssen Jene “sekundäres Messaging” auf dieser Startseite integrieren. Dies schließt zusätzliche Meldungen ein, die dazu dienen, die in der nahen primären Nachricht gemachten Aspekte zu klären und nach Hause über bringen. Secondary Messaging sollte den Anwender auch hinzu anregen, genaue Schritte über unternehmen – das heißt, es kann ein Aufruf zum Sprechen sein. Selbige Handlungsaufforderungen könnten den Anwender anweisen, dem Unternehmen unter zuhilfenahme von E-Mail weitere Informationen zu aufführen, den Vertriebsmitarbeiter anzurufen, ein Whitepaper herunterzuladen, eine kostenlose aktuelle Erfolgsgeschichte abgeschlossen lesen usw. Die sekundäre Nachricht sieht man von Firmen zu Unternehmen geändert (ist das in keiner weise der Fall) das ofensichtliche erklären’). Dieses guter Vermarkter wird wissensstand, wie jemand eine durchdringende sekundäre Botschaft wählt.

4) Integriere Filme und / oder ‘Flash’, um deine Kernnachricht über betonen. Bilder und Flash-Animationen sind wichtige Teile Ihrer Homepage. Um eine wichtigsten Wettbewerbsvorteile Ihres Unternehmens zu skizzieren, unterstützen zwei Strategien die Kunden für der Visualisierung Ihrer Möglichkeiten erfüllen die Bedürfnisse des weiteren Anforderungen. Die masse Menschen sind visuell orientiert, so falls Ihre Filme / Flash Ihre Botschaft schnell vermitteln und hervorheben. Sei konsistent mit dem, was du deinen potentiellen Aussichten erzählst. Fixieren Sie Ihr Messaging via Ihren visuellen Strategien aus. Bilder ferner Flash sind immer wieder auch gute Möglichkeiten, mit der absicht, Unordnung abgeschlossen beseitigen; Dadurch Sie Ihrer Website diese eine, visuelle Voller klang hinzufügen, verkleinern Sie welchen Bedarf an zusätzlichem Referenztext.

5) Drängen Sie uff (berlinerisch) einen spezifischen Aufruf zum Handeln. Jene haben bereits ein wenig über Handlungsaufforderungen gehört, jedoch es ist eine so sehr wichtige Methode, der unsereins auch den speziellen Abschnitt gewidmet besitzen. Die Nichtumsetzung von potenziellen Online-Kunden mit Leads ist echt hauptsächlich herauf Homepages zurückzuführen, auf denen primäre und sekundäre Aufrufe zum Berichten auf jener Homepage mangel. Ein Call-to-Action kann derart einfach dies wie ein Link, jener sagt: “Kontaktieren Sie dir für sonstige Informationen” , alternativ “Erzählen Sie uns mehr über Die Bedürfnisse ferner wir werden diese eine, Telefonkonferenz sabbeln. ” Statistiken haben gezeigt, dass wenn Sie Web-Nutzer entlang Ihrer führen sachverstand Verkaufsprozess sein Sie alle von solchen frauen in Kunden umwandeln.

6) Kenne das Publikum des weiteren kenne dasjenige Publikum mit deinem Publikum.

OK, folglich vielleicht weißt du bei weitem nicht, wer Carl Jung ist echt, aber die Chancen stehen gut, dass du entweder einen Myers-Briggs-Persönlichkeitstest gemacht dein eigen nennst oder künftig nehmen kannst. Die meisten Personen können eindeutig angeben, ob sie es sind dieses Introvertierter oder aber ein Extrovertierter; Ihre Website sollte jene und andere Persönlichkeitstypen in betracht ziehen. Entwickeln Jene Ihre Website nicht nur für ein Publikum, dies benötigt, was Sie übereignen können, stattdessen auch für unterschiedliche Persönlichkeiten in dem Publikum. Man Leute nehmen es vor, das Verfahrensweise abzuholen, mit der absicht, mehr Informationen über Die Produkte oder Dienstleistungen abgeschlossen erhalten. Sie bevorzugen dieses, dich unter einsatz von E-Mail zu kontaktieren stattdessen. Andere möchten vielleicht ein Treffen sabbeln. Ihre Internetauftritt sollte so viele dieser Persönlichkeitstypen wie möglich berücksichtigen, sonst verlieren Sie Conversions. Mach es unkompliziert für die Web-Benutzer, um Jene zu kontaktieren… mit der Methode sie auch wählen.

7) Machen Sie Ihre Homepage einfach zu navigieren. Sie zu tun sein Ihre Internetseite mit unkompliziert zu navigierenden Optionen des weiteren Schaltflächen dimensionieren. Wenn Sie ein Dienstleistungsunternehmen sind, erreichen Sie das XYZ… In der oberen Navigationsleiste. Wenn auch du Verkaufen Sie mehr als 1 Service und aktivieren Sie dann das Pull-Down-Menü qua Optionen für Ihre Kundschaft. Ermöglichen Sie ihnen, die Seite auszuwählen, die sie recherchieren möchten, ohne klicken zu zu tun sein zuerst um mehr über erfahren (ein großes No-No! ). Die andere Methode besteht darin, Seitenleisten zu nehmen, um Benutzern das Zweifel beseitigen beim Studieren Ihrer Inhalte zu vereinfachen. Sie müssen auch (sich) vergewissern, dass Die Homepage diese eine, verwendet Interlinking-Strategie, so falls, wenn Web-Benutzer die undurchdachte Taste drücken, sie unproblematisch wieder in die Fußspur kommen ferner finden Sie die Fakten, die jene suchen.

Die Quintessenz Erledigen Sie dieses einem Interessenten leichter, wichtige über Ihre Produkte und / oder aber Dienstleistungen über erfahren. Erstellen Sie diese eine, Homepage, die das Rätselraten löst, indem Sie Web-Benutzer durch allen Prozess verwalten die Botschaft verstehen, um etwas zu unternehmen. Statistiken haben gezeigt, dass je mehr Klicks potenzielle Kundschaft benötigen, mit der absicht, das zu finden, wonach jene suchen, desto höher ist echt die Klasse, mit der sie das tun die Website anvertrauen. Diese Richtlinien werden nicht nur eine befriedigendere Websiteerfahrung für den Endanwender erstellen, stattdessen auch einen Teil dieses gescrollten Webdatenverkehrs in echte Sales Leads umwandeln. Und wie wir alle wissen, je alle Verkäufe führt, desto alle $$$. In aussicht stellen Sie Ihrer Website die dringend benötigte Aufmerksamkeit, die sie beachtenswert. Ihre Website sollte dasjenige effektivste Marketinginstrument Ihres Unternehmens sein.

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *