Help installing theme by automattic themes on github

[ad_1]

New to WordPress and Github. I found a theme I liked by Automattic (Alves theme) Link – https://github.com/Automattic/themes. I downloaded the whole theme repo as zip and unzipped the repo. Then I zipped the Alves theme within the theme folder to upload it to wordpress as a theme. Once installed, I had prompt with message that parent theme was missing which was Varia. I followed the same step for Varia and uploaded it.

I then installed and activated the Alves theme in wordpress. However I don't see the theme being applied on site when activated. When previewing/editing the site, I see warning message below for a moment and then:

https://preview.redd.it/smtcx5sos8pd1.png?width=1896&format=png&auto=webp&s=409eff8a469928d4664c8e69c07a7af779485579

Can anyone suggest what I need to do to install it properly. If anyone has used themes by Automattic and what did they do to install it?

[ad_2]
1 Comment
  1. change last function on functions.php to this:

    function alves_editor_styles() {

    // Enqueue Google fonts in the editor, if necessary
    wp_enqueue_style( ‘alves-editor-fonts’, alves_fonts_url(), array(), null );

    // Hide duplicate palette colors
    $colors_array = get_theme_mod( ‘colors_manager’, array( ‘colors’ => true ) ); // color annotations array()
    if ( ! empty( $colors_array ) && isset( $colors_array[‘colors’][‘txt’] ) && $colors_array[‘colors’][‘txt’] != ‘#394d55’ ) { // $config-global–color-foreground-light-default;
    $inline_palette_css = ‘.components-circular-option-picker__option-wrapper:nth-child(5),
    .components-circular-option-picker__option-wrapper:nth-child(6) {
    display: none;
    }’;
    wp_add_inline_style( ‘wp-edit-blocks’, $inline_palette_css );
    }
    }
    add_action( ‘enqueue_block_editor_assets’, ‘alves_editor_styles’ );

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer