サポート » テーマ » 写真を投稿した時の外枠の線の表示

  • 解決済 mayumin

    (@mayumi19820810hotmailcom)


    初心者です。

    テンプレートキングさんから取ってきたテーマを使用しています。
    が、写真をアップしたら、必ず、写真の周りが灰色の線で覆われています。

    この灰色の線を表示させないようにしたいのですが・・・
    どのようにしたらよいか、色々ネットで検索しましたが出てきません。

    教えていただければ非常に助かります。
    よろしくお願いいたします。

15件の返信を表示中 - 1 - 15件目 (全31件中)
  • スタイルシートでしょうね。
    img
    に対して、borderが指定されていませんか?

    Firefox+FireBug(拡張機能)
    IE9やSafariの開発者モードで確認すると便利です。

    トピック投稿者 mayumin

    (@mayumi19820810hotmailcom)

    kvexさん、すばやい回答本当にありがとうございます!!!

    しかし・・・わたし、本当に初心者で、imgとかborderとかよくわかりません。
    (涙涙涙涙)

    具体的にどのボタンを押して、どの部分をオフにする、とか
    もう少し具体的に教えていただければと思います。

    すみません。本当に無力でして。。。

    でしたら、具体的に。
    テンプレキングさんの、どのテンプレートか提示してもらわないといけませんね。

    それと、imgタグ、border要素、cssなどはWordPressの問題ではなく、一般的なhtmlの話です。

    トピック投稿者 mayumin

    (@mayumi19820810hotmailcom)

    すみません~~~~。
    kvexさん、ありがとうございます。

    http://www.templateking.jp/mt/website/syukuhaku/fsv001mtbf1.html
    のページにある、旅館のサイト用のものです。
    3列のものを使っています!!!

    よろしくお願いします!!

    TwentyTen のやりかたを習ってみると

    まず、style.cssのどこか(ここでは最下行)に以下を追記

    .gallery {
    	margin: 0 auto 18px;
    }
    .gallery .gallery-item {
    	float: left;
    	margin-top: 0;
    	text-align: center;
    	width: 33%;
    }
    .gallery-columns-2 .gallery-item {
    	width: 50%;
    }
    .gallery-columns-4 .gallery-item {
    	width: 25%;
    }
    .gallery-columns-2 .attachment-medium {
    	max-width: 92%;
    	height: auto;
    }
    .gallery-columns-4 .attachment-thumbnail {
    	max-width: 84%;
    	height: auto;
    }
    .gallery .gallery-caption {
    	color: #888;
    	font-size: 12px;
    	margin: 0 0 12px;
    }
    .gallery dl {
    	margin: 0;
    }
    .gallery br+br {
    	display: none;
    }

    functions.phpのどこか(ここでは、最下行)に、下記を追記

    add_filter( 'use_default_gallery_style', '__return_false' );
    function twentyten_remove_gallery_css( $css ) {
    	return preg_replace( "#<style type='text/css'>(.*?)</style>#s", '', $css );
    }
    // Backwards compatibility with WordPress 3.0.
    if ( version_compare( $GLOBALS['wp_version'], '3.1', '<' ) )
    	add_filter( 'gallery_style', 'twentyten_remove_gallery_css' );

    関数名や個々の処理の説明は略しますが、おおよそこんな感じでいけるかと。

    トピック投稿者 mayumin

    (@mayumi19820810hotmailcom)

    kvexさん、ありがとうございます。
    早速、教えて頂いた通りそれぞれのところに、コピペしてみました。

    が、、はじめのstyle.cssにコピペをした時は、何もなかったんですが、
    次にfunctions.phpにコピペして挿入したら、急に文字化けして、
    ワードプレスのダッシュボートのページのファンクション部分以外は見られなくなりました。

    またサイトのトップ(トップ画像よりも上のところ)に
    add_filter( ‘use_default_gallery_style’, ‘__return_false’ ); function twentyten_remove_gallery_css( $css ) { return preg_replace( “##s”, ”, $css ); } // Backwards compatibility with WordPress 3.0. if ( version_compare( $GLOBALS[‘wp_version’], ‘3.1’, ‘<‘ ) ) add_filter( ‘gallery_style’, ‘twentyten_remove_gallery_css’ );

    というものが表示されるようになり、写真がアップされているページに行くと、きちんと
    写真が表示されるページと文字化けしてしまっているページと、また文字だけのページでも、上記のトップに表示された文字だけが表示され、後は真っ白というような状態になりました。

    どうすれば、よいのでしょうか。。。

    私のやり方が間違っていたのかもしれません。。。
    お手数ですが、ご指示頂ければと思います。

    トピック投稿者 mayumin

    (@mayumi19820810hotmailcom)

    あと、説明が非常にわかりにくくてすみません。
    画像を送れたりしたら、わかりやすいんですけど。

    よろしくお願い致します。

    functions.php に追記するときに
    ?>
    より下にペーストしちゃいました?

    ?>
    が最後にならないといけませんよ。phpなので。
    すみません、説明不足で。

    全部消しちゃっていいのであれば、style.cssの一番下に

    img {
    	border: 0px solid !important;
    	}

    と書けば消えるようです。

    余談だけれどこのテーマ、テーマチェッカ通らないねぇ。

    トピック投稿者 mayumin

    (@mayumi19820810hotmailcom)

    >kvexさん
    そうですね、「?>」を最後にできてないです。

    まったく素人で、こんなんいじっちゃダメですよね。
    お金ケチって自分でHP作ろうとするからよくわからないことに・・(笑涙)

    愚痴ばっかり言ってちゃ始まらないですよね。
    で、もう一度phpとかを書き直ししたいのですが、
    ダッシュボードなど全部文字化けしちゃって、どうにもこうにも
    いじれないんです。
    どうすればよいのでしょうか????

    >V.J.Catkickさん
    初心者のショボいなWPとの戦いにご参加頂き本当にありがとうございます!
    kvexさんにも上のように書いているように、
    ダッシュボードが文字化けしてまったく使えません。。。

    あと余談のところに書かれてある「テーマチェッカ」とは何でございますか????
    ドドドドド素人で本当に変な質問ばかりですみません。

    トピック投稿者 mayumin

    (@mayumi19820810hotmailcom)

    ダッシュボードが文字化けしてしまってるため、
    もう一回、最初から(サーバから)テーマを入れなおすべきなのでしょうか????

    元のテーマは保存しています。

    すみませんが、よろしくお願い致します。

    こんにちは。
    私も、とってもど素人なのですが、管理画面からでなく、ファイルから直接編集されたらいかがでしょうか?

    ごくごく簡単な修正なら、WordPressをインストールしているフォルダ→修正が必要なファイル→修正→更新でいけると思います。

    念のためコピーするなどして、安全策は必要かと思います〜

    お勧めできる方法ではないかもしれませんが、簡単な修正ミスなど何度かおこなっていますので大丈夫かと思います。

    kvexさまの回答を参考にすると、ファイルの途中になってしまった
    ?>
    を消して
    いちばん下に加えればOKなのかしら・・・と思います。

    トピック投稿者 mayumin

    (@mayumi19820810hotmailcom)

    なるほど、ほな、ちょっとファイルをいじってみます!!!
    soyokazeさん、ありがとうございます。
    ?>
    を最後にいれてみます!!!

    また報告いたします!

    >ダッシュボードの文字化け

    ん〜、もしかしたらブラウザのエンコード指定だけで直るかも?どのブラウザ使ってるのかわかりませんが、大抵は表示とかビューとかのメニューの下に、文字コードとかいう項目があって、Shift_JISとかUTF-8とかいう選択肢があると思います。それをUTF-8にしても文字化けが直らないかな…。

    >テーマチェッカ

    開発者が使う、テーマファイルがWordPressの基準に沿って作られているかどうかを調べるツールです。通らないからといって、表示出来ない訳ではないです。まぁ気休めみたいなものです。

    補足 ですー

    ご自身のPCでソフトを使用して編集は・・・
    編集に適していないソフトがあったかと思いますので、ご存知ないなら取りあえずやめておいたほうがいいかと思い、直接編集する方向でーと思いました。
    ※2文字消して2文字書き足すだけの作業のようですのでー

    未編集のファイルを持っていらっしゃるなら、編集に失敗してしまったファイルのみを(未編集のものをアップロードして)置き換えることでも回復できるかと思います。

    くれぐれも、ご自身のPCのソフトでファイルを開いて保存したりする場合は慎重に。

    どこかに編集に適したソフト一覧があったかと思いますが・・・
    お時間がありましたら回復後、探してみてください。

    すでにご存知でしたら申し訳ありません。

    V.J.Catkick さま
    なぜダッシュボードまでおかしくなってしまうのかなーと思っていましたが・・・
    ブラウザも考えられるのですねー^^;

15件の返信を表示中 - 1 - 15件目 (全31件中)
  • トピック「写真を投稿した時の外枠の線の表示」には新たに返信することはできません。