Create a WordPress child theme

Setup WordPress on VPS (PHP, Nginx)

WordPress instruction

https://developer.wordpress.org/themes/advanced-topics/child-themes/

Basic step

  • Create a new theme folder
cd /home/nhancv/workspace/nhancv.com/wp-content/themes/
sudo mkdir chicken-child
  • Copy footer page or any page edited
sudo cp chicken/footer.php chicken-child/
  • Make child theme cover image
Create image file in PNG Format having name screenshot.png and save it in themes root folder.The recommended image size is 880x660. Even recommended image size is 880x660 though it will only be shown as 387x290 but the double-sized image allows for high-resolution viewing on HiDPI displays.

or just copy from parent theme
$ sudo cp chicken/screenshot.png chicken-child/
  • Create a new child theme config
sudo nano chicken-child/style.css

# Config content

/*
Theme Name: Freddo Child Theme
Theme URI: https: //nhancv.com
Description: freddo child theme
Author: Nhan Cao
Author URI: https://nhancv.com
Template: freddo
Version: 0.1
*/
@import url("../freddo/style.css”);
.wp-block-preformatted, .wp-block-code, code, kbd, tt, var {
    font-size: 12px;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-weight: 400;
    border-spacing: 0;
    line-height:1.4;
    white-space: pre;
}
input[type="checkbox"], input[type="radio"] #wp-comment-cookies-consent {
    margin: 5px;
}
.site-branding img {
    height: 40px !important;
    margin-right: 5px;
}
.freddoSubHeader, .site-branding, .freddoLogo, .freddoTitleText {
    display: flex;
    align-items: center;
}
.freddoTitleText {
    flex-direction: column;
    align-items: start;
}
  • Update permission files
sudo chown www-data:www-data -R /home/nhancv/workspace/nhancv.com/wp-content/themes/chicken-child
  • Go to dashboard and active child theme

Leave a Reply

Your email address will not be published.Required fields are marked *