忍者ブログ
13 December

他社で取得したドメインを移管せずに使う　お名前.com→さくらサーバー

http://kaizensite.info/server/domain-sakura/

１　さくらコントロールパネルで設定
ドメイン設定
新しいドメインの追加→他社で取得したドメインを移管せずに使う・属性型JPドメインを使う（さくら管理も含む）
ドメイン名　sample.com　httpなどはつけない　→送信
詳細な設定→フォルダ名　/sample　sample.comならsample　とか
先頭に　/　スラッシュを必ずつける


２　お名前.comで設定
https://www.onamae.com/navi/domain.html
変更する→ns1.dns.ne.jp　ns2.dns.ne.jp
dns入力

「見つかりませんでした」という画面が表示された場合は、まだ反映されていません。

「Index of /」と書かれたページが表示されれば、反映されています。（ファイルを何もアップロードしていない場合）

PR
13 December

固定ページに新着情報をショートコードを用いてのせる

http://www.virment.com/wordpress/1582/

<?php echo do_shortcode('[shortcode1]'); ?>









固定ページをフロントページにするとき、新着情報としてループを取得することができないのでショートコードに詰め込んで固定ページに書く。
ショートコードの内容をfunctions.phpに書く。
それかテンプレート内にショートコードの呼び出しタグを書く
30 November

ブログの1枚目の画像をアイキャッチに設定する

http://crunchtimer.jp/blog/technology/php/1609/

<?php if(has_post_thumbnail()) :?>

　　　//記事にアイキャッチが設定してあるならそれを表示する
      <div class="thumb"><?php the_post_thumbnail('thumbnail'); ?></div>

   
   <?php else: ?>
　　　//ないなら文字列をpregmachさせ
      <?php preg_match('/wp-image-(d+)/s' , $post->post_content, $thumb);?>
　　　
      <?php if($thumb): ?>
　　　//1枚目の挿入画像をアイキャッチとして表示する
         <div class="thumb"><?php echo wp_getattachment_image($thumb[1], 'thumbnail'); ?></div>
<?php else: ?>
　　　　//画像自体なければ、それ用に作ったdefault.jpgをアイキャッチとして表示する
        <div class="thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/default.jpg" width="150" height="150" style="opacity:0.7;"></div>
        
        
      <?php endif; ?>
        <?php endif; ?>
27 November

borderをつけたとき、画像の下とborderの間に空白ができてるのがわかる対処法

http://css-el.seesaa.net/article/138946834.html

画像をブロック要素で囲んでいるときにでるらしい？
どちらかを記述する

div {

/* 行の高さを０にする */
font-size:1px;
line-height:0;

}

div img {

/* テキストの下端に揃える */
vertical-align:text-bottom;

}


私が知ってるのは、aタグで囲んだ場合、aタグが下段のほうにいるので余白をうみだしていた
aタグを　display:block;　すると直る
27 November

擬似要素:before　:after　でcontent:url(~~~.jpg);を指定したときの画像サイズ変更方法

http://tenman.info/labo/css/?p=401

transformで
1
2
3
4
5
6
.***:before{
    content: url('images/***.png');
 -webkit-transform: scale(0.5);
 -moz-transform: scale(0.5);

}


もともと指定してたpositionがずれたので、再設定必須です。
スマホは2倍サイズで作らないと画像がぼやける
アイコンもそう
擬似要素を良く使うので、画像サイズを指定できないのは困って探した
色々と発想の転換ですね