//AdSenseにリンク

server

他で取得したドメイン

わたしの場合お名前ドットコムで取得した。（お名前ドットコムは、さくらサーバー、エックスサーバーなど購入時ワンクリックでネームサーバーを設定してくれるのでお名前ドットコム側での作業は不要である）

ドメイン/SS ...

Cocoon,WordPress

設定>メディア

設定>メディア

サムネイルのサイズを、幅・高さともに同じ値にします。

「サムネイルを実寸法にトリミングする」にチェック。

Cocoon設定>画像（タブ）>全体画像設定>サムネイル画像

サ ...

JavaScript

配置とは

複数の値を 1 つの変数の中に格納する仕組みのこと。配列の中の 1 つの値を 要素といいます。配列の中の順番を示すインデックスを与えることで要素を参照する ことができる。

let 配列名　＝　　[値１、値２、値３ ...

未分類

Live Serverとは VSCodeの拡張機能 。ワンクリックでブラウザが開く！さらに自動でブラウザが更新される便利ツール。

JavaScript

for文とは

処理を特定の回数だけ繰り返すという命令⽂

for(初期化処理; 条件式; 後処理){ 条件式がtrueの時に実行させたい処理;}例<body>　　<script> 　　　let loop = ...

JavaScript

while文とは

条件が満たされている間じゅう同じ処理を繰り返す命令文

while(条件式){ 条件式がtrueの時に実行させたい処理；}例<body>　　<script> 　　　let loop = tr ...

JavaScript

確認ダイアログを表示するスクリプト。OKボタンとキャンセルボタンが付いたダイアログが表示される。

JavaScript

switch文とは

if文の多分岐処理と同じように値に応じて処理を分岐が可能。

switch(式){ case 値1: 処理1; break; case 値２:　　　　　処理2; break; default: 処理3; brak ...

css,JavaScript

：（コロン）と；（セミコロン）

コーディングで、どこにコロンでどこにセミコロンか理解をするために意味を調べてみた。

：（コロン）は途中区切り

コロンの意味は「つまり」、「例を挙げれば」

「:」の後に具体例

「:」は主 ...

css

ブロックレベルとは

コンテンツをボックスで表現するという考え方。

全体の領域を占領する
前後に改行が入る
新しい行から始まる
インライン要素とはコンテンツの領域のみ占領する
幅と高さを指定できない
上 ...

JavaScript

多分岐処理の繰り返し

より多くの分岐を行う多分岐処理は「else if」文を繰り返す。

復習
「else-if文」→プログラムで分岐処理を実装するには「if」という命令文を使い、より多くの多分岐の場合「else if ...

SWELL,WordPress

SWELLのテーマでPCの時はマウスオーバーしたときにサブメニューを表示、スマホではアコーディオンでメニューが表示される方法を調べた。

未分類

Amazonアソシエイト・プログラムとは

Amazonで販売されている商品・サービスが対象の成果報酬型のアフィリエイト

Amazonギフト券でのお支払いをご希望の場合は、各月終了時の紹介料金額が500円以上である。

JavaScript

多分岐処理

ある条件を満たした場合と満たさない場合で異なる処理をすること

else-if文

プログラムで分岐処理を実装するには「if」という命令文を使い、より多くの多分岐の場合「else if」を繰り返す

「もし〜 ...

html,WordPress

「http://」で始まるURLでアクセスされた場合、強制的に「https://」のURLに飛ぶようにサーバーへ設定する方法。

FTPに入る

「FTPソフト」もしくは「ロリポップ！FTP」を利用します。

「.htacc ...

WordPress

今回はドメイン会社は変えないで、サーバー会社を変える方法

契約しているサーバーでは、SSLが有料のものしか対応していない＆値段が高いために引っ越しをする。

サーバー変更の順番他のドメインでサンプルサイトを作成
新しいサーバー ...

JavaScript

分岐処理とは

ある条件を満たした場合と満たさない場合で異なる処理をすること

if文

プログラムで分岐処理を実装するには「if」という命令文を使う。

「もし〜だったら✗✗する」

if(条件式){ 条件式がtru ...

SEO

表示回数が多いけど、クリック数が少ないもの改善を考えると、SEO改善の効果が早く出やすい。

JavaScript

書き方2つ1. htmlのbody内（埋め込み）

body終了タグの直前に記述。

<body><script>document.write("JavaScriptのhtml内記述");</script ...

JavaScript

制御⽂は以下の3つの種類

プログラムの処理の流れを制御する命令⽂のことを制御⽂と⾔う。

順次
分岐
繰り返し

3種類の制御⽂を組み合わせてプログラムを記述する

JavaScript

論理演算⼦

論理演算⼦とは、「かつ」や「または」のように複数の条件を組み合わせる場合に使⽤

&&（論理積）　aとbが共にtrueの場合true（a && b）
||（論理和）　aとbのいずれか ...

JavaScript

比較演算子

比較演算子とは、値の大小関係を比較する演算子。
※比較の結果は true または false の真偽値型の値になります。

>　aがbよりも⼤きい場合true（a > b）
>=　aがbよ ...

JavaScript

代⼊演算⼦

「=」のように変数に値を代⼊する時に使⽤する演算⼦を代⼊演算⼦と⾔う。
※「=」のように代⼊するだけでなく、変数の値と演算をしつつその結果をまたその変数に代⼊する、とい
った演算⼦もある。

= 代⼊ a ...

JavaScript

算術演算⼦

四則演算で使う「+」のような記号を算術演算⼦と⾔います。
※四則演算以外にも演算⼦がある。

加算（⾜し算） aとbの和 （a + b）
減算（引き算） aとbの差（ a ‒ b）
乗算（掛け算） a ...

JavaScript

データ型とは値の種類のこと。以下の4つの種類⽂字列
数値
真偽値
オブジェクト

変数にはこれらのデータ型の値を保存することができる。

JavaScript では、値を変数に代⼊した際に変数のデータ型 ...

JavaScript

プログラミング⾔語では、データをメモリに覚えておき、欲しい時にその値を取り出す。

⼤きなメモリ領域のどこにその値を保存したかを思い出せるようにつけた印のことを変数と⾔う。
「データを⼊れる箱」と例えられます。

JavaScript

JavaScript基本の記述<body><script>let i1 = 10;document.write(i1);</script></body>答え

10

HTML⽂書 ...

css

classとは

classはページで複数使用が可能
※idはページで1回しか使えない

要素の特性を表すものを値するので、class名が重複してもOK

複数の値が指定もOK
※idは複数の値を指定で ...

css

idとは

ページ内の1つの要素にだけスタイルを適⽤したい場合に使⽤。

CSSには「#id名」で記述する。

～id.htmlの拡張子で保存<head><link href="～id.css" rel="sty ...

css

CSS基本の記述p {color : blue;}

{ }で囲う（ 宣⾔ という）
宣⾔の中に「プロパティ:値」の形式
l宣⾔の終わりにはセミコロン（;）
複数の宣⾔を記述することもできる。

調整を入れた基 ...

css,html,未分類

とりあえずこれだけは覚えておきたいショートカットや超基本の使い方。

html,WordPress

ワードプレスの画像やテキストをセンター（中心）配置するコード

Cocoon,WordPress

Wordpressのコクーンでイラスト付きのメニューを設定する方法だよ。

Power Automate,未分類

Webオートメーション

Webオートメーション＞webフォーム入力＞新しいChromeを起動する

とりたいURLを「初期URL」に記入する

Webデータweb抽出

Webデータweb抽出＞webページからデーターを ...

WordPress

ワードプレス背景を動かすアニメーションを追加CSSに記入

Cocoon,html,WordPress,プラグイン

完成形お問合せフォーム【Contact Form 7】のカスタマイズ

このプラグインのカスタマイズ

デフォルトのページ

もう少し分かりやすくカスタマイズ

場所

お問い合わせ＞コンタクトフォーム

新規作成

WordPress

ワードプレス背景を動かすアニメーションを追加CSSに記入

Cocoon,WordPress

ワードプレス各記事の一番上にくる目次（キャプション）を表示しない【Cocoon設定】

Cocoon,WordPress

「この記事は〇分で読めます」を表示しない【Cocoon設定】

投稿ページ 、固定ページにある下記の管理画面から「読むページを表示しない」のチェックを外す

WordPress,プラグイン

お問合せフォーム【Contact Form 7】の設定方法

プラグイン＞有効にする

お問い合わせ＞コンタクトフォーム

デフォルトで用意されている「コンタクトフォーム１」＞編集

そのまま右側にある「保存 ...