人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

1404724537
●拡大する


●質問者: zenhippie
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●200ポイント ベストアンサー

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


多分、テーマの 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>

zenhippieさんのコメント
あれ、たしかに購入するとなっていますが、wordpress のダッシュボードから探すと無料でインストールできます。もしご利用されてる環境でしたら、試してみていただけないでしょうか?

zenhippieさんのコメント
スタイルシートの中に似た記述を見つけましたが、まるっきり同じではなさそうです。 以下に貼り付けます。 /****************************************************************************************************** Frontpage ******************************************************************************************************/ body > .container .row.content_squeeze.action_row { padding-top:35px; padding-bottom:35px; } body > .container .row.content_squeeze.frontpage_featured { padding-top:40px; padding-bottom:35px; text-align:center; margin-bottom:0px; } body > .container .row.content_squeeze.frontpage_featured i { font-size:90px; } .frontpage_featured_item { padding:0 20px; } body > .container .row.content_squeeze.content_only_banner { padding-top:40px; } .static_banner, #slideshow { margin-left:-15px; width:1168px; height:auto; } .rev_slider_wrapper { margin-left:-15px!important; width:1168px; } #slideshow .carousel-indicators{left:auto;right:15px;bottom:15px;width:auto;margin:0;} #slideshow .carousel-indicators li{width:18px;height:18px;border:0;background:#fff;opacity:0.4;filter:alpha(opacity=40);float:left;margin-left:7px;} #slideshow .carousel-indicators li.active{opacity:1;filter:alpha(opacity=100);} .carousel-control { font-size: 30px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,0.6); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left { position: absolute; top: 45%; left: 16%; z-index: 5; display: inline-block; } .carousel-control .glyphicon-chevron-right { position: absolute; top: 45%; right: 10%; z-index: 5; display: inline-block; }

a-kuma3さんのコメント
回答に、追記しました。

zenhippieさんのコメント
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']; ?>; } -------------------------- これを実行したんですが、背景のグレーのみ無くなりました。 こちらも実行しました。 ------------------------------------------- 15行目?58行目の DIV をバッサリと削ると、領域全体が無くなります。 14 : ?> 15 : <div class="row frontpage_featured content_squeeze"> 16 : <?php ... 57 : ?> 58 : </div> ------------------------------------------- こちらを実行したところ、あの部分がまるっと無くなったので、とりあえず目的を果たせました。 ありがとうございます。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ