石川/ホームページの作り方・Webマーケティング・稼ぎ方

Webクリエイターの石川です😌 もともと飲食店のスタッフとして33歳まで働いていました…

石川/ホームページの作り方・Webマーケティング・稼ぎ方

Webクリエイターの石川です😌 もともと飲食店のスタッフとして33歳まで働いていました。が、その後フリーランスとしてWeb系の業務を中心に行ってます！ 未経験、高卒の僕が行ってきた勉強法や教材を公開していきます🍀 これからWeb系の仕事をしたい方のお役に立てたら嬉しいです。
  • 固定された記事

未経験でも『10日で出来る‼︎』ホームページ制作（動画教材+サンプルコード付き）【HTML,CSSでプロ級サイトを作ろう！】

現在割引期間中！ 正規料金6800円 → 20部まで2480円 ぜひ、この機会にお試していただければ幸いです☆ はじめにこの教材は、HTML,CSSでプロ級サイトをこれから作っていきたいとお考えの初心者の方を対象としてます。 HTML,CSSを利用したホームページ制作の 「基礎〜初中級レベル」までの知識を身に付ける事ができます。 全「21ステップ」のカリキュラムを1日2時間程度を10日間続けていただけば、下記の画像と同じサイトを作れるようになります。 目標のサイト

2,480
石川/ホームページの作…

    • square決済フォームサンプル（js + php + Wordpress）

      このサンプルはWordpress環境における、pure JavaScript と phpを利用したsquareの決済フォームサンプルです。 ※テスト購入するためのSandboxとしてサンプルコード あくまでもサンプルですので、取り扱いは自己責任でお願いいたします。 セキュリティ面なども気をつけてください✨ このコードを元に、ChatGPTなどに質問しながら制作を進めれば、スムーズに進めることができると思います。 ステップ１：ComposerのインストールWindows:

      石川/ホームページの作…

      • データベースへ直接アクセス、セレクトする【 WordPress】

        ※自分用のメモです WordPressでデータベースにアクセスするには$wpdb関数を使えば簡単にアクセスできるのですが、 自分で作ったmysqlテーブルへはselectを行うことが出来ないようです。 その時は下記のサンプルコードを入れることでセレクトを行うことができます。あくまでも１例ですのでご自身でカスタマイズなどして利用してください。 // PDOオブジェクトの生成$dsn='mysql:host='.DB_HOST.';dbname='.DB_NAME.';c

        石川/ホームページの作…

        • 【WordPress】ログインしている自分自身のwp_usermetaを更新するフォームを自作する

          ※自分のためのメモになります。 ページにログインしている自分自身がプロフィールなどを更新するためのフォームをページに設けるための方法です。 このやり方をカスタマイズすれば、いろんなテーブルの情報を更新することができるようになります。 ただし、WordPressの関数などを利用してますのでWordPressのみの使用方法となります。また、セキュリティに関しては各自で追加設定を行ってください。 入力フォーム<?php// 自分自身のユーザーIDを取得$author = w

          石川/ホームページの作…
        • 固定された記事

        未経験でも『10日で出来る‼︎』ホームページ制作（動画教…

        石川/ホームページの作り方・Webマーケティング・稼ぎ方

        マガジン

        • 見出しレイアウト教則動画
          9本
        • 収入アップの考え方・心構え
          3本
        • 便利ツールのご紹介
          2本

        記事

          【WordPress自作】PHPでログインしている自分自身のユーザー名や名前を出力する方法

          ユーザーID <?php $author = get_userdata($post->post_author); echo $author->ID;?> ユーザー名 <?php $author = get_userdata($post->post_author); echo $author->display_name;?> ニックネーム <?php $author = get_userdata($post->post_author); echo $author->n

          石川/ホームページの作…

          【WordPress自作】PHPでログインしている自分自身のユーザー名や名前を出力する方法

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          WordPressのログイン画面に独自のCSSを適応させる方法

          ここではWordPressの通常のログイン画面をCSSでカスタマイズためのCSSの読み込み方法を忘れても大丈夫なように下記に記載しています。 ログイン画面にオリジナルCSSを適応させるfunctions.php内に下記のコードを書き込み。その後、cssのパスはご自身で変更を行ってください。 /* -----------------ログイン--------------------*/function my_login_page() { ?><!-- php内にcssを直接記

          石川/ホームページの作…

          WordPressのログイン画面に独自のCSSを適応させる方法

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          amp-imgのクリック拡大を無効にする方法

          amp-imgとして設置した祖先要素のHTMLタグの中に下記のコードを埋め込むとクリックしても拡大されなくなります！ data-amp-auto-lightbox-disable 例 <div class="hoge" data-amp-auto-lightbox-disable> <amp-img src="./hogehoge.jpg" layout="responsive" width="100" height="100"></amp-img></div>

          石川/ホームページの作…

          amp-imgのクリック拡大を無効にする方法

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          object-fit: cover;をEdgeブラウザでも適応する方法（jQueryライブラリで速攻解決）

          imgで読み込んだ画像を調整する際に「object-fit: cover;」を利用すると思いますが、Edgeブラウザでは利用することができません。 そこで、jQueryのライブラリーを利用することで解決できますので、そのやり方をご紹介させていただきます！ 今回使用するライブラリー 問題点 Chromeの場合は「object-fit: cover;」をcssに適応すると画像が綺麗に表示されるが、Edgeの場合は画像がサイズに合わせて縮小してしまう。 これはjQuery

          石川/ホームページの作…

          object-fit: cover;をEdgeブラウザでも適応する方法（jQueryライブラリで速攻解決）

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          マスクの作り方動画特集！なんだこんなに簡単だったのか！？ みんなで自作のマスクを作ろう！

          国民全員がマスクを作ったら、きっとマスク問題はすぐに解決する？のではないか？ と、いうことでマスクの作り方を動画などでアップしてくれている方々の動画をいっぱい集めて、難易度別に分けてみました(^_^)/ 難易度S：「難しい」　 難易度A：「頑張ればできるの？？」 難易度B：「これはできる！」 難易度C：「こ、これは簡単過ぎる」 （もし良かったら、いきなり「難易度C」をみてくださいね☆） マスクの自作：「難易度S」これは売れるレベル！と思えるくらいちゃんと作ってる動画で

          石川/ホームページの作…

          マスクの作り方動画特集！なんだこんなに簡単だったのか！？ みんなで自作のマスクを作ろう！

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          逆にチャンスだ！コロナで泣いてる場合じゃない！在宅で稼げるビジネス特集

          コロナ、コロナ、コロナ、コロナ、コロナ。。。。。 本当に嫌ですよね。 テレビをつければ、コロナ。 noteをみたら私みたいにコロナを題材に記事を書いてる人ばかり。 世界はコロナの情報で持ちきりです。 と、コロナで世界が変わるのを流れるように見守り続けていたらもったいない！ いつの時代にだって終わりがあります。 何かが壊れて変化が起こるときに、大きなチャンスがあるんです！ こんなにわかりやすいチャンスはない！ 世界が在宅ビジネス中心に動き出しています！ その理由は、コ

          石川/ホームページの作…

          逆にチャンスだ！コロナで泣いてる場合じゃない！在宅で稼げるビジネス特集

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          「小さな失敗は成功の宝」。失敗を積み重ねて成功の確率を高められる理由

          突然ですが、失敗は嫌いですか？ この質問に「Yes」と答えた方は成功しないとは言いませんが、成功するまでに時間がかかります。 「No」と答えた方は、おそらく挑戦が好きな体質で、苦難を突破してきた経験が多い方ではないでしょうか？ 念のためにここで話をする「成功」に対しての定義をしておきましょう 成功 = その方が決めた目標や理想の現実 目標に向かって努力を積み重ねていけば、ほとんどのことが叶うと私は考えています。 ただ、その到達するまでの速度は人によって様々です。

          石川/ホームページの作…

          「小さな失敗は成功の宝」。失敗を積み重ねて成功の確率を高められる理由

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          コロナ騒ぎの後、僕たちはどうやって収入を立てていけばいいのか？

          2020年4月。世界は空前のコロナ騒ぎ。 そして多くの方が職を失い、そして多くの企業が倒産の危機に追い込まれています。 その大きな原因は、外出禁止（自粛）のため自宅から出ることができなくなり、お客様と対面で接するビジネスは売り上げが激減しているためです。 とても残念ではありますが、起きてしまったことを後悔するのではなく、やはり前向きに「どうしたら良いのか？」と考えていかなければいけないと思います。 今回はそんなコロナ騒ぎになり、テレワークが中心になっていく世の中で、どん

          石川/ホームページの作…

          コロナ騒ぎの後、僕たちはどうやって収入を立てていけばいいのか？

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          『Visual Studio Code』のインストール方法と日本語設定の方法

          テキストエディタ『Visual Studio Code』のインストール方法と設定方法をご紹介させていただきます。 HTML,CSSなどのコードを入力していく際に必要なアプリです。 とっても簡単ですので、さっそく使っていきましょう！ アプリのダウンロードとインストールまず『Visual Studio Code』のページにアクセスをし、ダウンロードページをし、インストールを行ってください。 ダウンロードした「VSCode-darwin-stable.zip」というような名

          石川/ホームページの作…

          『Visual Studio Code』のインストール方法と日本語設定の方法

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          ZOOMとは違う！「Remo」という交流会に最適なオンラインミーティングソフトの凄みと料金

          REMOというオンラインソフトは、多人数でミーティングしても下記の画像のように個別で話をすることができます！ ZOOMでも同じようなことができるのですが「Remo」は個別に対話することをメインの機能としているため、下記のようなUIにしてます。 とてもわかりやすい！！ 2020年4月現在。コロナ騒ぎで外出をしてはいけない状況になり、オンラインソフトが急激に使われるようになりました。 ・ZOOM ・Skype ・LINEカメラ ・Face Time など多くのオンライン

          石川/ホームページの作…

          ZOOMとは違う！「Remo」という交流会に最適なオンラインミーティングソフトの凄みと料金

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          WordPressのサイドバーにtwitterの最新投稿を表示する方法・手順【動画で解説】

          WordPressのサイドバーなどに、Twitterの最新投稿を自動で出てくる設定を行うことができます！ 今回は、その方法を動画とテキストで解説をさせていただきます！ 動画解説Twitterコードの自動生成ページTwitterコード自動生成ページにアクセスをしてください。 このような画面が開きますので、真ん中に表示させたいTwitterのアカウントのURLを入力しEnterを押してください。 例えば、孫正義社長のTwitterの最新投稿を表示したいなら、孫正義社長のア

          石川/ホームページの作…

          WordPressのサイドバーにtwitterの最新投稿を表示する方法・手順【動画で解説】

          石川/ホームページの作り方・Webマーケティング・稼ぎ方

          FontAwesomeの使い方

          今回はWEB制作には欠かせないGoogleのアイコンサービス「FontAwesome」の使い方について解説させていただきます！ FontAwesomeは ・HTMLで挿入する場合 ・CSSで挿入する場合 上記の２パターンがあります。 そのため、解説動画をHTML版とCSS版の二つに分けさせて頂きました！ では、早速使い方を覚えていきましょう！ 導入の流れ（大筋）1.FontAwesomeのデータを読み込むためのタグ（CDN）をHTMLのhead内に挿入 2.Fo

          石川/ホームページの作…

          FontAwesomeの使い方

          石川/ホームページの作り方・Webマーケティング・稼ぎ方