カテゴリー: ウェブデザイン備忘録
psdで印刷物を作る時のまとめ
初期設定を変更する 編集→環境設定→単位・定規で変更する。 定規をmm 文字をpoint プリント解像度を300～350 pixcel/inch 新規作成で余白を足して作る 例）ちなみに１万円の160mm×76mmサイズ […]
続きを見るcontactform7でドメインと異なるメールアドレス(Gmail)を送信者とするときに迷惑メールにならないようにする方法。
「WP Mail SMTP」プラグインを使って回避ができます。 インストールして有効化した後は以下のように設定しましょう 送信元メールアドレス：送信者にしたいGmailアドレス このメールを強制使用：チェック フォーム名 […]
続きを見るブラウザの縦幅サイズいっぱい表示、その中央に画像などのコンテンツを置く方法
TOPページの一番上のイメージ部分をブラウザの縦幅いっぱいに表示して その中央に画像などのコンテンツを置くサイトよく見かけますよね？今回はその方法をご紹介します。 ブラウザの縦幅サイズちょうど表示の方法は簡単です。 [c […]
続きを見るcss js【簡単】下からふわっと出てくるアニメーションの作り方
最近よく見る下からふわっと出てくるアニメーションで。もっとも簡単な実装方法をご紹介します。 header内に以下を記入します。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script src="https://unpkg.com/scrollreveal"></script> <script> $(function(){ ScrollReveal().reveal('.変化させるクラス名',{ delay: 400, //アニメーションの発生タイミング distance: '30px', //要素の移動距離 origin: 'bottom', //要素が移動してくる方向 top/right/bottom/left duration:4000, //アニメーション完了までの速度 opacity:0, //アニメーション開始前の要素の不透明度 }); }); </script> |
変化させるクラス名という箇 […]
続きを見るAll-in-one-wp-migrationで引っ越したら404 not foundになってしまった時の対処法
All-in-one-wp-migrationで引っ越したら404 not foundになってしまった。 原因の一つに、元のサイトがSSL化していて、新サーバーがまだSSL化していないときに整合性が合わずエラーになること […]
続きを見るworspress カスタムフィールド使い方（Advanced Custom Fields）
Advanced Custom Fieldsで自由にフィールドをカスタマイズできますが、いまいち設定が面倒だったり覚えにくかったりで、ややこしい場面があります。今日は忘れないように備忘録をかねてご案内します。 Advan […]
続きを見るwordpress PC用のページをそのままスマホで表示する方法（非レスポンシブ）
現在はＰＣとスマホで表示を切り替えるのにレスポンシブを採用するのが普通になってきてますよね。 でも中には、ＰＣで表示しているデザインをそのままスマホで表示してほしいなんて依頼があります。 そんなときは、以下のコード入力が […]
続きを見るwordpress css更新時に自動でキャッシュをリロードする方法
デザイナーなら必ず一度は経験している以下のやり取り… クライアント：「デザインの変更お願いしたのにまだ変更されてないんですが～」 制作者：「キャッシュが残ってると思うので、リロードしてください～」 …この不毛なやり取り、 […]
続きを見るwordpress Contact Form 7 問い合わせ本文が全て英語の場合は送信できないようにする
日本にも外国からのスパム攻撃が日に日に多くなっていますよね。2020年5月時点でwordpress使ったサイトが全世界のサイトの30%を超え、wordpressを狙ったスパム攻撃がこれからもっと増えていくと言われいます。 […]
続きを見るドメインだけを他のサーバー（サクラサーバー）へ引っ越し
サイトリニューアルの依頼があった時に、まずサンプルサイトを作り、サンプルサイトが完成したら既存のドメインだけをサンプルサイトに引越しさせることがあります。やりたいことはそんなに難しくないはずですが、そんなに何度も何度もや […]
続きを見る