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

yukipan world

searchmenu
yukipanworldダミー画像HTML・CSS

ナビゲーション・メニュー・リストなどのcurrent(カレント)表示のcssをメモ。

2021.01.18

今見ているページや選択しているメニューのところのみ表示をかえるカレント表示のcssをメモしておく。.currentが付いたら下層のメニューも表示される仕様。jsはまた今度。。 classに「current」が付いていると...

yukipanworldダミー画像HTML・CSS

注意事項の※がついたリストのコードメモ

2020.12.03

いつも書くのがめんどくさいのと、beforeだからって「display: block;」や「top: 0;」など、余計なコードを書かなくていいようにコピペ用にメモしておく。

yukipanworldダミー画像HTML・CSS

特定のクエリ文字列(パラメータ付きURL)のみリダイレクト処理するとき困ったからメモしとく。

2020.12.02

特定のページIDのパラメータがついたもののみリダイレクト処理して別ページへ遷移させたいとき困ったのでメモしておく。 特定のクエリ付きURLのリダイレクト処理 例えば、特定のクエリ付きURLのページ「サイトURL/blog...

アイテム・グッズ

セルフジェルネイルが3週間以上長持ちしてるのでメモしておく

2020.11.17

こんにちは!yukipanです。 みなさんは爪のお手入れしてますか?わたしはだいたいネイルしているのですが、ネイルすると気分が上がってごきげんになれますよね〜 お店でネイルしてもらうと長持ちするんだけど、日々やりたいこと...

HTML・CSS

Amazonや楽天の商品ページへのリンクボタンを作ってみた。

2020.11.17

読んだ本の紹介リンク、テキストでリンク貼りつけたりしていませんか?例えばこんな感じに。 革命のファンファーレ 現代のお金と広告 これだと本の写真がないし、どんな本かわからないし、クリックする人がamazonでよく買う人な...

WebTips

【WordPress】titleの区切り表示を「−」から「|」に変更する方法

2020.11.17

WordPressのタイトル出力のデフォルトは「タイトル − サイト名」で、区切りが「−」。「|」など、変更したい区切り文字にするため、functions.phpに下記コードを記述すると、タイトルのセパレートを変更できる...

yukipanworldダミー画像JavaScript

JavaScriptの勉強で最適なサイトを発見!「Javascript.info」

2020.10.29

JavaScriptを独学で勉強したいなーと思ったら、いろいろな学習方法があります。有名な学習サイトやYouTubeなど、最近はググったら大量に出てくる。。。よくある「学習サイト○○選」のサイトを漁ってみたり。いっぱいあ...

yukipanworldダミー画像WebTips

WordPressでソースコードの表示に便利なプラグイン「Highlighting Code Block」

2020.10.28

WordPressでソースコードの記述したいなーと思ってWordPressオリジナルのコードブロックを使っていもいいけど、なんか地味。なんの言語かもよくわからない。 そんなときに便利なのがプラグイン!簡単便利な「High...

yukipanworldダミー画像HTML・CSS

SVGでクリッカブルマップ!リンクをつける方法

2020.10.22

こんにちは、yukipanです。 サイト制作で地図やイラスト上でピンポイントにリンクを付けるとき、<map>タグと<area>タグでクリッカブルマップ〜という手法があったそうな。だけどレスポンシブ...

yukipanworldダミー画像HTML・CSS

CSSのみで実装。アコーディオンメニュー

2021.09.17

こんにちは、yukipanです。「Q&A」や、長い項目がたくさんある時に見たいところだけ開いて見れる、ユーザーにも優しいアコーディオンメニュー。よくあるJSやjQueryでつくるアコーディオンメニューもいいけれど...

< 1 2 3 4 5 … 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.