HTML構文チェックサービス【W3C無料公開サイト】
HTML文章をアップロードする
テキストエリアに記述する
正しい時
3のテキストエリアで参照の場合の正しいときは緑のテキストが下部に出る ...
HTML&CSSのコソ練【lesson1】
ロリポップでホームページを公開する【ロリポップFTP】
左のメニュー>サーバーの管理・設定>ロリポップ!FTP
フォルダ作成フォルダー名の記入アップロードアップロードする場所を選択>ファイルを選択(パソコンからのデーター:HTMLファイルやCSSファイルを指します)
アッ ...CocoonでYouTube画像の配置を中心揃えにするCSS
追加CSSに下記を追記する
.video-container {margin: 0px auto;}完成です!
ダミーテキストおすすめサイト
Paragraphs:段落数を指定
Display:Pタグをつけたりつけなかったり
意味のない文字列で構成されている
例Lor ...
フレックスボックスの配置CSS( justify-content)
ディスプレイフレックスのときの配置
右端に配置したいときの記入 justify-content: flex-end;使用例.navi{ display: flex; list-style-type: ...リセットCSSのURL(Normalize.css)
デフォルトのCSSより意図しないレイアウトになってしまう時に使用する。
style.css より上に配置する下記のコードを記入する
記入例<!DOCTYPE h ...リアルタイムプレビューのプラグイン(LivePreview)VSコード
divの代わりにspanを入れると改行しない
HTMLの時に意味をもたないタグのdivとspan
divは改行するdivを入れると改行されてしまう。
divはCSSで幅(width)と高さ(height)の指定ができます。
spanは改行しない...
flex boxの基本の使い方
flex boxには、コンテナとアイテムが必要。
コンテナとは大枠(ulなど)アイテムは中身(liなど)
※コンテナ要素がない場合はdivで作る
使い方の例クラスをそれぞ ...Cocoonの記事投稿を3列にする方法「カードタイプ縦型カード3列」にチェック!
Cocoon>インデックス
下にスライド>「カードタイプ」を縦型カード3列にチェックを入れるCocoonの記事内画像の中心揃えにする追加CSS記述
左揃えで、記事作成の時にも中心揃えにならないので追加CSSに記入して直す。
追加CSSに記入した内容.entry-content img{margin:auto;display:block;}.wp-caption{margin ...さくらサーバのデーター5Mのアップロードサイズ容量制限を上げる方法
さくらサーバーのデフォルトでは、画像や動画が5Mまでと、はねられることが多いので上げてみる。
PHP.ini設定スクリプト設定 > PHP.ini設定 >php iniファイルパス
下記を記入する。 ...
【プレミアプロ】動画を個々にサイズ変更する場所
個々のレイヤーごとにサイズを変える方法
スケールをスライドする編集>エフェクトコントロール>スケール
PiyoさんのTOP画像を、風船と別々に動かすCSSの記述
メッセージ 部分に記入した内容
/*別タブで開く*/<a href="リンク先URL" target="_blank"><img class="hiyokosan" src="画像のURL"></ ...PiyoさんのTOP画像を一方的に上に動かすCSSの記述
メッセージ 部分に記入した内容
<a href="リンク先URL"><img class="piyopon" src="画像のURL"></a>追加CSSの記入img.piyop ...NFTアートを始めるのに必要なサイト
NFTの文字列は人に教えちゃダメ!!
イーサリアムアドレス(これは入金などの時にひとにおしえてOK )
2.実際に取引をするプラットフォームOpenSe ...フォントを追加するプラグインWordPress
日本語フォントJapanese Fon ...
WordPressのコピペ防止プラグイン「WP Content Copy Protection & No Right Click」
コピペができなくなるプラグイン
無料でも十分!さらに設定したいときはプロバージョンで!
試してみてね!
Youtubeでタイムテーブルを出す方法
ちなみにVSEO的に下記のタグにはたくさん入れたほうがいい
説明部分の中にタイムテーブルを書き込む説明の部分に下記のように ...
reCAPTCHAでスパムメールを撃退
これだよ。
reCAPTCHAページ下記のページでV3を取得
サイトキーとプロテクトキーをワードプレスに入れる
ワードプレスで設定リロード>ワードプレス管理画面>お問い合わせ>インテグレション>re ...
GAの内部リンク確認、ユーザー回遊の確認
ユーザー>ユーザーフロー>良く使われるディメンションと指標>ランディングページ
複数のページの回遊の一覧ができる、人数なども確認できる
施策1内部リンクが機能しているか見 ...
GA自身のサイトの流入元を確認
自身のサイトにどこから来ているかわかる
Googleアナリティクス集客>概要
それぞれの項目を押すと詳細の流入元が出る
施策1流入元の多いページの投稿を頑張ってみる
施策2...
GA離脱ページ確確認
このページから離脱したページがしたことが分かる
Googleアナリティクス行動>サイトコンテンツ>離脱ページ
確認1意図したところに離脱しているか(購入ページなど)
施策2課題解決 ...
GAランディングページ確確認で流入と回遊を増やす
行動>サイトコンテンツ>ランディングページ
流入の起点となるページを確認できる
施策1流入ページに近いキーワードで記事を量産
施策2ページリンクの多い記事 ...
日本語がないお問い合わせ送信を拒否にする設定(contact form7)
クライアントさまのお問合せフォームに迷惑メールがすごく多いので対応してみた。
※昨日、ロシアからの流入拒否を試みたがなんかうまくいってない…ここは後日考える。
以下のコードをプラグインのfancti ...ロリポップでCMSの管理画面など。海外からアクセスできなくする
クライアントが以前乗っ取られたことがあるとのことなので、無料で出来るセキュリティーを強化してみる
調べたところロリポップの機能であるらしい。ので設定をする。
セキュリティー>海外アタックガード以下の感じらしい。 ...
SWELLで求人募集を作成時のContact Form 7のレイアウト調整【追加CSSとContact Form 7記入内容】
Contact Form 7を使用すると、ワードプレスのテーマの仕様とおそらくバッティングかもで、チェックボックスとラジオボタンが縦並びになるのを回避。
今回は、 ...
WordPressで公開前の記事を外部と共有出来るプラグイン【Public Post Preview】
外部確認を許可するにチェックを入れると>urlがでてくる
このurlをクライアントなどと共有しよう!
WordPress内の検索状況を調べるプラグイン【Search Meter】
管理画面の左側>ダッシュボード
英語です。計測前なので、この状態になっています。
日本語翻訳にしました。
100回検索されると違うデータ ...【WordPress luxeritas】投稿、固定ページで新規作成できないエラー。(このサイトで重大なエラーが発生しました。)
下記のエラーメッセージが出た。
このサイトで重大なエラーが発生しました。対応手順については、サイト管理者のメール受信ボックスを確認してください
Wordpres表示順の入れ替えが出来る!プラグイン【Intuitive Custom Post Order】
このプラグインを入れて有効化しよう。
設定設定>並び替え設定>すべてを選択>更新
使い方投稿ページや固定ページからドラックで順番を入れ替えると、投稿の順番も ...
ロリポップのログインが出来ない時【セキュリティー解除の場所】
普段の異なる環境から入ろうとすると、認証メール確認が必要なデフォルトの設定を解除する場所
セキュリティー的にはあったほうがいいけれど、クライアントのサーバーに入って作業するときなど、一時設定をは ...
ロリポップサーバーで独自(無料)SSL設定する方法(httpsにする方法)
無料で出来る、httpsの設定。
セキュリティー>即時SSL証明書導入
SSLにしたいドメインの頭のチェックボックスにチェックを入れて>独自SSL(無料)を設定するをクリック
※画像は ...
ロリポップサーバーで独自ドメインを登録する方法
サーバーの管理・設定>独自ドメイン設定>ステップ2
設定する独自ドメインを記入>公開(アップロード)フォルダを記入>独自ドメインをチェックする
公開(アップロード)フォルダを空欄にしては行けない!ロリポップサーバーで公開(アップロード)フォルダを空欄にすると、すべての登録urlで同じ内容が表示されてしまう。
サーバー内の「フォルダ」
登録するドメインに対してのフォルダでドキュメントルートの下の階層のディレクトリとなる。
※公開されるURLに/フォルダー名がつくものではない!これで公開 ...
ムームードメインのネームサーバ設定変更
今回はロリポップのサーバー登録をするよ!
ネームサーバー変更の場所ドメイン管理>ドメイン操作>ネームサーバ設定変更
コントロールパネルロリポップを選んでOKを押す2〜3日かかることもあるみたいです。
さくらサーバーで無料SSLの設定方法(Let’s Encrypt)
最初に設定をすれば、リダイレクトなどの作業が減るので最初にSSL化するのがオススメ。
ドメイン>SSL登録設定を始めるSSL証明書の種類を選択Let’s Encrypt>利用するドメイン設定後すぐに設定すると出来ない ...SWELLでContact Form 7のレイアウト調整【追加CSSの記入内容】
コンパクトに左寄りになったレイアウトを修正。時間ができたら再修正する。とりあえず。
元の状態のスクショはとってないです💦
追加CSSに加えた内容.wpcf7{p ...さくらサーバーでドメイン直下でワードプレスサイトを表示させる方法
(例えば)
このURLにしたい(直下)→hoge.com
これにしろと言われる→hoge.com/wp1 とか
ロリポップでは、大丈夫なのに…。ドメイン長くしたくないんよ。
ド ...