WordPress【WordPress】ページャーを表示する
WordPressの一覧ページ内で1ページに表示できる投稿数を超えた場合に次のページとページ数を表示するタイプのナビゲーションの表示方法を解説しています。
css
WordPressWordPress【WordPress】投稿の前の記事と次の記事をサムネイル画像付きで取得して表示する
前回の記事で投稿の前の記事と次の記事を取得して表示する方法を解説しました。今回はその応用で、前の記事と次の記事のサムネイル画像も取得して一緒に表示したいと思います。
WordPress【WordPress】投稿の前の記事と次の記事を取得して表示する
WordPressで作成している投稿ページの下部で、前の投稿と次の投稿へと誘導するボタンを設置したい時があります。そちらの実装方法を簡単に解説しています！
WEBデザイン【CSS】人気記事など順番に番号を振りたい時、リストに順番を振るティップス
WordPressの人気記事を取得して表示させる「WordPress Popular Posts」などを使った際、上から順番に順位を表示したい時に使える便利なcssのティップスの紹介記事です。
WEBデザインモーダルで検索フォームをポップアップで表示
ボタンをクリックしたらモーダルウィンドウが立ち上がって検索フォームを表示するページを実装してみましょう。 基本的には以前紹介したモーダルウィンドウの実装方法と変わりません。
WEBデザインサイド固定ヘッダーの実装
WEBサイトのトップページなどでたまに見るサイドに固定されたヘッダーを実装する方法をわかりやすく解説しています。
WordPress【WordPress】検索フォームを設置して特定の投稿のみの検索結果を表示する
WordPressでページに検索フォームをたとえばサイドバーなどに設置してブログの投稿記事からのみの検索結果を返すやり方を解説します！
WEBデザイン【jQuery】左から右に背景が伸びて画像が表示するアニメーション
スクロールして画像のところに来たら背景が左から右に伸びてから画像が表示されるアニメーションをjQueryを使って実装してみたいと思います。
WEBデザインスマホ画面で横長の表や画像を見やすく表示したい。【ScrollHint】
テーブルで組んだ表や、文字が細かい画像などをスマホの画像幅いっぱいで表示するときテーブルの場合表示が崩れたり、画像の場合文字が見えないといったことがあって困ります。そちらを解決するJavaScriptライブラリ”ScrollHint”を解説した記事になります。
WEBデザイン【Safari考慮完全版】モーダルウィンドウの実装（jQuery編）
モーダルウィンドウの実装方法を以前紹介したのですが、こちらの方法で使用したモーダル出現時に背景をスクロールできないようロックする手法はiOSのバージョン16より前のSafariで使用できませんでした。バージョン16より前のSafariを使用している方もまだ２割ほどいるとのことで簡単に無視できない割合ではあります。そちらを考慮した解説記事なります。