WEB MEMO LOG

【Web】postion:fixedだけど、スクロールしたい。しかもスクロールバーは非表示

【Web】postion:fixedだけど、スクロールしたい。しかもスクロールバーは非表示

「positon:fixed」だけどスクロールしたい、しかもスクロールバーバ非表示にしたい場合のメモメモ。 ▼HTML ▼CSS 【参考】スクロールさせる領域だけどスクロールバーは非表示にしたい。

【WordPress】ページの条件分岐

【WordPress】ページの条件分岐

WordPressには様々な種類のページタイプがあるので、そのページタイプによる条件分岐のメモメモ。 ▼ホーム判定(2ページ目や3ページ目も、is_home() では true が返ってくる。) ▼フロントページ判定 ▼シングルページ判定(パラメータを渡してあげると、もっと細かく条件を付ける事もできます) ▼固定ページ判定(パラメータを渡してあげると、もっと細かく条件を付ける事もできます) ▼カテ・・・

【WordPress】投稿のタイトルや日付などの各種データの取得方法

【WordPress】投稿のタイトルや日付などの各種データの取得方法

基本的なことなんですが、よく忘れるので、よく使う項目をメモメモ ▼タイトルを表示 ▼日付を表示 ▼パーマリンク の URL を表示 ▼投稿の本文を表示 ▼投稿の概要(抜粋)を表示 ▼概要(抜粋)の文字数調整、文末の[…]を別の文字に変更する方法(functions.phpに記載)

【WordPress】WP_Queryのパラメーターのまとめ

【WordPress】WP_Queryのパラメーターのまとめ

▼WP_Queryのパラメーター 【参考】これは便利!WordPressのWP_Queryでよく使うコードスニペット

【WordPress】WP_Queryを使った記事表示の方法

【WordPress】WP_Queryを使った記事表示の方法

WordPressでの記事の出力方法ですが、毎回毎回検索しているのでメモメモ。 ▼WP_Queryの基本的な記述例 【参考】WordPressで押さえておきたい!get_posts,WP_Query,query_posts の違いと用例

【CSS】フォームを作る際に入れておくCSS

【CSS】フォームを作る際に入れておくCSS

お問い合わせフォームを作る際に入れておきたいCSSをメモメモ。 ▼iOSでのボタン等のデザインをリセット ▼半角英数字の文字列を折り返す

【CSS】Flexboxでレイアウト

【CSS】Flexboxでレイアウト

いままでfloatやJSで横並びのボックスを調整していましたが、楽になりますね~。 よく使いそうなものをメモメモ。 ▼flexboxレイアウト ▼flexアイテムの複数行に配置 ▼flexアイテムの等間隔配置 ▼flexアイテムの高さを揃える 【参考】CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説 | コリス

【WordPress】カテゴリの出力をリンクなしでする

【WordPress】カテゴリの出力をリンクなしでする

▼カテゴリを出力 ▼リンクなしでカテゴリを出力 ▼リンクなしでカテゴリを複数出力(li形式で)

【CSS】CSSでよく使うメモ

【CSS】CSSでよく使うメモ

よく使うんだけど、覚えられないCSSをメモメモ。 ▼FontAwesomeでアイコンを表示 ▼角丸 ▼アニメーション ▼「・・・」を出す ▼ページ内スクロールする際の高さ調整 ▼テキストのベースライン調整 (参考)http://www.nishishi.com/css/text-vertical-align.html