//AdSenseにリンク

html

HTML検証サービスW3Cが公開している無料サービスMENUURLで検証する
HTML文章をアップロードする
テキストエリアに記述する
正しい時

3のテキストエリアで参照の場合の正しいときは緑のテキストが下部に出る ...

css,flexbox,html

完成図HTML<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"><title>lesson1 site</ ...

server

左のメニュー>サーバーの管理・設定>ロリポップ!FTP

フォルダ作成フォルダー名の記入アップロード

アップロードする場所を選択>ファイルを選択(パソコンからのデーター:HTMLファイルやCSSファイルを指します)

アッ ...

Cocoon,css,WordPress

Youtube画像を中心に配置するCSS

追加CSSに下記を追記する

.video-container {margin: 0px auto;}

完成です!

html,WordPress

文字数や段落を意味のない文章で構成してくれるサイトNumber:文字数を指定
Paragraphs:段落数を指定
Display:Pタグをつけたりつけなかったり

意味のない文字列で構成されている

Lor ...

css

justify-content

ディスプレイフレックスのときの配置

右端に配置したいときの記入 justify-content: flex-end;使用例.navi{ display: flex; list-style-type: ...

css

デフォルトCSSの初期値をリセットしてくれるCSS

デフォルトのCSSより意図しないレイアウトになってしまう時に使用する。

style.css より上に配置する

下記のコードを記入する

記入例<!DOCTYPE h ...

html,プラグイン

LivePreviewフォルダーを開くhtmlを右クリックでLivepreview:show Previewリアルタイム表示される

css,html

HTMLの時に意味をもたないタグのdivとspan

divは改行する

divを入れると改行されてしまう。

divはCSSで幅(width)と高さ(height)の指定ができます。

spanは改行しない

...

css,html

flex boxで横並びにするには

flex boxには、コンテナとアイテムが必要。

コンテナとは大枠(ulなど)アイテムは中身(liなど)

※コンテナ要素がない場合はdivで作る

使い方の例クラスをそれぞ ...

Cocoon,css,WordPress

このように横に3列並ぶ方法設定の場所

Cocoon>インデックス

下にスライド>「カードタイプ」を縦型カード3列にチェックを入れる

Cocoon,css,WordPress

左揃えで、記事作成の時にも中心揃えにならないので追加CSSに記入して直す。

追加CSSに記入した内容.entry-content img{margin:auto;display:block;}.wp-caption{margin ...

server,WordPress

5Mの制限

さくらサーバーのデフォルトでは、画像や動画が5Mまでと、はねられることが多いので上げてみる。

PHP.ini設定 

スクリプト設定 > PHP.ini設定 >php iniファイルパス

下記を記入する。 ...

PremierePro

個々のレイヤーごとにサイズを変える方法

スケールをスライドする

編集>エフェクトコントロール>スケール

css,WordPress,未分類

アピールエリア

メッセージ 部分に記入した内容

/*別タブで開く*/<a href="リンク先URL" target="_blank"><img class="hiyokosan" src="画像のURL"></ ...

css,WordPress,未分類

アピールエリア

メッセージ 部分に記入した内容

<a href="リンク先URL"><img class="piyopon" src="画像のURL"></a>追加CSSの記入img.piyop ...

NFT

1.NFTを始めるにあたっての準備MetaMask(メタマスク)

NFTの文字列は人に教えちゃダメ!!

イーサリアムアドレス(これは入金などの時にひとにおしえてOK )

2.実際に取引をするプラットフォームOpenSe ...

WordPress,プラグイン

Googleが提供するWEBフォントを利用できるEasy  Google Fonts「外観」>「カスタマイズ」>「Typography」>「Defaulo Typography」>フォント変更
日本語フォントJapanese  Fon ...

WordPress,プラグイン

WP Content Copy Protection & No Right Click

コピペができなくなるプラグイン

無料でも十分!さらに設定したいときはプロバージョンで!

試してみてね!

SEO

下記のようなタイムテーブルを出す方法です投稿画面のすべてを表示をひらくチャプターの自動生成にクリック

ちなみにVSEO的に下記のタグにはたくさん入れたほうがいい

説明部分の中にタイムテーブルを書き込む

説明の部分に下記のように ...

WordPress

これだよ。

reCAPTCHAページ

下記のページでV3を取得

サイトキーとプロテクトキーをワードプレスに入れる

ワードプレスで設定

リロード>ワードプレス管理画面>お問い合わせ>インテグレション>re ...

SEO

ページの確認Googleアナリティクス 

ユーザー>ユーザーフロー>良く使われるディメンションと指標>ランディングページ

複数のページの回遊の一覧ができる、人数なども確認できる

施策1

内部リンクが機能しているか見 ...

SEO

ページの場所

自身のサイトにどこから来ているかわかる

Googleアナリティクス 

集客>概要

それぞれの項目を押すと詳細の流入元が出る

施策1

流入元の多いページの投稿を頑張ってみる

施策2

...

SEO

離脱ページの確認

このページから離脱したページがしたことが分かる

Googleアナリティクス 

行動>サイトコンテンツ>離脱ページ

確認1

意図したところに離脱しているか(購入ページなど)

施策2

課題解決 ...

SEO

流入ページの確認Googleアナリティクス 

行動>サイトコンテンツ>ランディングページ

流入の起点となるページを確認できる

施策1

流入ページに近いキーワードで記事を量産

施策2

ページリンクの多い記事 ...

SWELL,WordPress,プラグイン

迷惑メール対策です

クライアントさまのお問合せフォームに迷惑メールがすごく多いので対応してみた。

※昨日、ロシアからの流入拒否を試みたがなんかうまくいってない…ここは後日考える。

以下のコードをプラグインのfancti ...

server

クライアントが以前乗っ取られたことがあるとのことなので、無料で出来るセキュリティーを強化してみる

調べたところロリポップの機能であるらしい。ので設定をする。

セキュリティー>海外アタックガード

以下の感じらしい。 ...

SWELL,WordPress,プラグイン

Contact Form 7を設置したときのレイアウトを直す

Contact Form 7を使用すると、ワードプレスのテーマの仕様とおそらくバッティングかもで、チェックボックスとラジオボタンが縦並びになるのを回避。

今回は、 ...

WordPress,プラグイン

Public Post Previewのプラグインを入れて有効化する投稿作成画面の右側

外部確認を許可するにチェックを入れると>urlがでてくる

このurlをクライアントなどと共有しよう!

SEO,WordPress,プラグイン

Search Meterのプラグインを入れて有効化する表示される場所

管理画面の左側>ダッシュボード

英語です。計測前なので、この状態になっています。

日本語翻訳にしました。

100回検索されると違うデータ ...

luxeritas,WordPress

luxeritasで新規作成が出来ない、エラーメッセージ

下記のエラーメッセージが出た。

このサイトで重大なエラーが発生しました。対応手順については、サイト管理者のメール受信ボックスを確認してください

WordPress,プラグイン

Intuitive Custom Post Order

このプラグインを入れて有効化しよう。

設定

設定>並び替え設定>すべてを選択>更新

使い方

投稿ページや固定ページからドラックで順番を入れ替えると、投稿の順番も ...

server

メール確認が必要な設定を解除

普段の異なる環境から入ろうとすると、認証メール確認が必要なデフォルトの設定を解除する場所

セキュリティー的にはあったほうがいいけれど、クライアントのサーバーに入って作業するときなど、一時設定をは ...

server

独自SSL設定

無料で出来る、httpsの設定。

セキュリティー>即時SSL証明書導入

SSLにしたいドメインの頭のチェックボックスにチェックを入れて>独自SSL(無料)を設定するをクリック

※画像は ...

server

独自ドメイン設定

サーバーの管理・設定>独自ドメイン設定>ステップ2

設定する独自ドメインを記入>公開(アップロード)フォルダを記入>独自ドメインをチェックする

公開(アップロード)フォルダを空欄にしては行けない!

server

公開(アップロード)フォルダとは

サーバー内の「フォルダ」

登録するドメインに対してのフォルダでドキュメントルートの下の階層のディレクトリとなる。

※公開されるURLに/フォルダー名がつくものではない!

これで公開 ...

server

今回はロリポップのサーバー登録をするよ!

ネームサーバー変更の場所

ドメイン管理>ドメイン操作>ネームサーバ設定変更

コントロールパネルロリポップを選んでOKを押す

2〜3日かかることもあるみたいです。

server

最初に設定をすれば、リダイレクトなどの作業が減るので最初にSSL化するのがオススメ。

ドメイン>SSL登録設定を始めるSSL証明書の種類を選択Let’s Encrypt>利用するドメイン設定後すぐに設定すると出来ない ...

SWELL,WordPress,プラグイン

Contact Form 7を設置したときの左寄りを直す

コンパクトに左寄りになったレイアウトを修正。時間ができたら再修正する。とりあえず。

元の状態のスクショはとってないです💦

追加CSSに加えた内容.wpcf7{p ...

server

ドメイン直下とは

(例えば)

このURLにしたい(直下)→hoge.com

これにしろと言われる→hoge.com/wp1 とか

ロリポップでは、大丈夫なのに…。ドメイン長くしたくないんよ。

ド ...