Set Up Global Settings

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
Div
Span
Paragraph - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum

Text Header 1

Text Header 2

Text Header 3

Text Header 4

Text Header 5
Text Header 6
Preformatted

Text Paragraph – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

WordPress Configuration

Basic Settings Implemented:

 

  1. WordPress Installed
  2. Hello Elementor Theme Installed
  3. Hello Elementor Child Theme Installed
  4. Unnecessary Themes deleted
  5. Deleted sample-config.php
  6. Dashboard > Settings:
    • Reading: Static page jako Homepage
    • Reading: Static page jako News
    • Discussion: Unchecked – Allow people to submit comments on new posts 
    • Media: Proper image dimensions set up
    • Permalinks: Set to Post name
  7. Plugins installed: 
    • CookieYes
    • Duplicate Page
    • Elementor – to update
    • Elementor Pro – To update
    • Site Kit by Google
    • Smush Pro – already configured
    • WP File Manager
    • WP Rocket – already configured
    • Yoast SEO – already configured
  8. WP Rocket Configured: 
    • Cache > enabled
    • Enable caching for mobile devices -> true
    • Optimization: Minify css files, Minify js files
    • Optimize css delivery -> remove css or load async
    • Load js deffered, Delay js execution -> wykluczyc jquery
    • Media: Lazy loading for all -> true, Add image dimensions -> true

 

Elementor:

 

  1. Elementor>Custom Code> Font Awesome integration
  2. Elementor Settings> 
    • Inline font icons -> true
    • Flexbox container -> true
    • Lazy load bg images -> true
    • Optimized dom output -> true
    • Improved assets loadinf -> true
    • Accessebility improvmenta -> true
    • Additional custom breakpoint -> true
  1. Elementor>Site Settings>Layout
    5 breakpoints: 
    • Desktop – standard
      – Content width set to 1440px
    • Laptop: 1200px and down
    • Content width: 90%
    • Tablet Landscape: 1024px and down
    • Content width: 94%
    • Tablet Portrait: 768px and down
    • Content width: 94%
    • Mobile Landscape: 576px and down
    • Content width: 94%
    • Mobile Portrait: 414px and down
    • Content width: 94%

Simple sticky header

Add
.elementor-sticky–effects .elementor-widget-theme-site-logo img {
height: auto !important;
width: 120px !important;
transition: all .3s linear;
}

to header custom css to make sticky logo shrink when header starts floating