Mikkel Karlsen wordpress theme

Wordpress theme written for Mikkel Karlsen

Install node modules (only for development)

npm install

Watch scss-files

npm run scss

Minify js files

npm run minify

Wordpress configuration

Groups

• When editing pages or posts, everything should be put in groups

• A group should have at least one class light or dark (background)

  
  

Classes

• All elements including (~ especially) groups can have following classes (these only works on desktop)

  • .more-padding-top
  • .less-padding-top
  • .more-padding-bottom
  • .less-padding-bottom
  • .more-margin-top
  • .less-margin-top
  • .more-margin-bottom
  • .less-margin-bottom

  
  

• All elements can have the following classes (works everywhere):

  • .no-padding-top
  • .no-padding-bottom
  • .no-margin-top
  • .no-margin-bottom
  • .margin-top-10
  • .margin-bottom-10
  • .margin-top-20
  • .margin-bottom-20
  • .margin-top-30
  • .margin-bottom-30
  • .margin-top-40
  • .margin-bottom-40
  • .margin-top-50
  • .margin-bottom-50
  • .margin-top-60
  • .margin-bottom-60
  • block - display: block, width 100%, some default margin
  • btn btn1 - creates the beautiful yellowish button

  
  

Recommended plugins

• Autoptimize

• Contact Form 7

• Contact Form 7 Extension For Mailchimp

• GA Google Analytics

• Lazy Load for Videos

• Schema & Structured Data for WP & AMP

• WebP Express (requires packages cwebp and php-gd)

• Wordfence Security

• WP Mail SMTP

• WP Super Cache

• Yoast SEO

  
  

Contact Forms 7 newsletter example

<section class="subscribe_newsletter">
<div class="container">

<div class="grid">
    <div>
        <h2>Modtag nyheder</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas varius tortor nibh, sit amet tempor nibh finibus et.</p>
    </div>
    <div>
        [email* email-116 class:block placeholder "Skriv din email"][submit class:block "Tilmeld"]
    </div>
</div>

</div>
</section>

Contact Forms 7 booking example

<div class="booking-grid">
    <div>
        [text* text-884 placeholder "Navn"][email* email-890 placeholder "Email"][text* text-884 placeholder "Telefonnr."]
    </div>
    <div>
        [textarea* textarea-568 placeholder "Beskriv dit arrangement bedst muligt og husk gerne dato, tid, adresse og antal deltagere"]
    </div>
</div>
<div>
    [submit class:btn1 "Send forespørgsel"]
</div>

Custom post type: Articles

• Shortcode is used for blog-overview, due to wordpress’ missing customization options required on category/archive pages
• To get the article blog overview, use shortcode [get_article_overview]