ナビゲーション・メニュー・リストなどのcurrent（カレント）表示のcssをメモ。
今見ているページや選択しているメニューのところのみ表示をかえるカレント表示のcssをメモしておく。.currentが付いたら下層のメニューも表示される仕様。jsはまた今度。。 classに「current」が付いていると...
HTML・CSSHTML・CSSHTML・CSS注意事項の※がついたリストのコードメモ
いつも書くのがめんどくさいのと、beforeだからって「display: block;」や「top: 0;」など、余計なコードを書かなくていいようにコピペ用にメモしておく。
HTML・CSS特定のクエリ文字列（パラメータ付きURL)のみリダイレクト処理するとき困ったからメモしとく。
特定のページIDのパラメータがついたもののみリダイレクト処理して別ページへ遷移させたいとき困ったのでメモしておく。 特定のクエリ付きURLのリダイレクト処理 例えば、特定のクエリ付きURLのページ「サイトURL/blog...
アイテム・グッズセルフジェルネイルが3週間以上長持ちしてるのでメモしておく
こんにちは！yukipanです。 みなさんは爪のお手入れしてますか？わたしはだいたいネイルしているのですが、ネイルすると気分が上がってごきげんになれますよね〜 お店でネイルしてもらうと長持ちするんだけど、日々やりたいこと...
HTML・CSSAmazonや楽天の商品ページへのリンクボタンを作ってみた。
読んだ本の紹介リンク、テキストでリンク貼りつけたりしていませんか？例えばこんな感じに。 革命のファンファーレ 現代のお金と広告 これだと本の写真がないし、どんな本かわからないし、クリックする人がamazonでよく買う人な...
WebTips【WordPress】titleの区切り表示を「−」から「｜」に変更する方法
WordPressのタイトル出力のデフォルトは「タイトル − サイト名」で、区切りが「−」。「｜」など、変更したい区切り文字にするため、functions.phpに下記コードを記述すると、タイトルのセパレートを変更できる...
JavaScriptJavaScriptの勉強で最適なサイトを発見！「Javascript.info」
JavaScriptを独学で勉強したいなーと思ったら、いろいろな学習方法があります。有名な学習サイトやYouTubeなど、最近はググったら大量に出てくる。。。よくある「学習サイト○○選」のサイトを漁ってみたり。いっぱいあ...
WebTipsWordPressでソースコードの表示に便利なプラグイン「Highlighting Code Block」
WordPressでソースコードの記述したいなーと思ってWordPressオリジナルのコードブロックを使っていもいいけど、なんか地味。なんの言語かもよくわからない。 そんなときに便利なのがプラグイン！簡単便利な「High...
HTML・CSSSVGでクリッカブルマップ！リンクをつける方法
こんにちは、yukipanです。 サイト制作で地図やイラスト上でピンポイントにリンクを付けるとき、<map>タグと<area>タグでクリッカブルマップ〜という手法があったそうな。だけどレスポンシブ...
HTML・CSSCSSのみで実装。アコーディオンメニュー
こんにちは、yukipanです。「Q&A」や、長い項目がたくさんある時に見たいところだけ開いて見れる、ユーザーにも優しいアコーディオンメニュー。よくあるJSやjQueryでつくるアコーディオンメニューもいいけれど...