WordPress・HTML・CSS・JSなどフロントエンドの忘備録。

yukipan world

searchmenu
yukipanworldダミー画像WebTips

【.htaccess】404ページ設定の記述メモ

2021.12.13

いつものよく忘れるからメモシリーズ。.htaccessの404ページの記述を忘れるのでここにメモしておく。 以上! ちなみにmacで.htaccessが表示されてない時の表示ショートカットキーは、 Macで.htacce...

yukipanworldダミー画像HTML・CSS

【JavaScript・jQuery】アコーディオンメニュー。アコーディオン内に下層のアコーディオンも実装できるよ

2021.09.17

こんにちは、yukipanです。メニューやコンテンツがたくさんあるときにアコーディオンでギュッと凝縮できるの、便利ですよね。見たいところだけ開いてみてくださーい、みたいな。 CSSのみで実装できるけど、CSSはinput...

yukipanworldダミー画像HTML・CSS

ふわっと浮き出てくるグローバルナビのハンバーガーメニュー

2021.09.09

ちょこっと解説とサンプルページ 横とか上からスライドで出てくるメニューじゃなくて、ふわっと浮き出てくるハンバーガーメニューを作ってみた。 非表示のときは「opacity: 0;」だけじゃなくて、「right: -100v...

yukipanworldダミー画像HTML・CSS

【jQuery】文章が長いときのみグラデーションで隠して続きを読む・閉じるを表示

2021.09.08

文章が長いときによくある「続きを読む」っていうやつ。一定の長さのときのみ「続きを読む」を表示させて、短いときは表示しないようにできます。jsの高さを調整すれば、ある程度表示させたい文章の長さを調整できる。 デモはこちら ...

yukipanworldダミー画像HTML・CSS

コピペで使えるcssアニメーション

2021.06.23

コピペで使えるCSSアニメーションをメモしておきます。よかったらご自由にコピペして使ってください。 一文字ずつふわっと表示テキストアニメーション ※jQueryのCDNを先に読み込まないと動きません。 背景が幕のように上...

yukipanworldダミー画像WebTips

WordPressの投稿したアイキャッチ画像をOGP画像に設定する方法

2021.04.21

メモメモ。 参考サイト:https://rilaks.jp/wordpress/eyecatch-ogp/ 上記サイトが参考になりました。ありがとうございます。

yukipanworldダミー画像WebTips

WordPressでお問い合わせページだけにreCAPTCHA v3ロゴを表示させる方法

2021.06.22

プラグインのcontactform7は、reCAPTCHAの設定が楽ちん。GoogleのreCAPTCHAを設定した後、サイトキーとシークレットキーをcontactform7のインテグレーションのところに記入するだけ。だ...

yukipanworldダミー画像HTML・CSS

タスクランナーGulp4で環境構築してsassとpugでコーディングを楽に!

2021.02.26

コーディング作業ってスピード勝負な所ありますよね。。。コーディングすればするほどパーツ的なものも増えるし、使い回せたらめっちゃ爆速でコーディングできるんじゃないか!?ということで、重い腰を上げて環境構築の調整を。。。 j...

yukipanworldダミー画像WebTips

WordPressなどのサイトで「/index.html」や「/index.php」を.htaccesで「/」にリダイレクトする方法

2021.02.18

◯◯◯.com/index.html とか ◯◯◯.com/index.php へのアクセスを、 ◯◯◯.com/ にリダイレクトさせる方法のメモ。.htaccessに記述しておくと、WordPressなどのサイトで40...

yukipanworldダミー画像WebTips

投稿エリアのcssメモ

2021.02.14

WordPressの投稿の汎用的に使えるscssをメモしとく。 「.btn_more」ってclassつけたボタンを投稿で使うこともあるから、「a」のところで除外設定の記述をしている。必要なければ「a:not(.btn_m...

< 1 2 3 4 5 … 10 >

最近の投稿

  • 耳で聴く読書、オーディオブックサービス、audiobook.jpとAudibleどっちがいいの?
  • 【CSS】transitionの一括指定の記述メモ
  • 節約マインドに切り替えるため役立ったYouTube動画
  • 【hosts設定】DNS切替前にドメインのサーバー引っ越し先のサイトを確認する方法
  • ヘルニア発症から改善までの話

よく読まれている記事

カテゴリー

  • HTML・CSS
  • JavaScript
  • WebTips
  • WordPress
  • YouTube
  • お金の話
  • つみたてNISA
  • やってみた
  • アイテム・グッズ
  • キッチンアイテム
  • ダイエット
  • テレビ
  • ブログ
  • レビュー
  • 投資
  • 本の話
  • 食べ物の話

タグ一覧

ETF REIT インデックスファンド プラグイン 投資信託 株 自己啓発 高配当

アーカイブ

カテゴリー

  • HTML・CSS
  • JavaScript
  • WebTips
  • WordPress
  • YouTube
  • お金の話
  • つみたてNISA
  • やってみた
  • アイテム・グッズ
  • キッチンアイテム
  • ダイエット
  • テレビ
  • ブログ
  • レビュー
  • 投資
  • 本の話
  • 食べ物の話
  • お問い合わせ
  • yukipan worldについて
  • プライバシーポリシー

©Copyright 2023 yukipan world .All Rights Reserved.