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

Simple business というテーマを使おうと思っているのですが、
http://preview.nimbusthemes.com/?theme=simple-business

添付画像の部分にあたる、3つある画像それぞれの削除方法と、この添付画像部分をまるごとコメントアウトする方法を教えてください。テーマの編集からやるのだと思いますが、どのPHPをいじれば良いのかわかりません。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/07/07 18:15:37
  • 終了:2014/07/09 10:35:21

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4468ベストアンサー獲得回数18432014/07/07 19:31:45

ポイント200pt

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


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

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

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

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

先の 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>







追記です。

ダッシュボードから選べるのって、これですかねー。
http://themes.svn.wordpress.org/simple-business-wp/1.0.1/

今どき、Wordpress の環境を持ってない情弱野郎なので、ソースを読んでの想像です。


STYLE タグを持ってるソースは、多分、これです。
http://themes.svn.wordpress.org/simple-business-wp/1.0.1/nimbus/options.php

そのソースの最後の方。

        .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>
他2件のコメントを見る
id:a-kuma3

回答に、追記しました。

2014/07/07 23:15:13
id:zenhippie

Frontpage のコメントの後にある部分を、以下のように書き換えると、あの領域がバッサリと無くなるはず。
.dropdown-menu { border-right: 1px solid ; border-left: 1px solid ; border-bottom: 1px solid ; }
/* Frontpage */
body > .container .row.content_squeeze.frontpage_featured { display: none; }
/* Odds n Ends */
code, pre, var { font-family:; color:; }

--------------------------
これを実行したんですが、背景のグレーのみ無くなりました。

こちらも実行しました。
-------------------------------------------
15行目~58行目の DIV をバッサリと削ると、領域全体が無くなります。
14 : ?>
15 :


-------------------------------------------
こちらを実行したところ、あの部分がまるっと無くなったので、とりあえず目的を果たせました。
ありがとうございます。

2014/07/08 15:46:05

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません