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

yukipan world

searchmenu
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...

yukipanworldダミー画像HTML・CSS

コーディングパーツ(見出し・リスト・お知らせ一覧・矢印・テーブル)

2021.09.08

コーディング中にパーツのコード(HTML・CSS)をいちいち調べるのめんどくさいから、ここにストックしていく。 見出し センターで下線 左にタテ線 ストライプ背景 ストライプ生成便利サイト:CSS STRIPE GENE...

yukipanworldダミー画像WebTips

Macで.htaccessを表示させる方法メモ

2021.01.28

いつも「.htaccessとかの隠しファイル表示させる方法どうだったっけ?」ってなって検索かけてるから、メモしとく。 Finderの「表示」とかから表示の切り替えできるんだったっけ〜?とか思うけど、「ショートカットだった...

< 1 2 3 4 … 9 >

最近の投稿

  • 【wordpress】URL正規化.htaccessでindex.htmlの処理がきかない、、うまくリダイレクトしない〜ってハマったメモ。
  • 【WordPress】ログインURLをプラグイン無しで変更。
  • 【WordPress】Classic Editorにしたら投稿にpタグや改行がつかなくなった!
  • z-indexが効かない・・と思ったときはpositionつけてるか確認!
  • 【WordPress】OGP設定のメモ。

よく読まれている記事

カテゴリー

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

タグ一覧

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

アーカイブ

カテゴリー

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

©Copyright 2022 yukipan world .All Rights Reserved.