WEBデザイン勉強中のお母さん

2022年9月2日からWEBデザインを学習!

2024-01-01から1年間の記事一覧

お問い合わせフォームをグーグルフォームとスプレッドシートを連携させて自動返信、集計をを行う方法

Elementor proからフォーム設定を行ったが、サーバーエラーでよくわからないが、受信できなくなった。 Elementor proに入力したmailはgmailだった。 gmailの場合受信できない場合があり、プラグインを使ってサーバーの設定をすれば受信できた。けれども、前…

お問い合わせフォーム エラーや受信できない場合の対処方法 ビジネス用フォーム作成ツール「formrun」

エレメンタープロでメールフォームを設定したのに、気がついたらなぜかエラーになっていた。 考えられる原因は2つ 1つ目はgmailのパスワードをクライアントが変更していた 2つ目Googleのセキュリティ強化 3つ目は設定不備 何度もやり直してみるが、うまくい…

ワードプレス どんなテーマを使っているかを調べる方法

ワードプレス どんなテーマを使っているかを調べる方法 私はChromeなので、気になるサイトをクリックします。 次に右クリック→「ページのソースを表示」をクリック すると、ソースの中からテーマを探します。 ソースが表示されたら、Macは「Command+Fキー」…

フォトショップのAi生成がすごい

この記事がよく見返して、頻繁にai生成に利用させてもらっています。 ありがとうございます。 321web.link

Photoshop フォトショップで枠だけの文字を作る方法

自分の備忘録としての記事になります。 久しぶりのバナー作成で、文字の枠だけを作りたくて、調べてみたら境界線を使うようです。 文字の枠だけ使いたいというのは文字の中抜きをしたいということ。 こちらのブログが参考になりました。覚えれば簡単ですね。…

Elementor pro 問い合わせフォームの自動返信設定方法

エレメンタープロのお問い合わせウェジェットで、自動返信設定ができるので早速設定しました。 テスト送信しましたが、うまくいってよかった。 やり方はいつもお世話になっているこちら。本当に助かりました。 nocodeweb.jp

フリーランスWEBデザイナーの請求書、源泉徴収について

初めてのクライアントに請求書を発行することになりました。 デザイナーの場合、源泉徴収税を差し引いた金額をクライアントに請求するようになります。 その為、源泉徴収税と消費税が引かれることを考えた金額設定が必要。 いざ、請求書を作成しようとしたら…

Elementor proで作成した問い合わせフォームが受信できない場合の対処方法

クライアントの依頼でエレメンタープロを使ってWEBサイトの制作をした。 その際、問い合わせフォームの設定は簡単にできたのだが、テストしてみると受信できないことが判明。 *Elementor pro問い合わせフォームの設定方法はこちらの記事が便利良いです。 no…

シンプルでおしゃれなボタンのCSS

テーブルプレスにボタンを設置する際、ちょうど良いボタンのCSSがあったのでご紹介。 ノーコードWEBデザイナーだけれども、少しはCSSの知識がないと困る場合がある。 そんな時はググってしまえば、色々出てきます。 tanomasaki.com

Googleタグマネージャーにアナリティクスとクラリティを設置する方法

エレメンターを使っている私はGoogleタグマネージャー(GTM)のを導入した。 次はGTMにアナリティクスとクラリティを設置していく。 GTMにアナリティクスを設置する方法はこちら altenas.jp クラリティの設定はこちら bluegoat.jp *クラリティ側でアナリテ…

elementorにタグマネージャーを設置

Googleタグマネージャー(GTM) →GTMの中にclarityやアナリティクスのタグを設置し、GTMをサイトに導入する。 elementorにGTMサイトを導入する方法 → elementorダッシュボードより、「Custom Code」をクリック 「Add New」より新規作成をし、タイトルを「Goo…

コンタクトフォームのカスタマイズ

ホームページに大切なのは問い合わせページ カスタマイズされているものが出回っているので良いのを見つけて自分流にアレンジできれば最高。 カスタマイズして下さっているサイトでノーコードデザイナーでも簡単に設置できるようになる。 シンプルで良い ren…

コピペOK ボタンのカスタマイズに使えるサイト

テーブルプレスにボタンを設定したい。 テーブルプレスはカスタマイズができるので、色と形が最適でコピペできるサイトを見つけた。 こちらは大変役立った tanomasaki.com

Elementorで 「エラー500」が出た時の解決方法 ロリポップ・さくらサーバーの場合

初めてのクライアントのサイトをElementor proエレメンタープロを使って、ページをテンプレート化し、インポートしようとしたらなぜか一部しか表示されなかった。 私のテストサイトではインポート出来たのになぜかわからなかった。 解決方法を探るのに時間が…

ワードプレスでバックアップする方法

エックスサーバーの場合、自動バックアップ機能がついている。 ロリポップはプランによっては無料でバックアップ機能がついている。 格安プランの場合はオプションで自動バックアップ希望が月額330円ほどで設定できる。 今回クライアントのサーバーはロリポ…

Elementorでエラー500が出た場合の対処法 お役立ち記事

初めてElementor proを使って、クライアントのワードプレスに設置しようとしたら、上手くいかない。 まず、ページ全体のテンプレートを保存し貼り付けようとしたら、一部しか表示されなかった。 なぜか原因を調べたけど、解決せず。 仕方なく、セクションご…

グーグルアナリティクスの設置方法がわかりやすいブログ記事

こちらの記事がわかりやすかったです。 https://yuzulog12.com/google-analytics-registration/#index_id1

ノーコードデザイナーには便利なテーブルプレス

クライアントの要望にそって表を作る必要がある。 エレメンタープロだとテーブル機能はあるが、私はテーブルプレスの方が使いやすい。 テーブルはレスポンシブにすると、PC上では一目でみれるがスマホになると文字が縦になって読みにくい。 そこで、スマホで…

WEBデザイナーの業務委託契約書 テンプレートあれこれ

WEBデザイン勉強中ではありますが、仕事が1つ入ってきた。 知り合いに頼まれて、WEBサイトをエレメンタープロで制作。これに関する契約書を作ろうと色々テンプレートを調べてので備忘録。請負契約ではなく、毎月いくらかを2年契約で支払って頂くようにしよ…

別ページのアンカーリンクへ飛ぶ方法

エレメンタープロを利用してりうWEBデザイン勉強中のお母さんです。 別ページのアンカーリンクへ飛ぶ方法がよくわからなかった。 けれども、これが一番わかりやすかった。 アンカーリンクを設置#⚪︎⚪︎⚪︎ アンカーリンクが設置されているサイトアドレスの後に…

elementorで「ページトップへ戻る」ボタンを設置する方法

縦長のサイトは上へ戻る時にすこし大変。 そんな時は「ページトップへ戻る」ボタンが便利良いです。 そんな時に役立ったサイトはこちら tarouken.com 色々調べてみたけれど、こちらのサイトがわかりやすくコピペして実装できるのでよかったです。

HTMLの表(テーブル)を自動作成してくれるサイト

エレメンター習得中の駆け出しWEBデザイン勉強中のお母さんです。 初歩的なことから学んでいますが、備忘録も兼ねて記録。 タテーブルプレスで表を作ることはできるのだが、入力が面倒。 そんな時、HTMLの表を自動作成してくれるサイトが便利。 いくつか使っ…

同じページ内をリンクで移動する方法 エレメンター習得中

エレメンター習得中の駆け出しWEBデザイン勉強中のお母さんです。 初歩的なことから学んでいますが、備忘録も兼ねて記録。 今回は同じページ内の特定の場所に移動したい。 つまり、セクションごとに移動できるリンクを貼りたい。 同じページ内をリンクで移動…

表が簡単に作成できるワードプレスのプラグイン テーブルプレス

テーブルプレスは便利よくて、よく利用してます。 けれども、スマホで見ると少々見えにくい。 そんな時はスマホでも見やすいようにカスタマイズできる記事を発見↓ とっても助かっています。 webmarket-skills.com この場合だと、表以外はスマホサイズで表示…

HTMLでボタンを自動作成してくれるサイト

ボタンを自動生成してくれるサイトがあります。 けっこう便利良くて、お世話になっています。 generator.web-alpha.info front-end-tools.com