サポート » 使い方全般 » 3カラムへのカスタマイズについて

  • 初心者なので知識がないのですがwebを参考にして、Twenty Twelveにサイドバーをもうひとつ付けたウィジェットの機能する3カラムにしたのです。

    が、テキストウィジェットを追加して、htmlでリンクを張ろうとすると表示はされるのですが、リンクが機能しませんクリックできないのです。(javaは機能します。fhashや画像がクリックできません)何が問題なのでしょうか?

    下記は参考にしたサイトです。
    http://ameblo.jp/trazom-a-w/entry-11570875554.html

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • 子テーマでサイバーウィジェットを追加しているということですね。
    ウィジェットとしてダッシュボードから編集できているようなので、その辺は問題ないとして・・・

    では、テキストウィジェットの中のHTMLの記述は正しいですか?単体で書いてブラウザで表示してもちゃんと見えるような記述になっていますか?

    トピック投稿者 yugaminee

    (@yugaminee)

    一応htmlのファイルを作ってブラウザで確認しました。

    追加したのは中央のメインコンテンツを挟んで左側のサイドバーで、右のサイドバーの方は同じ記述でもリンクは機能しています。

    リンクを張った画像やテキストは、リンクとして表示さているのですが、クリックしても無視される感じです。
    というよりボックスの背景になっているような感じです…

    ではウィジェットに関係するCSSやJSが影響していないかどうか確認してみてください。

    トピック投稿者 yugaminee

    (@yugaminee)

    style.cssに書きこんだ事が少しよくなかったみたいです。
    左だけレイアウトが崩れてメインにめり込みます。
    本来ならウィンドウサイズにあった大きさになりますよね?

    一部の書き込みで勝手に他のファイルに影響が出ることってあるのでしょうか?
    とりあえず怪しいstyle.cssを直せばいいのでしょうか?
    サイトに書いてあったとおり@media screen and (min-width: 600px) のすぐ下にコピペしました。これのどこがいけなかったのか知識が乏しくよく分かりません…。

    引用
    “5.スタイルシートの設定
    下のコードをstyle.cssの@media screen and (min-width: 600px) {}の中に追加します。このコードを追加すると3カラムで表示されます。
    marginの値は、環境や好みに合わせて変更してください。
    #primary {
    float: left;
    margin: 0 -23.0% 0 -23%;
    width: 100%;
    }
    #content {
    float: right;
    margin-right: 210px;
    padding: 0;
    width: 54.8%;
    }
    #secondary {
    float: right;
    margin-right: 0;
    margin-top: 0;
    width: 21.5%;
    }
    #tertiary {
    float: left;
    margin-left: 0%;
    margin-top: 0;
    width: 21.5%;
    }”

    トピック投稿者 yugaminee

    (@yugaminee)

    あきらめました。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「3カラムへのカスタマイズについて」には新たに返信することはできません。