レスポンシブルで 回り込み 画像 文字を うまいことやる方法

スクリーンショット 2017-04-22 0.42.14

スクリーンショット 2017-04-22 0.43.14

 

コレ以外とむつかしかった

 

最初イメージにimg_right クラスがついてたけど

それをやめて Pでかこんでimg_rightクラスを追加

それでまわりこまして

レスポンのとき真ん中で

配置画像初期で500とかでかすぎる場合100%になる幅をもたしたcss

 

 

<p class="img_right "><img src="<?php echo get_stylesheet_directory_uri(); ?>/d/img/con/top2.jpg" width="240"   alt="<?php echo $alt1.$alt2; ?>"></p><p>
マツダ CX-5、トヨタ アルファード、トヨタ プリウス、スズキ ワゴンRなど、<span class="dbold dred">人気車種取り揃えています。</span>
高品質な中古車を、適正価格で提供することを心がけています。<br>
<span class="dbold">万全の整備点検</span>と<span class="dbold">修復歴なし</span>の優良中古車を中心に取り揃えています。<br>
もちろん<span style="text-decoration:underline">全国納車可能!</span><br>
どの地域のお客様の要望にもお応えします。<br>
中古車両の買取は、原則、その場で現金でお支払いをします。<br>
お気軽にお問い合わせ下さい!どの地域のお客様の要望にもお応えします。<br>
中古車両の買取は、原則、その場で現金でお支払いをします。<br>
お気軽にお問い合わせ下さい!どの地域のお客様の要望にもお応えします。<br>
中古車両の買取は、原則、その場で現金でお支払いをします。<br>
お気軽にお問い合わせ下さい!どの地域のお客様の要望にもお応えします。<br>
中古車両の買取は、原則、その場で現金でお支払いをします。<br>
お気軽にお問い合わせ下さい!お気軽にお問い合わせ下さい!お気軽にお問い合わせ下さい!お気軽にお問い合わせ下さい!お気軽にお問い合わせ下さい!お気軽にお問い合わせ下さい!
</p>
</div>
.img_right{
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
}

れすぽ

.con_box1 .img_right { padding-left:0; float:none; text-align:center; img{ max-width:100%}}

スマホの時は
フロートやめ
互いにPだで、画像で改行される

そんでセンターして 横マージンけして イメージのMAXを100%にする

ファンクションで

<?php $site = 2868 //サイト設定記事ID ファンクションで定義すればサイト全体にいきわたるのか??>

※やはりファンクションの関数内には適応しないようだった。
そこは手作業で入力するべきか?

$site = 2868;//サイト設定

【このようにみな同じようにコピペして使えば コマンドF で検索入れ替えできる】

ファンクションの最初にこうやって
ドルで投稿ID これは カスタムポストでサイト設定のために作った記事ID
をしていすれば

そこから ファンクションだろうが htmlだろうが すべて上書きされなければ ここの設定が通用する。

これはたとえば

//2016.03 ファンクションへ 改
function get_meta_description() {
  global $post;
  $description = "";	
    $disp_base = get_post_meta($site,"fb_disp",true);

このようにファンクション内のコード内にも使えることで
ディスプリクションの分岐関数のベースにも使える。

いままではこの関数を開いてそこを変更していたが
これで何処か全部編集する所を一箇所にあつめ
そこを変更すれば変更できる
また管理画面で入力したカスタムフィールドを取得して入れている。
下記詳細 

またアドバンスカスタムフィールドの カスタムポスト 記事IDを指定して
情報を取得できる
http://www.tam-tam.co.jp/tipsnote/cms/post2000.html
https://www.advancedcustomfields.com/resources/the_field/

the_field('my_custom_01', 100);

こんなのもあった
https://elearn.jp/wpman/function/get_post_custom_values.html
投稿IDが10のカスタムフィールド’drink’の値を取得する。

<?php $val = get_post_custom_values( 'drink', 10 ); ?>

これによって ポストタイプメニューの 記事IDを指定知れば その記事のカスタムフィールドをしていできる。

また、サイト設定なども同じく投稿タイプを作成して h1ヘッドなどを記載して コードすれば 管理画面で編集できる。

もどるが
ファンクションで全て記載して
$abc=’内容’

htmlで
echo $abc;

で全て同じページで変更する部分をかんりできるんじゃないか?
ドリでやれば入力補助もあるし

カスタムポストタイプメニューでメインメニュー 幅自動 flexbox

https://nelog.jp/flexible-box-layout-module

	/*このフレックスはノーマルフレックス*/
.frex_nomal,.flex_nomal{
	-js-display: flex;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
	}
		/*このフレックスは一般的な実用フレックス*/
.frex,.flex{
	-js-display: flex;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}


/*メニューが1段*/
	.d_navi_main_in ul{	.flex_nomal;
		 li{ width:100%}
		 }
		 
		 /*メニューが2段 計10個*/
	/*	 .d_navi_main_in ul{.flex;
		 li{ width:20%}}*/

カスタム投稿タイプを(タクソノミー)CPI UIで書き出すとき、うまくいかない バージョンアップ時

どうやらバージョンアップで
項目全ての部分 シングルラベル等 必須の部分が入ってないまま
書き出して インポートしても うまくいかないみたいだわ

その前にすべて入れるか

ファンクションに 手で入れ直す等対応が必要

googlemap ダブルクリックで動き スクロール防止

<script>//すごい
$(function() {
        var map = $('iframe');
        map.css('pointer-events', 'none');
        $('.google-maps').click(function() {
            map.css('pointer-events', 'auto');
        });
        map.mouseout(function() {
            map.css('pointer-events', 'none');
        })
    })
</script>

<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1628.1300797312329!2d137.0187482744373!3d35.29951662393029!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60036d01fe458233%3A0x40ec121516dbb108!2z44CSNDgwLTAzMDQg5oSb55-l55yM5pil5pel5LqV5biC56We5bGL55S677yR77yX77yW77yVIO-8iOagqu-8ieOCr-ODquOCqOOCpOODiOemj-a1tw!5e0!3m2!1sja!2sjp!4v1491892956529" width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="google-maps">


囲う

春日井ナビで登録をスムーズにするためにコンタクトフォームからある程度投稿できるようにする。

まず、コンタクトフォームから投稿できるようにする。
すぐ前々記事に記載。
ファンクションにてフックして、送る前に、下書きをポストしてねと。
これにはカスタムポストもいける。
※だたし、できないものは
フィールドグループで作成したもの。
画像・タクソノミー・日付 はできないと実験済み

そのためできない部分についてはまとめて投稿画面にメモする方法へ

テキストエリアのフィールドをつくり
そのフィールドにまとめてその部分をいれた。

画像に関しては、携帯スタイルと言うプラグイン
メール投稿プラグイン。これで下書き投稿(ブログ)で画像をメディアに入れれる。

下書きにしたいのでコンタクトフォームの送信元のアドレスを寄与者のアドレスする(ユーザー必要)

専用のメアドを作成 そこにも送信先にして、サーバーにメールをためる

ポップメールをとりにいって、あれば取得して メールを消すというもの(投稿)

これであれ程度楽に登録できるか。

コンタクトフォームから 画像投稿 考え

メール投稿の機能を使ったらどうか?

下書き権限のユーザーを作成して、そのユーザーにメール投稿させて
下書きでブログ投稿させて
メディアを添付ファイルでアップさせた状態
内容も記載しても良い
で 正式な投稿後 消す

カスタムポストタイプに予めある程度投稿した記事を編集する。

メール投稿
https://ja.support.wordpress.com/post-by-email/
https://ja.support.wordpress.com/post-by-email/

http://algorhythnn.jp/blg/2013/12/14/mailpost-myaddress/

関係ないけど
「Contact Form 7」でメール送信の直前に入力値や送信先を変更する方法
http://stockcode.info/wordpress/%E3%80%8Ccontact-form-7%E3%80%8D%E3%81%A7%E3%83%A1%E3%83%BC%E3%83%AB%E9%80%81%E4%BF%A1%E3%81%AE%E7%9B%B4%E5%89%8D%E3%81%AB%E5%85%A5%E5%8A%9B%E5%80%A4%E3%82%84%E9%80%81%E4%BF%A1%E5%85%88%E3%82%92/

後はタクソノミーの投稿テスト

後、ナビのカスタムフィールドでもできるのか?

フィールドグループはできない
タクソノミー 日付等できない



//コンタクトフォームからお店投稿
add_action( 'wpcf7_before_send_mail', 'wpcf7_post' );
function wpcf7_post($cf7) {
	
$submission = WPCF7_Submission::get_instance();
if ( $submission ) {
 $formdata = $submission->get_posted_data();
 
$shop_name = $formdata['text-shop'];//店名
$addr = $formdata['addr'];//住所
$addr2 = $formdata['addr2'];//建物名
$tel = $formdata['text-691'];//電話番号
$time = $formdata['textarea-692'];//営業時間
$holiday = $formdata['text-692'];//定休日
$price = $formdata['text-693'];//料金

$shop_catch = $formdata['textarea-131'];//お店のキャッチコピー
$shop_disp = $formdata['your-message'];//お店のキャッチコピー

$open_day = $formdata['date-704'];//オープン日
$school_map = $formdata['menu-705'];//中学校区

$shop_terms = $formdata['menu-636'];//お店カテゴリ
$shop_terms2 = $formdata['menu-637'];//お店カテゴリ2
$shop_terms3 = $formdata['menu-638'];//お店カテゴリ3
$shop_terms4 = $formdata['text-111'];//希望カテゴリ

$eki1 = $formdata['menu-296'];//最寄り駅
$eki2 = $formdata['menu-296-2'];//最寄り駅2

//$login = $formdata['checkbox-221'];//ログインして、自分で編集できるようにする:
//チェックボックスはアーリーと出るのでだめ



$post_memo = 'お店カテゴリ:' .$shop_terms.' , '.$shop_terms2.' , '.$shop_terms3.' , '.$shop_terms4 .'  オープン日:' .$open_day .'  中学校区:' .$school_map. '  最寄り駅:'.$eki1.' , '.$eki2 ;


//タームid取得
//$term    = get_term_by('slug',$shop_terms, 'shop_tax');
//$term_id = $term->term_id;
//wp_set_object_terms($id, $term_id, 'shop_tax', true);//お店カテゴリ


$new_post = array(
'post_type' => 'shop',
'post_title' => $shop_name,//店名
'post_status' => 'draft',
);


$post_id = wp_insert_post( $new_post );
add_post_meta($post_id,'所在地', $addr, true);
add_post_meta($post_id,'建物名', $addr2, true);
add_post_meta($post_id,'電話番号', $tel, true);
add_post_meta($post_id,'営業時間', $time, true);
add_post_meta($post_id,'定休日', $holiday, true);
add_post_meta($post_id,'料金', $price, true);

add_post_meta($post_id,'店舗名下簡易紹介文', $shop_catch, true);
add_post_meta($post_id,'お店からメッセージ見出し', $shop_catch, true);
add_post_meta($post_id,'お店からメッセージ', $shop_disp, true);

//add_post_meta($post_id,'open_day ', $open_day, true);
//add_post_meta($post_id,'open_day ', $school_map, true); //タクソノミー  日付はできない
//add_post_meta($post_id,'shop_tax', $shop_terms, true); //

add_post_meta($post_id,'post_memo', $post_memo, true);//メモ欄で確認






}
}

コンタクトフォームから記事投稿

http://daily.glocalism.jp/wordpress/contact-form-7-hooks/
http://daily.glocalism.jp/wordpress/contact-form-7-hooks/
コレが使える

http://blog.sarabande.jp/post/100606805503 
https://contactform7.com/ja/2014/07/02/contact-form-7-39-beta/
WPCF7_Submissionの説明

http://www.ex-tra.jp/kosukekato/archives/10669
http://www.ex-tra.jp/kosukekato/archives/10676
コレは使えないぶぶんがある

add_action( 'wpcf7_before_send_mail', 'wpcf7_post' );
function wpcf7_post($cf7) {
//$fname = $cf7->posted_data["fname"];
//$ftitle = $cf7->posted_data["ftitle"];
//$fdesc = $cf7->posted_data["fdesc"];

$new_post = array(
'post_type' => 'post',
'post_title' => 'テスト',
'post_content' => 'テスト',
'post_status' => 'draft',
);

$post_id = wp_insert_post( $new_post );

//add_post_meta($id, 'fname', $fname, true);

}

カスタムフィールドスイートじゃ入らないわ

アドバンスは入るわ

コンタクトフォーム カスタムポスト  カスタムフィールド 投稿

http://www.ex-tra.jp/kosukekato/archives/10669
http://www.ex-tra.jp/kosukekato/archives/10676

https://wordpress.org/support/topic/issue-with-wpcf7_before_send_mail/

wpcf7_before_send_mail にフックっする

function wpcf7_post($cf7) {
$fname = $cf7->posted_data["fname"];
$ftitle = $cf7->posted_data["ftitle"];
$fdesc = $cf7->posted_data["fdesc"];

$fname = $cf7->posted_data[“フィールドネーム”];
で$fnameに収納

多分  これ切れとるけど

$postだわ

$post = (
'post_title' => $ftitle,
'post_content' => $fdesc,
'post_status' => 'draft',
'post_type' => 'post_type',
'post_author' => 'user'
);
$id = wp_insert_post($post);
$terms = get_terms('taxonomies');
$floor_id = '';
foreach($terms as $term) {
  if(($term->name == 'カテゴリ名') && ($ftax == 'なんか')) {
    $floor_id = $term->term_id;
  }
}
wp_set_post_terms($id, $floor_id, 'events_categories', true);

こうかいてあるけど
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_set_post_terms
によると かすたむポストではwp set object termsを使えといっとりますが?

add_post_meta($id, 'fname', $fname, true);

簡単らしい

add_action( 'wpcf7_before_send_mail', 'wpcf7_post' );

締め

過去の記事を予約投稿

<?php
if(post_custom('kiji_date'))://日付があれば 過去の日付に使い
    $date = date_create(get_field('kiji_date'));
    echo date_format($date,'Y年m月d日');//日付を表示
	else://通常はこれだけ
 the_time('Y年m月'); 
 endif;
 ?>

しかし、全ての日付をこの分岐にしないといけんのでやめた

お名前DNS設定 メールはさくらで、webサーバーはXserver

http://borderlessryohei.com/2015/07/08/post-1302/
http://www.sakura-vps.net/mail-server-and-web-server-separate-setting/

(http://hikaku-server.com/rentalserver/entry400.html (Xserver))
 
http://jisakupc-technical.info/web-survice/rental-server/4825/
http://kurousa007.sakura.ne.jp/kurousa/?p=21

DNSチェックサイト
https://mxtoolbox.com/SuperTool.aspx

結局は、xserverでは見れたサイト
でもメールは 手動設定で初期ドメインを入れないとだめなようだ

mail.独自ドメインでメール設定しているので
試しに、

mail.tm-print.net A 3600 (メールサーバーのIP)219 94 155 217
そんで
メールサーバーに

tm-print.net MX 60 mail.tm-print.net 10

としたらできた。

DNSチェックサイト
https://mxtoolbox.com/SuperTool.aspx

でmail.独自ドメインで調べると

CNAME  mail.独自ドメイン 独自ドメイン となっていて

勝手にあだ名がついているようだ

カスタムポストで タクソノミーで絞込 管理画面

このコードでhttpエラー出る 新しいワードプレス もしくは xserver phpのばーじょんか

//カスタムポストで タクソノミーで絞込
add_action('restrict_manage_posts', function() {
    global $post_type;
    if ( !in_array($post_type, ['jirei']) ) return;
    $taxonomy = 'make_cate';
    $terms = get_terms($taxonomy);
    if ( empty($terms) ) return;
    $selected = get_query_var($taxonomy);
    $options = '';
    foreach ($terms as $term) {
        $options .= sprintf('<option value="%s" %s>%s</option>'
                ,$term->slug
                ,($selected==$term->slug) ? 'selected="selected"' : ''
                ,$term->name
        );
    }
    $select = '<select name="%s"><option value="">指定なし</option>%s</select>';
    printf($select, $taxonomy, $options);
});

スライダー レスポ ハイプラン

.viewer ul li{
    background-position: center center;
    background-repeat: no-repeat;
	/*これでスマホとかの場合、画像の横幅以上にいかない*/
    background-size: contain;
	
}

background-size: cover をやめた

http://www.htmq.com/css3/background-size.shtml

そんで1200以上はcover

/*コレを追加して、幅広の場合めいっぱい*/
	@media screen and (min-width: 1200px) {
	.viewer ul li{
    background-size: cover;
}
	}

/*こうすればここまできたら100%の高さで表示させれる
@media screen and (min-width: 2000px) {
	.viewer ul li{
    background-size: contain;
}
	}*/

そんで
枠用の空div用の背景透明画像

src="<?php echo get_stylesheet_directory_uri(); ?>/d_parts/slider/slider_c/sl_2.png"  

と実際の画像のサイズを合わせれば楽にできる

freee 振替伝票 残高合わせる

以下の内容で振替伝票を登録し修正をお願い致します。

日付:2016年1月1日

借方

勘定科目:事業主貸

金額:820,630円  税区分:対象外

貸方

勘定科目:未収入金  金額:820,630円

税区分:対象外

https://support.freee.co.jp/hc/ja/articles/202848040-%E6%8C%AF%E6%9B%BF%E4%BC%9D%E7%A5%A8%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B-%E4%BB%95%E8%A8%B3%E5%BD%A2%E5%BC%8F%E3%81%A7%E8%A8%98%E5%B8%B3%E3%81%99%E3%82%8B-

freee 確定申告 経理 残高 合わない 合わせる

https://support.freee.co.jp/hc/ja/articles/203638854-%E7%8F%BE%E9%87%91%E3%81%AE%E6%AE%8B%E9%AB%98%E3%82%BA%E3%83%AC-%E3%83%9E%E3%82%A4%E3%83%8A%E3%82%B9%E6%AE%8B%E9%AB%98%E3%82%92%E8%A7%A3%E6%B6%88%E3%81%99%E3%82%8B#clear_minus

まず、【現金】は使用しない、
【現金支出登録】は基本プライベート資金を選択
そうすれば 現金は動かない。

カード等、すべて登録していけば 残高が狂うことはないが、
もしくるっていたら、(今までの無視、などでくるっていたままだったから)
確定申告年の最初の日 1/1で正しい期首残高と現在の期首残高の差額とし、
差額と登録した

これで狂わないであろう。

調整するのであれば、カード 口座 同期が口座振替も終わった
月末等が良いであろう。 ゼロに合わせればよいので。

カードの明細と
freeeの登録が同じ時期までであれば0あわせればよい

web制作 教える メモ

html と css の関係

htmlの基礎
cssの基礎

html5の全体

画像を作成して配置する
画像をフロートさせて文字を回り込ませる
altの説明

リンクの説明
リンクテキスト noflow seoについての簡単な説明

レスポンシブルに備え、パーセンテージを意識する作り方を軽く説明するが
まずはピクセルで作る

簡単なサイト作成
1ページのトップページ 従来通り サイドバー メインコンテンツ があるページ
スライダーは一枚ペラ
※コンテンツベースは寸法を指示して、そのとおり作らせる。まずは基本をなぞる

freee ローン 記載方 融資も(金融公庫)

https://support.freee.co.jp/hc/ja/articles/203480134-%E5%9B%BA%E5%AE%9A%E8%B3%87%E7%94%A3%E3%82%92%E3%83%AD%E3%83%BC%E3%83%B3%E3%81%A7%E8%B3%BC%E5%85%A5%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88%E3%81%AE%E8%A8%98%E5%B8%B3%E6%96%B9%E6%B3%95#1

https://support.freee.co.jp/hc/ja/articles/203059914#2

固定資産には10万以上
少額減価償却資産は30万未満 年300万まで 1年で償却

金融公庫はこれ
https://support.freee.co.jp/hc/ja/articles/204753184-%E5%80%9F%E5%85%A5%E9%87%91%E3%81%AE%E5%80%9F%E5%85%A5%E3%81%A8%E8%BF%94%E6%B8%88%E3%82%92%E8%A8%98%E5%B8%B3%E3%81%99%E3%82%8B#section1

サムネイルを上つら 中心 切り抜き ファンクション

//サムネイルを上つら 中心
function my_awesome_image_resize_dimensions( $payload, $orig_w, $orig_h, $dest_w, $dest_h, $crop ){
    if( false ) return $payload;
 
    if ( $crop ) {
        $aspect_ratio = $orig_w / $orig_h;
        $new_w = min($dest_w, $orig_w);
        $new_h = min($dest_h, $orig_h);
 
        if ( !$new_w ) $new_w = intval($new_h * $aspect_ratio);
        if ( !$new_h ) $new_h = intval($new_w / $aspect_ratio);
 
        $size_ratio = max($new_w / $orig_w, $new_h / $orig_h);
        $crop_w = round($new_w / $size_ratio);
        $crop_h = round($new_h / $size_ratio);
 
        $s_x = ($orig_w - $crop_w) / 2;
        $s_y = 0;
    } else {
        $crop_w = $orig_w;
        $crop_h = $orig_h;
 
        $s_x = ($orig_w - $crop_w) / 2;
        $s_y = 0;
 
        list( $new_w, $new_h ) = wp_constrain_dimensions( $orig_w, $orig_h, $dest_w, $dest_h );
    }
 
    if ( $new_w >= $orig_w && $new_h >= $orig_h ) return false;
    return array( 0, 0, (int) $s_x, (int) $s_y, (int) $new_w, (int) $new_h, (int) $crop_w, (int) $crop_h );
}
add_filter( 'image_resize_dimensions', 'my_awesome_image_resize_dimensions', 10, 6 );

custom.phpにあるみたい