サポート » 使い方全般 » 画像の枠を消すには?

  • 解決済 Taishi

    (@taishi)


    質問ばかりで申し訳ありません。
    Atahualpa 3.2というテーマで作成しております。
    画像を挿入すると自動で画像が額縁に囲まれたように、薄いグレーの枠が付きます。
    これ自体は格好良いんですが、まるボタンのような透過済みのアイコンを挿入する場合にも四角い枠が付いてしまいます。
    そういった場合だけこの枠を消す場合はどうしたらよいでしょうか。
    初心者な者ですから、分かりやすく、具体的に解説していただけると大変助かります。
    よろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター jim912

    (@jim912)

    Taishiさん、こんにちは。

    では、デフォルトは枠付きとして、消したいときのみ画像挿入時に(若干面倒ですが)ちょっとした記述を追加して枠なしで表示できるようにしましょう。

    Atahualpaをテーマとして選択していると、外観メニューの最下部にAtahualpa Theme Optionsというメニューが追加されていると思います。

    これのHTML/CSS Insertsという項目をクリックして、最上部のHTML Inserts: Headerの欄内に

    <style type="text/css">
    .post img.border-less {
    border: none;
    padding: 0;
    }
    </style>

    と入力します。これは一度設定してしまえば大丈夫です。

    枠を消したい画像の場合は、通常通り画像を挿入したあと、html編集モードにて該当する画像のclassに記述済みのものとは半角スペースを空けてborder-lessを追加します。具体的には、下記の様な記述です。この記述追加は、枠なしで表示したい画像毎に行う必要があります。

    <img class="alignleft size-full wp-image-76 border-less" title=""

    これで、枠線なしで表示されるようになるはずですので、試してみてください。

    トピック投稿者 Taishi

    (@taishi)

    ありがとうございます。出来ました。

    導入や投稿はまでは出来たんですが、ちょっとしたカスタマイズとなると素人には難しいです。googleで調べたり、本を買ってきたり、サイトを見たりしたんですが、なかなか自分のやりたい部分が分からずに困っていました。

    バッチリできました。本当にありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「画像の枠を消すには?」には新たに返信することはできません。