nipper1122

jim912様

ご回答ありがとうございます。返信が遅くなり、申し訳ございません。

質問の仕方を間違えました。タイトルではなく、All in one SEO packを使った時にでてくるカスタムフィールドのタイトルを、表示させたかったんです。

カスタムフィールドという言葉を知りませんでした。勉強不足ですみません。

結局、自己解決できました！

１２行目の
$title = get_the_title() . " - " . get_bloginfo('name');

を

$title = get_post_meta($post->ID, _aioseop_title, true);

にしました。

その結果、facebookの投稿でURLを貼付けると、ちゃんとカスタムフィールドのタイトルが表示されるようになりました！

お騒がせして申し訳ございません。ありがとうございました。

nekomimiTaichoさん

ありがとうございます！上下左右の余白が消えました！

nobitaさん
回答ありがとうございます！！

CSSコントロールの方法知りませんでした。ありがとうございます。

ので、早速こちらのサイトを参考に試してみたのですが、うまく動かせませんでした。

まずuzura.ttfからuzura.woff、uzura.eotに変換し、
/wp-content/themes/オリジナルテーマに上記三つをアップしました。

そして、CSSに

@font-face {font-family: 'uzura';
　　　　　　 　src: url('fonts/uzura.eot?') format('oldIE'),
        　　　url('fonts/uzura.woff') format('woff'),
        　　　url('fonts/uzura.ttf') format('truetype'); }

を書き込み、

適当な文字をfont-familiy:”uzura”にしてみたのですが、変化がありませんでした。

ちなみにfont-family:”impact”などではちゃんと変わります。

twenty-twelveなどでも上記を試してみたのですが、やはり変化がありませんでした。

どこが間違っていたのでしょうか。

ちなみにテーマはオリジナルの物を使っています。

gatespace様

ありがとうございます。おかげで解決できました！！

デフォルトテーマで確認した所、しっかり横並びになっていました。

テーマはオリジナルでやっています。

CSSを確認してみた所、下記のものが干渉していました！

{display: inline-block;
                      _display: inline;}

ありがとうございました！

V.J.Catkick様

ご回答ありがとうございます！上記のコードを試した所、二個目の問題「サイドバーの左側に間が空いてしまっている」という方が解決できました。

しかし、サイドバーの回り込みの問題は解決できませんでした。前回とは違う形でまわりこんでしまいました。そして他のページでも同じように回り込むようになってしまいました。

こちらです。

important属性のご指摘ありがとうございます。早速訂正致しました。

paruchanさん

ありがとうございます！こう作りたいと思っていた通りになりました。丁寧に解説までして頂き、とても勉強になりました。本当にありがとうございました！！

paruchanさん

返信が遅くなりまして申し訳ございません！paruchanさんの方法でできました！ありがとうございます。

ただ、サムネイルの上にマウスを置くとタイトルが表示されるようにはなったのですが、少しマウスを動かすと点滅してしまいます。

マウスを乗せている間はタイトルを表示したままにしたい時はどうすればいいのでしょうか。

本やネットで調べたりしたのですが、まだ始めたばかりのため、原因がわかりませんでした。

アドバイスいただけたら嬉しく思います。よろしくお願いします。

作っているサイトです。

<div id="content">
<?php if (is_front_page()): ?>
       <?php query_posts( 'category_name=sourvenir&posts_per_page=12' );　?>
         <div class="title"><a href="http://suliko.moo.jp/?page_id=190">副題</a></div>

           <?php if (have_posts()) : ?>
             <?php while (have_posts()): ?>
              <?php the_post(); ?>
              <div style="width:240px; height:180;margin:15px; " class="thumb">
                 <a href="<?php the_permalink(); ?>">
                 <div class="pic" ><?php the_post_thumbnail('my_thumbnail'); ?></div><h3><?php the_title(); ?></h3></a>

               </div>
             <?php endwhile; ?>
         <?php endif; ?>
      <?php wp_reset_query(); ?>

CSSです。

div#content  div.thumb a{display:block;
                      width:240px;
                      height:180px;
                      position:relative}

div#content a div.pic{position:absolute;
                      z-index:3}

div#content a div.pic:hover{z-index:1;
                            filter:alpha(opacity=40);
                            opacity:0.4;}

div#content h3 {position:absolute;
                z-index:2;
                width:240;
                color:black;
                padding:60px 10px 0 10px;}

追記

CSSは機能しているようでした。全体的に右に２０pxずれていました。

こうではなく、サムネそれぞれに対して幅を取りたい場合、どうすればいいのでしょうか。