mitumine
-
-
アフィンガー6でトップページ以外でサイドバーに表示されてしまう「新着記事一覧」を非表示にしたい
2025/1/5 ホームぺージ関連
アフィンガー6でトップページ以外でサイドバーに表示されてしまう「新着記事一覧」を非表示にしたいと思った ウェジェットで消してるのになぜか表示されるので調べたら別の所で表示設定があったので忘れないように ...
-
-
「続きを読む」を押すと下にサッと文字が出てくる処理(JavaScript)
2025/1/5 ホームぺージ関連
「続きを読む」を押すと下にサッと文字が出てくる処理の実装です。 JavaScriptを使って実装させております。 文章はChatGPTに頼んだ… JavaScriptの[offset_height]は ...
-
-
画像にリボンをつけよう
2025/1/11 ホームぺージ関連
画像の左端にリボンを付けておしゃかわにしましょう Cat 参考サイト：https://adatype.co.jp/info/archives/staff_blog/24
-
-
画像サイズがバラバラだがすべて均一に綺麗に表示させたい場合
2025/1/11 ホームぺージ関連
例えば商品一覧など横並びに4つ並べて表示させたい場合 しかし用意された画像が全部バラバラで統一してくれない そんな場合の処理になります。 imgタグのクラスに「img-fit」を追加して対応しておりま ...
-
-
Animate It!を使って動的なアニメーション再生をしよう
2025/1/11 ホームぺージ関連
ある程度コンテンツが見えたら、フェードインして表示させたい。 しかしそれだとCSSだけで実装できないし、JavaScriptはわからない。 そんな場合「Animate It!」と言うワードプレスプラグ ...
-
-
スマホ・タブレットにて横向きにしてサイトを見られたくない場合の処理
2025/1/5 ホームぺージ関連
サイト作成していると横向きで見られたくない(対応が面倒)な時があります。 横向きになった場合に、ウィンドウを出して「横向き対応してません」と表示して見せないようにします。 本ページでは実際に横向きにし ...
-
-
変数でフォントサイズ等の情報を一括管理するCSS変数（カスタムプロパティ）
2025/1/5 ホームぺージ関連
CSSにてフォントサイズを修正する時に一括で変えたい時があると思います。 CSS変数（カスタムプロパティ）というのがあるのでそれを使います 参考サイト：https://qiita.com/taqumo ...
-
-
absoluteで上下左右中央表示する
2025/1/5 ホームぺージ関連
absoluteで上下中央表示する。 いつも調べてコピペしてるのでこちらでも記録しておくことにする 参考サイト：https://qiita.com/ushi_osushi/items/d9f0c899 ...
-
-
PCだけスマホだけ表示させたい場合
2025/1/5 ホームぺージ関連
PCだけスマホだけ表示させたい場合があります。 iPad min未満をスマホ表示として表示させたいという感じで処理を書いてます 参考サイト：https://csshtml.work/sp-displa ...
-
-
アフィンガー6のヘッダーコンテンツに動画を入れたい場合
2025/1/11 ホームぺージ関連
アフィンガー6のヘッダーコンテンツに動画を入れたい場合の覚え書き。 どうやらEX版では簡単に実装できるようですが、EX版は持ってないのでPHPとCSSをいじることで実装します。 PCとスマホ対応のみし ...
-
-
[LeaderLine]JavaScriptで要素間を線でつなげるライブラリ
2025/1/5 ホームぺージ関連
要素間を線でつなげるライブラリになります。 お仕事で使うことがあったので忘れないように記載 参考サイト：https://anseki.github.io/leader-line/
-
-
画像を横に無限ループさせる方法(JavaScript)
2025/1/11 ホームぺージ関連
画像を横に無限ループさせる処理をJavaScriptで実装します。 自作なので色々と不具合等あると思います。 [animation]を使わないのはなぜかと言うと、画像が表示されない（存在はしてる）状態 ...
-
-
横幅と連動して文字のサイズを変更するようにしよう
2025/1/5 ホームぺージ関連
横幅と連動して文字のサイズを変更するように調整します。 条件として各フォントサイズの指定は「REM」で指定することが必須になります。 また、文字が大きくなりすぎないように、小さくなりすぎないように、「 ...
-
-
自作でホップアップ処理を作る
2025/1/11 ホームぺージ関連
振り向きねこちゃん Creator Name: ふゆ ラインスタンプ 寝そべりねこちゃん Creator Name: ふゆ ラインスタンプ どすけべねこちゃん Creator Name: ふゆ ライン ...
-
-
【WordPress】自動で挿入される＜p＞タグや＜br＞タグを無効化する方法
2025/1/5 ホームぺージ関連
仕事をしていると謎の改行やpタグが入りデザインが崩れることがよくあります。 今まではCSSで誤魔化してましたがいい加減邪魔になってきたので無効化することにしております。 ただ[br]も無効化されるのが ...
-
-
[FileBird Lite]を使ってメディアファイルをフォルダ分けしよう
2025/1/5 ホームぺージ関連
[FileBird Lite]プラグインを使ってメディアファイルをフォルダ分けします。 メディアファイルの数が多くなると管理が大変になりますが、フォルダ分けをすることで管理が楽になります。 参考サイト ...
-
-
[SyntaxHighlighter Evolved]でコードを簡単に表示させる
2025/1/5 ホームぺージ関連
[SyntaxHighlighter Evolved]プラグインを使って簡単にコードをホームぺージ上に表示することが可能です。 通常[pre]を使って表示させると思いますが、うまくいった試しがないし空 ...
-
-
[canvas]要素の上にHTML記載で文字や画像を載せる方法
2025/1/5 ホームぺージ関連
[canvas]要素の上にHTML記載で画像や文字を入れたい場合の処理です。[position: absolute;]で可能です。 今回は「パーリンノイズ」というものを[canvas]に表示させ、その ...
