チェック オリジナル | ロゼットリボン専門店|胸章リボン・アワードリボン・リボン徽章・記章・式典用リボン・リボンバラ・来賓リボン・表彰リボン・式典リボン・賞リボン

チェック オリジナル | ロゼットリボン専門店|胸章リボン・アワードリボン・リボン徽章・記章・式典用リボン・リボンバラ・来賓リボン・表彰リボン・式典リボン・賞リボン

新規会員登録で200pt GET
ゲストさん 新規登録
お気軽にご相談ください!
お問い合わせフォーム
052-725-8288

チェック オリジナル

■デザイン参考
テキストはどんどん長くしても、それに対応して、幅も大きくなる
小さくもなるよ。1カラムのセンターボックスのデザインに利用
モバイルは改行しないとかは各自設定するか 使いやすいようにね。

ああああ

<div class="go_margin" id="go1"></div>

 


.about_bg{
background-image: url(/wp-content/themes/newD-child/img/bg/squared-metal.png), 
        url(/wp-content/themes/newD-child/img/back_about.jpg);

    
       background-size:auto,cover;
    background-position: 12% 50%;
    
    color: #fff;
    
    .puckup_sapn_d{
        //ここで直接上書き仕様
        .this_span1;
        .this_shadow1;
        }
    
    
    .about_p{
//		background: rgba(255,255,255,0.60); 
//		color: #000;
//	display: table;
//    margin-left: auto;
//    margin-right: auto;
//		padding: 24px;
//		line-height: 1.8;
    
    }
    
        .ad_p{.text-shadow2; font-weight: bold}
    

    .d_con_title2{.this_shadow1;
    }
    
    @media screen and (max-width: 736px){
               .d_con_title2 + .ad_p{ margin-bottom: 0}
    }//@media screen 736px
}

 

丸入れ

<!--
2020年定義
D-MARKING でオリジナルに制作を効率化するためのコード
-->

<!--■1カラム 1個のパート-->

<?php //////////////////////////////////////////////////////////////////////////////////////////
    //料金・システム
    ///////////////////////////////////////////////////////////////////////////////////////////// ?>

<div class="d_con_all d_bg2" ><div class="d_con_width" >
    
<?php /////////////////--コンテンツタイトル-- /////////////////// ?>
<h2 class="d_con_title2"><i class=""></i>料金・システム</h2>
    
<?php ///////--サプタイトル-- //////// ?>
<!--<p class="ad_p"></p>-->
<!--<p class="h2_class"></p>	-->
    
<?php ///////--☆☆☆☆☆☆☆☆contents☆☆☆☆☆☆☆☆-- //////// ?>

    
<?php ///////--links-- //////// ?>
     <div class="tsuzuki_box">   
    <a href="/" class="f_button" >料金・システム <i class=" icon-right-open"></i></a>
    </div>
    
<br><br>
    
</div></div>
<?php ////////////////////////////--END 1section☆☆☆-- //////////////////////////// ?>





<!--------------------------------タイトル-------------------->
<!--
ガツンと区切るならこれ タイトルをベタ塗り背景100にして、
コンテンツは白でいけるのが特徴 説明によい
-->
<?php /////////////////--W100 タイトル-- /////////////////// ?>
<div class="d_title_all"><div class="d_title_width" >
    <h2 class="d_title">タイトル</h2>
</div></div>


<!--/w100 title-->


<!--
通常はコンテンツタイトルの方が楽だし、W100タイトルを使う必要がなければ
わざわざやる必要なし。
その代わり、コンテンツを色替えしていったほうが豪華にみえる。
白にして、線だけでも行けるが。。
-->

<!--con_title-->
<h2 class="d_con_title2">
<i class=" icon-home-3"></i>新築・注文住宅
</h2>

<p class="ad_p">一期一会を大切に、初めての方がほとんどですので<br>
丁寧に説明しながら進めたいと思っております。</p>

<br><br>
<!--/con_title-->



<!--------------------------------続きボタン-------------------->
<!--続きへ-->
<div class="tsuzuki_box">   
<a href="<?php echo home_url(); ?>/category/information/" class="d_button" >ALL ▶</a>
</div>



<!-- でかビック背景タイトル -->
<div class="d_wide_title_wrap">
<div class="d_wide_title_back">
<div class="d_wide_title_width">
<h1  class="d_wide_title">創工社のDSP広告運用の強み</h1>
</div>
</div>
<img src="<?php echo get_template_directory_uri(); ?>/1_img/9_client/1_soukou/page/dps06.jpg" width="100%"  class=" " alt="創工社のDSP広告運用の強み|<?php echo $alt1; ?> ">
</div>





<!--//////////////////////////////////■よく読み込むコード///////////////////////////-->

<!--インクルード  基本 php-->
<?php include(get_stylesheet_directory() . "/8_page_0_page/1_myyoga.php"); ?>

<!--ページメニュー-->
<?php include(get_stylesheet_directory() . "/3_menu/5_page/d_g_page_menu.php"); ?>  

<!--サイドメニュー-->
<?php include(get_stylesheet_directory() . "/3_menu/2_side/d_g_sidemenu.php"); ?>

<!--ブログー-->
<?php include(get_stylesheet_directory() . "/4_blog/w_blog_parts/part_blog_top.php"); ?>


<!--画像-->
<!--子テーマ-->
<img src="<?php echo get_stylesheet_directory_uri(); ?>/img/img.jpg" width=""  class=" " alt="キーワード">



<!--//////////////////////////////////■テーブル////////////////////////////////////////->

<!--テーブルプレス-->
<?php echo do_shortcode( '[table “2” not found /]
' ); ?> <!--モバイルで2列になる--> <!--d_table1はd-markingの順位デザイン--> <!--thは列--> <div class="d_table1 mob2retsu"> テーブルプレス </div> <!--モバイルで1列になる--> <table class="mob1retsu"> テーブル </table> <!--//////////////////////////////////■固定ページ/////////////////////////////////////////////-> <!-- 固定ページ用の画像を読み込み--> <?php //2020新 //acf $page_imgs = get_field('page_img_all');//個P 画像を利用するためにまず取得 ?> <!-- 固定ページ用の画像を利用--> <?php //個Pイメージを利用 $page_img = $page_imgs[0];//イメージ選択0から順番 $page_img_url = wp_get_attachment_image_src($page_img['page_img1'],$page_img['img_size']); ?> <img src="<?php echo $page_img_url[0] ?>" style="max-width: 100%; margin-bottom: 24px;"> <!-- 会社概要を読み込み --> <?php include( get_stylesheet_directory() . '/0_cf_contents/page_gaiyou_table.php');//個人事業主 ?> <?php include( get_stylesheet_directory() . '/0_cf_contents/page_gaiyou_table_kaisha.php');//会社 ?> <!-- 会社沿革 --> <?php include( get_stylesheet_directory() . '/0_cf_contents/page_enkaku_table.php'); ?> <!--//////////////////////////////////■ サイト設定を利用したい///////////////////////////////////////--> <?php //0.site3 トップページ //////////////////////////////////////////////?> <h2 class="h2_class pc_br_div"><?php echo $top_in_title ?></h2> <div class="con_box1 clearfix"> <p class="img_right "> <img src="<?php print $top_in_img[0]; ?>" style="max-width:<?php echo $top_img_width ?>px" alt="<?php echo $site_name.'|'.$alt2; ?>" class="img_waku"> </p> <div> <?php echo $top_in_con ?> </div> </div> <div class="tsuzuki_box"> <a href="/" class="f_button" >About D-MARIKING ▶</a> </div> <br><br> <?php //0.site3 トップページ ここまで ?> <?php ////////////////////////ページ下部TEL/MAILを使う オン//////////////////////// //オンは →設定  内容は →サイト 画像・ロゴ・TOP等 if(get_post_meta($site,"part_tel_mail",true)): ?> <?php include(get_stylesheet_directory() . "/7_parts/part_tel_mail.php"); ?> <?php endif; ?>

 

■デザイン参考
テキストはどんどん長くしても、それに対応して、幅も大きくなる
小さくもなるよ。1カラムのセンターボックスのデザインに利用
モバイルは改行しないとかは各自設定するか 使いやすいようにね。