オドフラン ~いつもどこかに「なるほど」を~

誰かのためになるようなことを、書き込んだり、書き込まなかったり

口座自動引き落としの際などの、入金確認書

2014-02-27 09:25:18 | 日記

事業主の方は特に、最近「自動口座引き落とし」などで入金をいただくこともあると思います。

入金いただいた際、「確かに頂戴しました」という感じの確認書(証明書?)みたいなものがあれば便利ですよね。

調べてみると、こんな感じのテンプレートでいいそうです。

http://template.k-solution.info/2007/06/01_word_1_8.html

まあ、「確認書」というと大げさですが、「領収書」の内訳に書くって感じですね。


youtubeなど埋め込み動画を、サイトの幅にあわせて表示させる方法(レスポンシブ)

2014-02-03 07:56:33 | 日記

youtubeなどの動画をサイトに埋め込むと幅が固定されていて

レスポンシブデザインなど幅が伸び縮みするサイトの場合、動画がはみ出たりする場合があります。

レスポンシブに対応させるには、簡単と言えば簡単です。

 

1.CSSに基準値を設定してあげる

2.「1」の基準値を実際の動画(ifameタグ)をdivで囲ってあげる

----------------------------

【1】css

▼これをCSSの一番下にでも貼りつける(ちなみにこちらは100%表示する場合の例)

.YoutubeWrapper{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.YoutubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}

 

【2】動画「iframe」の前後に指divで指定してあげる


  <iframe>~</iframe>

※iframe内に、widthやhightなどサイズ指定する文字列があれば削除してください。

----------------------------

あとは実際の画面で確認すると、サイト幅に応じて伸び縮みしているのが確認いただけるかと思います。


【ワードプレス】アイキャッチ画像が表示されない!?⇒有効化する方法

2014-02-01 17:28:10 | 日記

ワードプレスではアイキャッチ画像が挿入できるようになっていますが

テーマによっては備わってないものがあります。

その場合、利用しているテーマファイルの

functions.php に以下のコードを追加してあげればOKです。

add_theme_support( 'post-thumbnails', array( 'post') );


)functions.phpが下記内容だった場合、「ここに挿入してあげる」の場所に挿入

<?php
ここに挿入してあげる
register_sidebar(array(
'before_widget' => '<div class="box1"><div id="%1$s" class="widget %2$s">',
'after_widget' => '</div></div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
?>

 

これでOK。

投稿ページの右下に、アイコン画像が表示されるようになるでしょう。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

【それでも表示されない?】

それでも表示されない場合は、投稿ページ編集画面の一番上にある「表示オプション」で

アイキャッチ画像の項目にチェックが入っていないか確認してください。

 


【ワードプレス】アイキャッチ画像が表示されない!?⇒有効化する方法

2014-02-01 17:28:10 | 日記

ワードプレスではアイキャッチ画像が挿入できるようになっていますが

テーマによっては備わってないものがあります。

その場合、利用しているテーマファイルの

functions.php に以下のコードを追加してあげればOKです。

add_theme_support( 'post-thumbnails', array( 'post') );


)functions.phpが下記内容だった場合、「ここに挿入してあげる」の場所に挿入

<?php
ここに挿入してあげる
register_sidebar(array(
'before_widget' => '<div class="box1"><div id="%1$s" class="widget %2$s">',
'after_widget' => '</div></div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
?>

 

これでOK。

投稿ページの右下に、アイコン画像が表示されるようになるでしょう。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

【それでも表示されない?】

それでも表示されない場合は、投稿ページ編集画面の一番上にある「表示オプション」で

アイキャッチ画像の項目にチェックが入っていないか確認してください。