管理画面 投稿タイプ エディタースタイル

/**
 ページ投稿タイプのみ違ったエディタースタイルを入れる
 * Registers an editor stylesheet for the current theme.
 *
 * @global WP_Post $post Global post object.
 */
function wpdocs_theme_add_editor_styles() {
    global $post;
 
    $my_post_type = 'page';
 
    // 新規投稿 (initフック).
    if ( stristr( $_SERVER['REQUEST_URI'], 'post-new.php' ) !== false
            && ( isset( $_GET['post_type'] ) === true && $my_post_type == $_GET['post_type'] ) ) {
 //ここから
		add_editor_style('../../../css/item.css');
add_editor_style('../../../css/d_master.css');
add_editor_style('../../../css/d_temp1.css');
add_editor_style('../../../css/big_sapce.css');
//ここまで
    }
 
// 投稿の編集 (pre_get_postsフック).
    if ( stristr( $_SERVER['REQUEST_URI'], 'post.php' ) !== false
            && is_object( $post )
            && $my_post_type == get_post_type( $post->ID ) ) {
 //ここから
		add_editor_style('../../../css/item.css');
add_editor_style('../../../css/d_master.css');
add_editor_style('../../../css/d_temp1.css');
add_editor_style('../../../css/big_sapce.css');
//ここまで
    }
}
add_action( 'init',          'wpdocs_theme_add_editor_styles' );
add_action( 'pre_get_posts', 'wpdocs_theme_add_editor_styles' );

インフォメーションのアイコン うまく表示できない 強引な並び替え

      <?php
 // カテゴリー情報を取得
$info_cat = get_the_category();
$info_cat1 = $info_cat[1]; // 0が親11がその子・・ファンクションの並び順をオーダー通りに出力のおかげ 
$cat_name = $info_cat1->cat_name;
	
$info_cat2 = $info_cat[0]; // 
$cat_name2 = $info_cat2->cat_name;
?>    
<?php if ($cat_name == 'インフォメーション' or empty($cat_name))  :?>  
        <?php if ($cat_name2 == 'インフォメーション')  :?>                      
            <div class="info_cat i_info">INFO</div>
   <?php else: ?>            
            <div class="info_cat i_info">column</div>      
<?php endif; ?>     
            
<?php //elseif ($cat_name == 'CAMPAING' ) :<div class="info_cat i_campain">CAMPAING</div>?> 
            
<?php //elseif ($cat_name == '求人' ) :<div class="info_cat i_kyuujin">求人</div>?> 
            
<?php //elseif ($cat_name == 'SALE' ) :<div class="info_cat i_sale">SALE</div>  ?> 
                      
<?php elseif ($cat_name == 'EVENT' ) :?> 
            <div class="info_cat i_event">EVENT</div>            
 

<?php elseif ($cat_name == 'MEDIA' ) :?> 
            <div class="info_cat i_media">MEDIA</div>            


<?php elseif ($cat_name == 'NEWS' ) :?> 
            <div class="info_cat i_news">NEWS</div>      
  
<?php endif; ?>     
            
            <div class="set_title">
             <?php if(post_custom('info_url')): ?>
            <a href="<?php echo post_custom('info_url'); ?>"><?php the_title(); ?></a>
            <?php else: ?>
             <?php if($post->post_content=="") : //本文空なら?><?php the_title(); ?>
<?php else: //?>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            <?php endif; ?>
            
            <?php endif; ?>
            </div>
          </div>
            

このうようなコードがあると思う。

get_the_category();

でインフォメーションを0に取得したい場合
カテgリーオーダーで
インフォメーションを一番上に持ってきてやると

それが可能になるようだ。

滅多にないが レスポンシブルで 正方形の中に 縦横比不規則な画像を常に中心揃えで入れたい

http://qiita.com/ryounagaoka/items/a98f59347ed758743b8d
http://www.memo.d-marking.com/blog/2017/05/11/car-%E3%81%A7%E3%80%80%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%81%A7%E3%80%80%E8%89%B2%E3%80%85/
http://qiita.com/7968/items/eddfeb4b424d7c2d2d34

co.d-marking の 制作事例 一覧d_jirei.php で使用

cssは

.jirei_box_img2{
	border: 1px solid #CCC;
	
	position: relative;
	width: 100%;
	background-image: url(../img/body_backgr/body_background_dark15.png);
	background-repeat: repeat;
	
	img{ max-width:100%; max-height:100%;
		position: relative;
		
  top: 50%;left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
	}
}


.jirei_box{
	width: 31%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 24px;
}