ナコさんのブログ | nako-log WEB制作のヒントと日常の便利を紹介。WEB制作はWordPressをメインにCSSやコーディングのHOWTOをまとめています。

注目キーワード

2019年7月

CSS

HTMLとCSSで見やすい連番付きリストを作成！コピペで使えるデザインサンプル
HTMLとCSSで見やすい連番付きリストを作成！コピペで使えるデザインサンプル

  • 2019.07.31

HTMLとCSSを使った連番付きリスト(li)を作成しました。 レスポンシブサイトにも対応しております。 <ol>タグではなくcounter-incrementを使う利点はデザインや表示内容を色々編集できるところです！ 前後に文…

続きを読む
WordPress

WordPress(ワードプレス)カスタマイズ！プラグインなしでオシャレなサムネイル付きの関連記事を表示する
WordPress(ワードプレス)カスタマイズ！プラグインなしでオシャレなサムネイル付きの関連記事を…

  • 2019.07.26

ブログを書いていると必ず必要になる関連記事の記事内追加。 ↓こういうやつ！ 記事IDで表示するやり方はよく見かけたのですが 挿入したい時に一覧に戻ってわざわざ記事IDを調べるのが面倒だったので 記事入力のlink…

続きを読む
WordPress

【関数:wp_list_categories】WordPressでカテゴリー一覧を表示して、現在のページはアクティブにする方法
【関数:wp_list_categories】WordPressでカテゴリー一覧を表示して、現在のペ…

  • 2019.07.23

カテゴリーの一覧を表示したいときはwp_list_categories関数を使用しましょう。 やり方 コピー <ul> <?php wp_list_categories('title_li'); ?> </ul> title_liと入力すると前後のタグ…

続きを読む
WordPress

WordPressの固定ページにページャーを表示する方法
WordPressの固定ページにページャーを表示する方法

  • 2019.07.23

こんにちわナコです！ WordPressで記事一覧を作成する時、全件表示したい場合は固定ページを使う事が多いと思います。 カテゴリーページ(category.php)やアーカイブページ(archive.php)と記事の取得方法も違うしペ…

続きを読む
お役立ち情報

twitterで見たくないつぶやきをミュート(非表示)にする設定方法
twitterで見たくないつぶやきをミュート(非表示)にする設定方法

  • 2019.07.22

twitterを使ってるとネタバレに限らず、見たく無い話題のRTややり取りを見てしょんぼりした気持ちになった事はありませんか？ そんな時はその単語をミュートしちゃいましょう。 ミュートとは以下のような時、そのつ…

続きを読む
CSS

HTMLとCSSをコピペして100種類以上のホバーエフェクトアニメーションを表示する方法
HTMLとCSSをコピペして100種類以上のホバーエフェクトアニメーションを表示する方法

  • 2019.07.21

「Hover.css」を使ってアニメーション 「Hover.css」 リンク、ボタン、ロゴ、SVG、おすすめ画像などに適用される、CSS3のアニメーション付きホバー効果のコレクションです。自分の要素に簡単に適用したり、変更した…

続きを読む
CSS

【コピペOK】おしゃれなオリジナル囲み枠(ボックス)デザインのCSSサンプル
【コピペOK】おしゃれなオリジナル囲み枠(ボックス)デザインのCSSサンプル

  • 2019.07.14

HTMLとCSSを使ったボックス要素の装飾(囲み枠)を作成しました。 レスポンシブサイトにも対応しております。 配色等自由に変更してカスタマイズしてください！ 基本のHTML コピー <div class="frame_set&quo…

続きを読む
coding

こいつ…動くぞ！会話方式(吹き出し)アイコンがCSSでアニメーションするサンプル
こいつ…動くぞ！会話方式(吹き出し)アイコンがCSSでアニメーションするサンプル

  • 2019.07.10

ブログをみていると度々登場する会話形式の吹き出しデザイン。 ライターの気持ちを代弁している事が多いのこのアイコンさんに喜怒哀楽を表すアニメーションを追加したらもっと気持ちが伝わりやすい！！！ そんな思…

続きを読む
WordPress

【WordPress】LION MEDIA(ライオンメディア)テーマのサイドバーにプロフィールを表示するカスタマイズ
【WordPress】LION MEDIA(ライオンメディア)テーマのサイドバーにプロフィールを表示…

  • 2019.07.08

LION MEDIA(ライオンメディア)テーマはデフォルトだと記事詳細内の下部分のみプロフィールが表示されます。 サイドバーにプロフィールを表示する方法はいろいろあるのですが折角LION MEDIA(ライオンメディア)テンプ…

続きを読む
サービス

【連載】「ごろ寝しながら髪を乾かす…」実現できるアイテムはあるのか！？徹底調査
【連載】「ごろ寝しながら髪を乾かす…」実現できるアイテムはあるのか！？徹底調査

  • 2019.07.08

WANTEDは、ぱっと思いついた欲しい物、これがあれば便利だな…欲を、WEBサービスやWEBショップで簡単に満たせるか調べ尽くす連載です。 第二回目は ごろ寝しながら髪を乾かしたい！ 毎日毎日髪を乾かすのが憂鬱なナ…

続きを読む
WordPress

WordPress(ワードプレス)　URLを貼るだけでブログカードが表示される「embed」の使い方とレイアウトの変更方法
WordPress(ワードプレス)　URLを貼るだけでブログカードが表示される「embed」の使い方…

  • 2019.07.03

WordPress4.4から標準で、プラグインを使わなくても記事内にURLを貼るだけでコンテンツが埋め込まれ、サムネイルとリンク・引用つきのブログカードが表示される「embed」が実装されました。 ちょー便利なのですがデ…

続きを読む