WordPress AddQuickTagでアドセンス広告用のクイックタグを作成する方法
WordPressのプラグインの一つである「 AddQuickTag」を使って、アドセンス広告のタグを作成する手順をご紹介します。タグを作成することで、ワンクリックで配置したい箇所に広告を設定することが可能になります。作業の効率化にも繋がりますので、同じブロガーとしてもオススメです！
WordPress 
WordPress cocoon : タブに関するCSS(背景色・文字色・枠線・文字のフォント)をカスタマイズする方法
WordPressの無料テーマの中でも多くの方に使用されている「cocoon(コクーン)」で、フロントページの表示形式を「タブ一覧」に設定した際のタブの背景色・文字色・枠線・文字のフォントをカスタマイズする方法についてご紹介してます。実際に操作している動画も掲載してますので、参考になればと思います。
React.js React.js : create-react-appでアプリを作成することが出来ない場合の解決法
本記事では、React.jsにて、create-react-appコマンドを用いて、新規のアプリを作成しようとした際に発生したエラーの解消法について、発生原因も含めて、ご紹介しております。
WordPress Local by fly wheel インストール & サイト作成〜言語変更方法
WordPressでWeb制作を行っていくためには、PC上で作業を行うためのローカル環境を準備する必要があります。そこで、本記事では、ローカル環境として使用するLocalbyflywheelのインストールとサイトの作成までの手順をご紹介させて頂いております。
Django CommandError: ‘アプリ名’ is not a valid app name. エラー対処法
命名規則とは、名前をつける際のルールになりますが、アプリ開発を行う上でも存在します。本記事では、PyhtonのWebフレームワークであるDjangoでアプリを作る際に発生した「CommandError: '○○○' is not a valid app name. 」というエラーの対処法をご紹介させて頂いております。
AWS AWS EC2インスタンスへSSH接続する方法 ( Mac )
示された手順通りに進めても、上手くいかないのは、困りますよね...。 そんな経験も交え、本記事では、AWSにてEC2インスタンス作成を行った際に、PC(Mac)からSSH接続を行う方法をご紹介させて頂いております。
Django プロジェクトの作成からサーバーの起動までの手順 : Django
本記事では、PythonのWebフレームワークであるDjangoにおいて、新規のプロジェクトの作成からサーバーの起動を行う手順をご紹介させて頂いております。 Windows , Mac限らず同様の方法で行うことが出来ますので、Djangoで開発を行う際は、覚えるようにしましょう。
Django TypeError at ✖︎✖︎ : argument 1 must be str, not PosixPath 対処法
本記事では、PythonのWebフレームワークであるDjangoの開発を行う上で、TypeError(argument 1 must be str, not PosixPath)が発生した際の対処法についてご紹介しております。一箇所修正するだけで解消できますので、サクッと修正してしまいましょう。
Django Djangoの開発環境を準備する手順 (Anaconda未使用)
本記事では、MacでのPyhtonのWebフレームワークであるDjangoの開発環境準備の手順をご紹介させて頂いております。 VScodeの準備及びPyhton3のインストールも併せて、載せておりますので、参考になればと思います。
Pyhton Python3のインストール手順 ( VSCodeでバージョン確認含む )
どうもウツボウです♪ 本記事では、MacのPC上で、Pyhton3をインストールする方法についてご紹介させて頂いております。コマンドの入力/確認などについては、VSCode(Visual Studio Code)を使...
Bootstrap Bootstrapで提供されているアイコンを自身のページで利用する上での手順
本記事では、CSSのフレームワークとしても多くのWebサイトやWebアプリケーションにて使用されているBootstrapにおいて提供されています「Bootstrap Icons (アイコン) 」を活用する方法をご紹介させて頂いております。 アイコンを設定したいが、手短かに準備したいと考えている方へオススメ致します。
Bootstrap Bootstrapの無料テンプレートを使用し、オリジナルテーマを作成する方法
本記事では、Bootstrapの無料テンプレートのダウンロード手順から、テンプレートを使用し、WordPressのオリジナルテーマを作成する方法までご紹介させて頂いております。また、ローカル環境につきましては、Local by fly wheel, MAMP, XAMPPのいずれも作業手順(リンク)を載せています。
CSS [ CSS ] box-shadowプロパティ デザインサンプル7選
本記事では、CSSプロパティの一つであるbox-shadowでHTML要素に影をつけたい場合に..どのように設定をすればいいかをサンプルコード(コピペ使用可能)を用いて、ご紹介させて頂いております。Web制作をしていく上で参考になればと思います。
CSS @font-face{} : 外部で公開されているフリーフォントをサイトへ適用させる方法
本記事では、様々なフォントを掲載している各サイトと外部で公開されているフリーフォント(Webフォント)をダウンロードし、「めもわーる」というフォントをサイトへ反映させる方法(@font-face{})をサンプルコードを交えながらご紹介させて頂いております。
CSS Gridを使って30分未満でオリジナルなレイアウトを作成する方法
本記事では、CSSにて公開されているGrid Layout(グリッドレイアウト)という技術を用いて、より効率的にサイトレイアウトを作成するための方法とサンプルコードを掲載させて頂いております。 通常のレイアウトの書き方に加えて、活用していくことで独自性のあるレイアウト作成が可能になります。
CSS [ モバイルファースト] WebサイトにレスポンシブWebデザイン適用する手順
本記事では、サイト制作をしていく上では必須ともいえるレスポンシブデザインの活用方法についてご紹介させて頂いております。 メディアクエリって何?? 使い方は?? など実際に講座を通して受けた質問内容を元に簡潔にまとめ、...
CSS AOSの使い方 : オシャレなスクロールアニメーションをサイトに実装する
本記事上では、サイトへAOS(Animate On Scroll Library)を活用したスクロールアニメーションの実装方法について、概要からサンプルコード/DEMOページの公開まで掲載させて頂いております。
...
WordPress AddQuickTagでアドセンス広告用のクイックタグを作成する方法
WordPressのプラグインの一つである「 AddQuickTag」を使って、アドセンス広告のタグを作成する手順をご紹介します。タグを作成することで、ワンクリックで配置したい箇所に広告を設定することが可能になります。作業の効率化にも繋がりますので、同じブロガーとしてもオススメです！
WordPress cocoon : タブに関するCSS(背景色・文字色・枠線・文字のフォント)をカスタマイズする方法
WordPressの無料テーマの中でも多くの方に使用されている「cocoon(コクーン)」で、フロントページの表示形式を「タブ一覧」に設定した際のタブの背景色・文字色・枠線・文字のフォントをカスタマイズする方法についてご紹介してます。実際に操作している動画も掲載してますので、参考になればと思います。
WordPress Local by fly wheel インストール & サイト作成〜言語変更方法
WordPressでWeb制作を行っていくためには、PC上で作業を行うためのローカル環境を準備する必要があります。そこで、本記事では、ローカル環境として使用するLocalbyflywheelのインストールとサイトの作成までの手順をご紹介させて頂いております。
WordPress [ WordPress 既存テーマ ] 検証ツールを用いて、CSSを独自でカスタマイズする方法
本記事では、WordPressの既存テーマを用いたコードカスタマイズ(今回は主にCSSデザイン)の際に、ブラウザの検証ツールを用いて現状で要素に割り当てられているCSSを確認/修正していく方法を各種ブラウザ( Safari , Google Chrome ...)における検証ツールの開き方に加えてご紹介させて頂いております。
WordPress wpForms : 「フォームを保存中に問題が発生しました」と表示される際の対処法
本記事では、WordPressのプラグインの一つでフォームの作成などで広く活用されているwpFormsのエラー対策についてご紹介させて頂いております。フォームの保存を行った際に「フォームも保存中に問題が発生しました」とエラーが表示される際の確認事項と実際に解決した例についてまとめておりますので、参考になれば幸いです。
Webサイト制作 SSL化されてない?? このサイトへの接続は保護されていませんと表示される時の対処法
本記事では、レンタルサーバーにアップしたサイトなどをSSL化した状態で、公開した際にURLがhttp://から始まり、「このサイトへの接続は保護されていません」と言われてしまう時の対処法について、ご紹介させて頂いております。 内容としては、編集すべきファイル(.htaccess)と追加記述内容についてになります。
WordPress Welcart Basic : トップページに追加した商品が表示されるようにする方法
本記事では、ECサイト制作にて多く用いられているWelcartの無料テーマ「Welcart Basic」を利用する上でトップページに追加した商品を表示させるための方法について、商品の追加方法 / プラグインのインストールなどもあわせて、ご紹介させて頂いております。
WordPress ブログ記事や固定ページでオシャレなポップアップ表示機能を実装 : Easy Fancy Box
WordPressを用いていく上で、必ず必須ではないものの、様々な機能の実装からSEO対策, エディタの変更まで幅広く活用されているプラグインですが、今回は、その中でも実装するうえで、通常であればJavaScript...
WordPress [ Sydney : 初心者必見 ] 子テーマの作成方法と重要性を理解する！(WordPress)
本記事上で使用するテーマは、Sydneyです。他のテーマでも子テーマの作成についても以下の手順で行って頂くことが可能ですが、カスタマイズ方法については、Sydneyのみに対応しております内容ですので、ご了承して頂ければと思います。
...