JavaScriptとCSSで画像をクリックすると回転して2枚目を表示してテキスト表示は1/2でランダム
画像にCSSのクラス名最初を「trt2」2枚目を「trt3」を入れた
結果
結果
<p>結果</p><p id="result2">結JavaScript画像をクリックするとランダムな結果をテキストで返してくれる
一番左の画像だけ1/2のランダムで返信されます
画像にCSSのクラス名全部「trt2」を入れた
結果
結果
<p id="result">JavaScript画像をクリックすると結果をテキストで返してくれる。
画像にCSSのクラス名３枚とも「trt1」と入れた
結果
結果
<p id="result">結果</p><p id="result1">動画の容量を軽くする方法ーPremiere Pro
Premiere Proを起動し「新規プロジェクト」
タイムラインにドラックして入れます。
ファイル＞書きだし＞メディア
書き出し設定のプリセット＞「ソースの一致ー中速ビットレ ...
creemaで販売を一時休止と販売再開にする方法
minneで販売を一時休止と販売再開にする方法
Amazonで販売を一時休止と販売再開にする方法
右上の歯車マーク＞出品用アカウント情報
＞休止設定
＞編集
＞スライドさせて＞保存
Cocoonのトップページのリードにタグを表示させる方法
この様にカテゴリー下にタグを表示させる方法です。
サーバーを開いてコピぺ親テーマのentry-card.phpファイルを子テーマのディレクトリにコピぺ
コピーするもの/wp-content/the ...
GA4で時間別流入数を調べる方法
探索＞自由形式
変数ディメンションディメンション＞時刻の中の時間の「時間」
指標指標＞表示回数
タブの設定ビジュアリテーションビジュアリゼーション＞テーブル
ビジュアリテーションビジ ...
WordPressのテーマ作成方法①テーマフォルダを格納と表示する
名前がテーマ名になる。
以下を全部格納する。
2. index.phpをつくる中身はhtml。
フォルダーに格納。
3. style.cssをつくる下記を記入。
GA4でオーガニック流入のPVを見る（データ探索で＞経路探索）
探索＞
データー探索＞
経路データー探索日にちを選択セッションとPVの数値が取れるセグメントセグメント横のプラスボタンを押す
セグメントセッションセグメント
オーガニックを選択GA4で全体のPVを見る（データ探索で＞経路探索）
探索＞
データー探索＞
経路データー探索日にちを選択セッションとPVの数値が取れるVLOOKUP関数の構文
［範囲］ … どこを検索して（別シートの一番上の英語の範囲を選択（A ...
ハンバーガーメニューのコード（CSSで制作）
TOPメニューを固定する追加CSS【WordPress】
TOPメニューに固定する機能がないときに下記を記入で固定される。
追加CSSで下記を記入@media screen and (min-width: 769px) {#primary-menu {z-index: 9999;pos ...ページごとの背景を変えるCSS（WordPress）
メディアのファイル分けが出来るプラグイン【FileBird Lite】
画像のフォルダー分けが出来るので再び使うときに楽♪
使い方新規追加＞インストール＞有効化
これで使えます！
SWELLのデザインきせかえプラグイン
ZIPファイルを解答して使います
プラグインをインストールCustomizer Export/Importをインポート
Customizer Export ...ひらがなでログインのプラグイン[SiteGuard WP Plugin]
不正ログイン対策のワードプレスプラグインです。
ひらがな入力欄が増えます。
ログインのURLが変わるので注意！こちらのURLを入れるとログインURLが変わるので注意しましょ ...
PremierPro初期設定
場所は、出来れば「D:ドライブ」に格納する。
プレビューキャッシュは、「ソフトウエア処理」以外の項目が選べる場合はそちらを選ぶ（処理が早くなる）
シーケンスファイル＞新規＞シーケンス
AVCHD ...サイドにメニューを表示の追加CSS
【After Effects】練習基礎
Vを押す
書き出し範囲設定Nを押す
書き出しAfter Effectsで書き出せる動画形式は
・Quick Time(MOV)
・Video for Windows(AVI) ...
【After Effects】テキストアニメ練習２
文字の記入
アニメーター＞歪曲テキストの横のアニメーター＞歪曲とスケールを足す
歪曲20％
アニメーター＞スケールスケール90％
範囲セレクター範囲セレクター＞開始0%、終了10 ...
【After Effects】テキストアニメ練習１
壁に激突して飛んでいく
完成作り方文字を書く
トランスフォーム＞アンカーポイントを中心に
文字をだんだん大きくするトランスフォーム＞スケール＞タイムウォッチ＞最初０％＞１秒でスケールを100％＞50 ...
HTML＆CSS練習レスポンシブ【lesson5】
【object-position】ボックス内で位置指示
50% 50%
使用例object-position: 50% 50%;object-position: right top;object-position: left bottom;置換要素がボックス外にはみ出る ...
【object-fit】コンテナにはめ込むレイアウト指示
imgやvideoの中身をコンテナにはめ込む指示
object-fit: contain;object-fit: cover;object-fit: fill;object-fit: none;object-fit: scale ...CSSビューポート（vw、vh、vmin、vmax）と、中心に配置
メディアクエリの目安サイズと書き方
「max-width」と「min-width」で記入
headに書く方法<link rel="stylesheet" href="hoge1.css" type="text/css" media="screen and ( ...【calk】計算値で指定CSS-レスポンシブに便利
width, margin, padding, font-size, border-width, background-position, text-shadow, transfor ...
flexboxアイテム拡大縮小【flex-shrink、flex-glow】
余白をどのように各アイテムに配分するか設定
（空白部分が均等に配置のため、各アイテムが均等サイズになるわけではない。各アイテムにプラス均等余白サイズがたされる）
初期値:0flex-glowでレスポンシブ対応にする
flexboxアイテムのトータルサイズが、コンテナのサイズより不足している場合にその余白をどのようにflex配分するかを設定できるプロパティ。
簡単にレスポンシブにするにはフレック ...flex-basisで横幅や高さを設定する
初期値はautoになっている。
フレックスアイテムの数値を設定できるflex-direction: row(横並び)flex-basisの値＝widthの値
.flex-item{width: 120px;}.fle ...flex-flowでまとめて省略記述できるがflexboxの値が初期値に戻る
例
flex-direction: column;flex-wrap: wrap;上記を下記のようにまとめることができる
flex-flow: column wrap;ショート ...
HTML＆CSSのコソ練【lesson2】
OneDrive通知と同期を解除する方法
知らないうちに動悸されて、このようにくる通知と同期を解除する方法
右下の雲マークを押す右下の雲マークを押す
ヘルプと設定
設定
別ウィンドウで下記のものが開く ...
GooglemapのHTML埋め込み方法
URLをウェブサイトに貼り付けて完成！
CSSカラー番号の参考サイト
googleでカラーピッカーと検索＞好きな場所にドラックする＞カラー番号が表示
Adobeカラーカラーの組み合わせが一覧で見れる
Cocoonでサイドバーコンテンツを全て中心揃えにするCSS
追加CSSに下記を追記する
#sidebar{text-align:center;}完成です！
CSS構文チェックサービス【W3C無料公開サイト】
左から順番に
URLで検証するHTML文章をアップロードする
テキストエリアに記述する
正しい時
見やすく表示もしてくれる
エラーの時...