Wordpress のテーマ編集について質問です。

売り物なんですねえ。ソースが見られないや。
というわけで、かなり想像が入りますが。


多分、テーマの header.php の割と頭の方に、こんな感じで始まる STYLE タグがあると思うんです。

        <!-- Style from Simple Business Pro Theme Options. --> 
    <style type="text/css">

そこの css をいじることで、見えなくすることはできます。

３つある画像それぞれの削除方法

先の STYLE タグの中に、以下のような記述があるはずです。

        /* Frontpage */
        body > .container .row.content_squeeze.frontpage_featured { background:#e5e5e5; }

これを、以下のように書き換えると、バサッと見えなくなります。

        /* Frontpage */
        /*
        body > .container .row.content_squeeze.frontpage_featured { background:#e5e5e5; }
        */
        body > .container .row.content_squeeze.frontpage_featured { display:none; }

この添付画像部分をまるごとコメントアウトする方法

先ほどの STYLE タグの最後の方に、以下のルールを追加してください。

.fa-file-text:before , .fa-wordpress:before , .fa-gear:before {
    content:none;
}

スタイルで見えなくするだけではなくて、HTML のタグを丸ごとコメントアウトするには、ソースを見ないとピンポイントには指定できないのですが、探す目印はあります。

クラス名に frontpage_featured を含んでいる、以下のような感じの DIV タグが、どこかにあるはずです。

    <div class="row frontpage_featured content_squeeze">

これが、あの領域 丸ごとになります。

それぞれのアイコンは、その DIV タグの内側にある、これらの I タグです。

    <i class="fa fa-file-text" style="color:#454545;"></i>
...
    <i class="fa fa-wordpress" style="color:#454545;"></i>
...
    <i class="fa fa-gear" style="color:#454545;"></i>

        .dropdown-menu { border-right: 1px solid <?php echo nimbus_get_option('nimbus_content_border_color'); ?>; border-left: 1px solid <?php echo nimbus_get_option('nimbus_content_border_color'); ?>; border-bottom: 1px solid <?php echo nimbus_get_option('nimbus_content_border_color'); ?>; }
        /* Frontpage */
        body > .container .row.content_squeeze.frontpage_featured { background:<?php echo nimbus_get_option('feature_row_color'); ?>; }
        /* Odds n Ends */
        code, pre, var { font-family:<?php echo $get_fonts[$code_style['face']]['fam']; ?>; color:<?php echo $code_style['color']; ?>; }

Frontpage のコメントの後にある部分を、以下のように書き換えると、あの領域がバッサリと無くなるはず。

        .dropdown-menu { border-right: 1px solid <?php echo nimbus_get_option('nimbus_content_border_color'); ?>; border-left: 1px solid <?php echo nimbus_get_option('nimbus_content_border_color'); ?>; border-bottom: 1px solid <?php echo nimbus_get_option('nimbus_content_border_color'); ?>; }
        /* Frontpage */
        body > .container .row.content_squeeze.frontpage_featured { display: none; }
        /* Odds n Ends */
        code, pre, var { font-family:<?php echo $get_fonts[$code_style['face']]['fam']; ?>; color:<?php echo $code_style['color']; ?>; }

アイコンを消すスタイルは、このソースの最後の方に埋め込みます。

        <?php echo "\n"; ?>

.fa-file-text:before , .fa-wordpress:before , .fa-gear:before {
    content:none;
}

    </style>
    <?php
    echo "\n";
}

タグを消すとしたら、多分、こちら。
http://themes.svn.wordpress.org/simple-business-wp/1.0.1/parts/featured.php

15行目～58行目の DIV をバッサリと削ると、領域全体が無くなります。

14 :     ?>
15 :         <div class="row frontpage_featured content_squeeze">
16 :             <?php
    ...
57 :             ?>
58 :         </div>
59 :     <?php

33行目にある I タグがアイコンに相当するところです。

32 :                                 <div class="frontpage_featured_item">
33 :                                     <i class="fa <?php echo $icon; ?>" style="color:<?php echo $color; ?>;"></i>
34 :                                     <h3 class="text-center"><a href="<?php echo get_permalink($featured); ?>"><?php get_template_part( 'parts/title', 'page'); ?></a></h3>