Before starting these steps you have to have installed Shockmag the theme and required plugins. Please, make sure you’ve followed the Theme Installation part of documentation which comes with theme package.
Step 1: Frontpage
-
Start a new page (Pages > Add New) based on the Frontpage page template.
![]()
-
Select sidebar and sidebar position.
![]()
-
Publish it.
-
Set it as front page from within Settings > Reading page.
![]()
Step 2: Theme settings
- Simple way
- Advanced way
Drop this code on the Theme Panel > Import / Export page:
YToxMTM6e3M6MjE6InRhYl9zdF9tYWpvcl9zZXR0aW5ncyI7czo3OiJnZW5lcmFsIjtzOjk6ImxvZ29fdHlwZSI7czo1OiJpbWFnZSI7czo0OiJsb2dvIjtzOjMwOiJodHRwOi8vaS5pbWd1ci5jb20vM2h1cGlKOS5wbmciO3M6NjoibG9nbzJ4IjtzOjMwOiJodHRwOi8vaS5pbWd1ci5jb20vM2h1cGlKOS5wbmciO3M6ODoic2l0ZW5hbWUiO3M6MDoiIjtzOjc6ImZhdmljb24iO3M6MDoiIjtzOjEwOiJjb3B5cmlnaHRzIjtzOjA6IiI7czo4OiJkZXZfbGluayI7czowOiIiO3M6MTY6Imdvb2dsZV9hbmFseXRpY3MiO3M6MDoiIjtzOjEzOiJibG9nX3RlbXBsYXRlIjtzOjc6ImRlZmF1bHQiO3M6MTA6InN0aWNreV9xdHkiO3M6MToiMCI7czoxMToic3RpY2t5X2NhdHMiO3M6NjoidHJhdmVsIjtzOjE0OiJzdGlja3lfZXhjbHVkZSI7czowOiIiO3M6MTk6InN0aWNreV9vbl9mcm9udHBhZ2UiO3M6MzoieWVzIjtzOjE4OiJzdGlja3lfb25fYXJjaGl2ZXMiO3M6MDoiIjtzOjE2OiJzdGlja3lfb25fc2luZ2xlIjtzOjA6IiI7czoxNjoic3RpY2t5X29uX290aGVycyI7czowOiIiO3M6MTg6Im1vc3Rfdmlld2VkX3BlcmlvZCI7czozOiJhbGwiO3M6MjQ6Im1vc3Rfdmlld2VkX29uX2Zyb250cGFnZSI7czozOiJ5ZXMiO3M6MjM6Im1vc3Rfdmlld2VkX29uX2FyY2hpdmVzIjtzOjM6InllcyI7czoyMToibW9zdF92aWV3ZWRfb25fc2luZ2xlIjtzOjA6IiI7czoyMToibW9zdF92aWV3ZWRfb25fb3RoZXJzIjtzOjM6InllcyI7czoxMjoic3RpY2t5X2NhY2hlIjtzOjA6IiI7czoxNzoibW9zdF92aWV3ZWRfY2FjaGUiO3M6MzoieWVzIjtzOjE1OiJzdGlja3lfYXV0b3BsYXkiO3M6MDoiIjtzOjExOiJhZnRlcl90aXRsZSI7czowOiIiO3M6MTY6ImFmdGVyX3RpdGxlX2RhdGEiO3M6Mzc6IltzaWRlYmFyIGxhYmVsPSJTaWRlYmFyIGJlbG93IHRpdGxlIl0iO3M6MTE6ImJlZm9yZV9wb3N0IjtzOjM6InllcyI7czoxNjoiYmVmb3JlX3Bvc3RfZGF0YSI7czozOToiW3NpZGViYXIgbGFiZWw9IlNpZGViYXIgYWJvdmUgYXJ0aWNsZSJdIjtzOjE1OiJwb3N0X2ZlYXRfaW1hZ2UiO3M6MzoieWVzIjtzOjc6ImV4Y2VycHQiO3M6MzoieWVzIjtzOjk6InBvc3RfbWV0YSI7czozOiJ5ZXMiO3M6MTE6ImF1dGhvcl9pbmZvIjtzOjM6InllcyI7czoxMDoicG9zdF92aWV3cyI7czozOiJ5ZXMiO3M6OToibmljZV90aW1lIjtzOjM6InllcyI7czoxMDoiYWZ0ZXJfcG9zdCI7czozOiJ5ZXMiO3M6MTU6ImFmdGVyX3Bvc3RfZGF0YSI7czozOToiW3NpZGViYXIgbGFiZWw9IlNpZGViYXIgYmVsb3cgYXJ0aWNsZSJdIjtzOjEzOiJwb3N0X2NvbW1lbnRzIjtzOjM6InllcyI7czoxOToid2Vic2l0ZV9vbl9jb21tZW50cyI7czowOiIiO3M6OToicGluZ2JhY2tzIjtzOjA6IiI7czo3OiJyZWxhdGVkIjtzOjM6InllcyI7czoyMDoicmVsYXRlZF9wb3N0c19wZXJpb2QiO3M6MzoiYWxsIjtzOjEzOiJwYWdlX2NvbW1lbnRzIjtzOjA6IiI7czoxMToic2lkZWJhcl9xdHkiO3M6MToiNSI7czoxNDoic2lkZWJhcl9sYWJlbHMiO2E6NTp7aTowO3M6MjE6IlNpZGViYXIgYWJvdmUgYXJ0aWNsZSI7aToxO3M6MjI6IkFub3RoZXIgQ3VzdG9tIHNpZGViYXIiO2k6MjtzOjE5OiJTaWRlYmFyIGJlbG93IHRpdGxlIjtpOjM7czoxNzoiRnJvbnRwYWdlIHNpZGViYXIiO2k6NDtzOjIxOiJTaWRlYmFyIGJlbG93IGFydGljbGUiO31zOjIyOiJzaWRlYmFyX3ByaW1hcnlfc3RpY2t5IjtzOjM6InllcyI7czoxOToic2lkZWJhcl9wb3N0X3N0aWNreSI7czozOiJ5ZXMiO3M6MjI6InRhYl9zdF9sYXlvdXRfc2V0dGluZ3MiO3M6OToic3RfZm9vdGVyIjtzOjExOiJsYXlvdXRfdHlwZSI7czoxMDoicmVzcG9uc2l2ZSI7czoxMzoibGF5b3V0X2Rlc2lnbiI7czo0OiJ3aWRlIjtzOjE1OiJmb290ZXJfc2lkZWJhcnMiO3M6NDoibm9uZSI7czoxMDoibGlmZXN0cmVhbSI7czozOiJ5ZXMiO3M6MTc6ImxpZmVzdHJlYW1fY3VzdG9tIjtzOjA6IiI7czo4OiJsaWZlX1JTUyI7czoxOiIjIjtzOjEzOiJsaWZlX0ZhY2Vib29rIjtzOjE6IiMiO3M6MTU6ImxpZmVfR29vZ2xlUGx1cyI7czoxOiIjIjtzOjc6ImxpZmVfVksiO3M6MToiIyI7czoxMjoibGlmZV9CZWhhbmNlIjtzOjA6IiI7czoxMjoibGlmZV9CbG9nZ2VyIjtzOjA6IiI7czoxNDoibGlmZV9EZWxpY2lvdXMiO3M6MDoiIjtzOjE1OiJsaWZlX0RldmlhbnRBUlQiO3M6MDoiIjtzOjEzOiJsaWZlX0RyaWJiYmxlIjtzOjA6IiI7czoxMzoibGlmZV9FdmVybm90ZSI7czowOiIiO3M6MTE6ImxpZmVfRmxpY2tyIjtzOjA6IiI7czoxMToibGlmZV9Gb3Jyc3QiO3M6MDoiIjtzOjExOiJsaWZlX0dpdEh1YiI7czowOiIiO3M6MTQ6ImxpZmVfSW5zdGFncmFtIjtzOjA6IiI7czoxMToibGlmZV9MYXN0Zm0iO3M6MDoiIjtzOjEzOiJsaWZlX0xpbmtlZEluIjtzOjA6IiI7czoxMToibGlmZV9QaWNhc2EiO3M6MDoiIjtzOjE0OiJsaWZlX1BpbnRlcmVzdCI7czoxOiIjIjtzOjExOiJsaWZlX1JlZGRpdCI7czowOiIiO3M6MTA6ImxpZmVfU2t5cGUiO3M6MDoiIjtzOjE1OiJsaWZlX1NvdW5kQ2xvdWQiO3M6MDoiIjtzOjEyOiJsaWZlX1Nwb3RpZnkiO3M6MDoiIjtzOjE2OiJsaWZlX1N0dW1ibGV1cG9uIjtzOjA6IiI7czoxMToibGlmZV9UdW1ibHIiO3M6MDoiIjtzOjEyOiJsaWZlX1R3aXR0ZXIiO3M6MToiIyI7czoxMDoibGlmZV9WaW1lbyI7czowOiIiO3M6MTQ6ImxpZmVfV29yZFByZXNzIjtzOjA6IiI7czoxMjoibGlmZV9Zb3V0dWJlIjtzOjE6IiMiO3M6MjE6InRhYl9zdF9mb250c19zZXR0aW5ncyI7czo3OiJnZW5lcmFsIjtzOjk6ImZvbnRfc2l6ZSI7czoyOiIxNCI7czo5OiJmb250X3R5cGUiO3M6NjoiY3VzdG9tIjtzOjExOiJmb250X3N5c3RlbSI7czoyOToiQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZjsiO3M6MTY6ImZvbnRfY3VzdG9tX2NvZGUiO3M6MTExOiI8bGluayBocmVmPSdodHRwOi8vZm9udHMuZ29vZ2xlYXBpcy5jb20vY3NzP2ZhbWlseT1PcGVuK1NhbnM6NzAwLDMwMCw4MDAsNDAwJyByZWw9J3N0eWxlc2hlZXQnIHR5cGU9J3RleHQvY3NzJz4iO3M6MTU6ImZvbnRfY3VzdG9tX2NzcyI7czozNzoiZm9udC1mYW1pbHk6ICdPcGVuIFNhbnMnLCBzYW5zLXNlcmlmOyI7czoxNjoiZm9udF9jdXN0b21fdGFncyI7czozNDoiYm9keSwgZGl2LCB0ZCwNCmlucHV0LA0KLm1vcmUtbGluayI7czoxODoiZm9udF9jdXN0b21fY29kZV8yIjtzOjk0OiI8bGluayBocmVmPSdodHRwczovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2Nzcz9mYW1pbHk9QWRhbWluYScgcmVsPSdzdHlsZXNoZWV0JyB0eXBlPSd0ZXh0L2Nzcyc+IjtzOjE3OiJmb250X2N1c3RvbV9jc3NfMiI7czozMDoiZm9udC1mYW1pbHk6ICdBZGFtaW5hJywgc2VyaWY7IjtzOjE4OiJmb250X2N1c3RvbV90YWdzXzIiO3M6MToicCI7czoyMDoidGFiX3N0X21pc2Nfc2V0dGluZ3MiO3M6NzoiZ2VuZXJhbCI7czoxMjoic2FuaXRpemF0aW9uIjtzOjI6Im5vIjtzOjk6ImFkbWluX2JhciI7czowOiIiO3M6MTE6InByZXR0eVBob3RvIjtzOjA6IiI7czo1OiJoaWRwaSI7czowOiIiO3M6MTA6InNob3J0Y29kZXMiO3M6MDoiIjtzOjEwOiJzdGlja3ltZW51IjtzOjA6IiI7czoxMToic2lkZWJhci1hbHQiO3M6MDoiIjtzOjg6InJlZGlyZWN0IjtzOjA6IiI7czoxNDoiY2FjaGUtbWVnYW1lbnUiO3M6MzoieWVzIjtzOjEzOiJzbW9vdGgtc2Nyb2xsIjtzOjM6InllcyI7czoxNToiZ2FsbGVyeS1kZWZhdWx0IjtzOjA6IiI7czoxMjoicHJvZHVjdHNfcXR5IjtzOjI6IjEyIjtzOjExOiJ3b29jX2Fzc2V0cyI7czozOiJ5ZXMiO3M6NzoiYWRzZW5zZSI7czowOiIiO3M6MTA6ImFkc2Vuc2VfaWQiO3M6MDoiIjtzOjIxOiJ0YWJfc3Rfc3R5bGVfc2V0dGluZ3MiO3M6NjoiY3VzdG9tIjtzOjU6InN0eWxlIjtzOjU6ImxpZ2h0IjtzOjEzOiJjb2xvci1wcmltYXJ5IjtzOjY6IjExMTExMSI7czoxNToiY29sb3Itc2Vjb25kYXJ5IjtzOjY6ImJiYTQ3MiI7czoxMDoiY3VzdG9tX2NzcyI7czoyNjczOiJib2R5LCBkaXYsIHRkIHsNCmZvbnQtd2VpZ2h0OiA0MDA7DQp9DQoNCmgxLCBoMiwgaDMsIGg0LCBoNSwgaDYsDQoubW9yZS1saW5rLA0KI3ByZV9uZXh0X3Bvc3QgYSB7DQpmb250LXdlaWdodDogNDAwOw0KbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTsNCn0NCg0KLndpZGdldCA+IGg1IHsNCmZvbnQtd2VpZ2h0OiA0MDA7DQpsZXR0ZXItc3BhY2luZzogMC4wNWVtOw0KdGV4dC1hbGlnbjogY2VudGVyOw0KdGV4dC10cmFuc2Zvcm06IG5vbmU7DQpmb250LXN0eWxlOiBpdGFsaWM7DQpwYWRkaW5nOiAwIDAgMC42NWVtOw0KYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4zKTsNCn0NCg0KLmRhcmsgLndpZGdldCA+IGg1IHsNCmJvcmRlci1jb2xvcjogcmdiYSgyNTUsMjU1LDI1NSwwLjMpOw0KfQ0KDQoud2lkZ2V0LXBvc3RzID4gZGl2IHsNCmJvcmRlci1jb2xvcjogcmdiYSgwLDAsMCwwLjMpOw0KfQ0KDQoucG9zdC1zdGlja3ktYSBoMywNCi5wb3N0LXN0aWNreS1iIGgzLA0KLnBvc3Qtc3RpY2t5LWMgaDMsDQoucG9zdC10Ni1kZXRhaWxzIGgzLA0KLnBvc3QtdDEwIGgzLA0KLnBvc3QtZGVmYXVsdCAucG9zdC10aXRsZS1kZWZhdWx0LA0KLndpZGdldC1wb3N0cy10aXRsZSwNCi5zdW1tYXJ5IGgxLmVudHJ5LXRpdGxlLA0KI3Jldmlld3MgI2NvbW1lbnRzIGgyLA0KLndvb2NvbW1lcmNlLXRhYnM+ZGl2PmgyOmZpcnN0LWNoaWxkLA0KLndvb2NvbW1lcmNlLXBhZ2UgYS5hZGRfdG9fY2FydF9idXR0b24sDQoud29vY29tbWVyY2UtcGFnZSBhLnByb2R1Y3RfdHlwZV9leHRlcm5hbCB7DQpmb250LXdlaWdodDogNDAwOw0KbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTsNCn0NCg0KLnBvc3Qtc3RpY2t5LWEgaDMgZW0sDQoucG9zdC1zdGlja3ktYiBoMyBlbSwNCi5wb3N0LXN0aWNreS1jIGgzIGVtLA0KLnBvc3QtdDYtZGV0YWlscyBoMyBlbSwNCi5wb3N0LXQxMCBoMyBlbSwNCi5wb3N0LWRlZmF1bHQgLnBvc3QtdGl0bGUtZGVmYXVsdCBlbSwNCi53aWRnZXQtcG9zdHMtdGl0bGUgc3BhbiB7DQpmb250LXdlaWdodDogMzAwOw0KfQ0KDQoucG9zdC1zdGlja3ktYSAueSwNCi5wb3N0LXN0aWNreS1iIC55LA0KLnBvc3QtdDYtZGV0YWlscyBkaXYgew0KZm9udC13ZWlnaHQ6IDQwMDsNCn0NCg0KLm1ldGEsDQoud2lkZ2V0LXBvc3RzLWRhdGUgew0KdGV4dC10cmFuc2Zvcm06IG5vbmU7DQp9DQoNCi5wb3N0cy1yZWxhdGVkLXdyYXBwZXIgaDYsDQojb3dsLW1vc3Qtdmlld2VkLW5hdiBzcGFuLm5leHQ6YmVmb3JlIHsNCmZvbnQtd2VpZ2h0OiA0MDA7DQp9DQoNCi5pY28xNiwNCi53aWRnZXQtcG9zdHMtZGF0ZSB7DQpmb250LXdlaWdodDogNjAwOw0KfQ0KDQoucG9zdC1kZWZhdWx0IGFydGljbGUgLmljbzE2LWZvbGRlcjpiZWZvcmUsDQoucG9zdC1kZWZhdWx0IGFydGljbGUgLmljbzE2LWNhbGVuZGFyOmJlZm9yZSwNCiNwb3N0LXRpdGxlID4gZGl2LnggLmljbzE2OmJlZm9yZSwNCi53aWRnZXQtcG9zdHMtZGF0ZTpiZWZvcmUsDQoud2lkZ2V0LXBvc3RzLXZpZXdzOmJlZm9yZSB7DQpkaXNwbGF5OiBub25lOw0KfQ0KDQpoMS5wb3N0LXRpdGxlIHsNCmZvbnQtd2VpZ2h0OiA0MDA7DQp9DQoNCmgxLnBvc3QtdGl0bGUgZW0gew0KZm9udC13ZWlnaHQ6IDMwMDsNCn0NCg0KLnBhZ2UtdGl0bGUgew0KZm9udC1zaXplOiAxZW07DQpmb250LXdlaWdodDogNjAwOw0KfQ0KDQoucGFnZS10aXRsZSAudGl0bGUtc3ViIHsNCmZvbnQtd2VpZ2h0OiA0MDA7DQp9DQoNCiNsYXlvdXQgLnBhZ2UtdGl0bGU6YmVmb3JlIHsNCmZvbnQtc2l6ZTogMWVtOw0KfQ0KDQoudGVybS10aXRsZSBoMSB7DQpmb250LXNpemU6IDFlbTsNCmZvbnQtd2VpZ2h0OiA2MDA7DQp9DQoNCi50ZXJtLWRlc2NyaXB0aW9uIHsNCmZvbnQtc3R5bGU6IGl0YWxpYzsNCn0NCg0KI2NvcHlyaWdodHMtYm94IHsNCmJvcmRlcjogbm9uZTsNCn0NCg0KLnNpZGViYXItYWQtYSB7DQpkaXNwbGF5OiBub25lOw0KfQ0KDQojaGVhZGVyLWhvbGRlciB7DQpiYWNrZ3JvdW5kLWltYWdlOiB1cmwoaHR0cDovL2kuaW1ndXIuY29tL1pSMmdjWDcucG5nKTsNCmJhY2tncm91bmQtcG9zaXRpb246IHRvcCBjZW50ZXI7DQpiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0Ow0KfQ0KDQojbG9nbyB7DQpmbG9hdDogbm9uZTsNCm1hcmdpbjogMCBhdXRvOw0KfQ0KDQojcG9zdC10aXRsZSA+IGRpdi54IHsNCmZsb2F0OiBub25lOw0KdGV4dC1hbGlnbjogY2VudGVyOw0KbWFyZ2luOiAwIGF1dG87DQpwYWRkaW5nOiA1MHB4IDAgMTAwcHg7DQp9DQoNCiN0aXRsZS1hZnRlciB7DQpwYWRkaW5nLXRvcDogMDsNCmZsb2F0OiBub25lOw0KYmFja2dyb3VuZDogbm9uZTsNCm1hcmdpbjogMCBhdXRvOw0KfQ0KDQojcG9zdC10aXRsZSBkaXYucmV2aWV3LXRvdGFsLW9ubHksDQojcG9zdC10aXRsZSAubWV0YSB7DQpmbG9hdDogbm9uZTsNCm1hcmdpbi1sZWZ0OiBhdXRvOw0KbWFyZ2luLXJpZ2h0OiBhdXRvOw0KfQ0KDQouc2lkZWJhciAud2lkZ2V0X3RleHQgew0KdGV4dC1hbGlnbjogY2VudGVyOw0KfQ0KDQojY29weXJpZ2h0cy1ib3ggew0KdGV4dC10cmFuc2Zvcm06IG5vbmU7DQp9DQoNCiNtZW51LXJlc3AtaG9sZGVyID4gdWwgPiBsaSA+IGEgew0KZm9udC13ZWlnaHQ6IDQwMDsNCn0NCg0KI3Bvc3QtZXhjZXJwdCBwIHsNCmZvbnQtc3R5bGU6IGl0YWxpYzsNCn0iO3M6MTU6InBhZ2UtdHJhbnNpdGlvbiI7czozOiJ5ZXMiO30=
Set the settings as shown on screenshots:
Open Sans font
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700,300,800,400' rel='stylesheet' type='text/css'> font-family: 'Open Sans', sans-serif; body, div, td, input, .more-link
Adamina font
<link href='https://fonts.googleapis.com/css?family=Adamina' rel='stylesheet' type='text/css'> font-family: 'Adamina', serif; p
Custom CSS
body, div, td {
font-weight: 400;
}
h1, h2, h3, h4, h5, h6,
.more-link,
#pre_next_post a {
font-weight: 400;
letter-spacing: 0.05em;
}
.widget > h5 {
font-weight: 400;
letter-spacing: 0.05em;
text-align: center;
text-transform: none;
font-style: italic;
padding: 0 0 0.65em;
border-bottom: 1px solid rgba(0,0,0,0.3);
}
.dark .widget > h5 {
border-color: rgba(255,255,255,0.3);
}
.widget-posts > div {
border-color: rgba(0,0,0,0.3);
}
.post-sticky-a h3,
.post-sticky-b h3,
.post-sticky-c h3,
.post-t6-details h3,
.post-t10 h3,
.post-default .post-title-default,
.widget-posts-title,
.summary h1.entry-title,
#reviews #comments h2,
.woocommerce-tabs>div>h2:first-child,
.woocommerce-page a.add_to_cart_button,
.woocommerce-page a.product_type_external {
font-weight: 400;
letter-spacing: 0.05em;
}
.post-sticky-a h3 em,
.post-sticky-b h3 em,
.post-sticky-c h3 em,
.post-t6-details h3 em,
.post-t10 h3 em,
.post-default .post-title-default em,
.widget-posts-title span {
font-weight: 300;
}
.post-sticky-a .y,
.post-sticky-b .y,
.post-t6-details div {
font-weight: 400;
}
.meta,
.widget-posts-date {
text-transform: none;
}
.posts-related-wrapper h6,
#owl-most-viewed-nav span.next:before {
font-weight: 400;
}
.ico16,
.widget-posts-date {
font-weight: 600;
}
.post-default article .ico16-folder:before,
.post-default article .ico16-calendar:before,
#post-title > div.x .ico16:before,
.widget-posts-date:before,
.widget-posts-views:before {
display: none;
}
h1.post-title {
font-weight: 400;
}
h1.post-title em {
font-weight: 300;
}
.page-title {
font-size: 1em;
font-weight: 600;
}
.page-title .title-sub {
font-weight: 400;
}
#layout .page-title:before {
font-size: 1em;
}
.term-title h1 {
font-size: 1em;
font-weight: 600;
}
.term-description {
font-style: italic;
}
#copyrights-box {
border: none;
}
.sidebar-ad-a {
display: none;
}
#header-holder {
background-image: url(http://i.imgur.com/ZR2gcX7.png);
background-position: top center;
background-repeat: no-repeat;
}
#logo {
float: none;
margin: 0 auto;
}
#post-title > div.x {
float: none;
text-align: center;
margin: 0 auto;
padding: 50px 0 100px;
}
#title-after {
padding-top: 0;
float: none;
background: none;
margin: 0 auto;
}
#post-title div.review-total-only,
#post-title .meta {
float: none;
margin-left: auto;
margin-right: auto;
}
.sidebar .widget_text {
text-align: center;
}
#copyrights-box {
text-transform: none;
}
#menu-resp-holder > ul > li > a {
font-weight: 400;
}
Step 3: Widgets
Go to Appearance > Widgets page and arrange widgets for your choice or like on demo site.
Step 4: Menu
The post How to build a site from scratch like on live preview appeared first on Shockmag.