WordPress

【WordPress】ページのURL構造を最適化する方法

WordPress投稿一覧ページ、投稿カテゴリ―ページ、投稿の個別ページにおいて、パンくずリストと同じ綺麗なディレクトリ構造を実現する方法を解説しています。
WEBデザイン

【jQuery】左から右に背景が伸びて画像が表示するアニメーション

スクロールして画像のところに来たら背景が左から右に伸びてから画像が表示されるアニメーションをjQueryを使って実装してみたいと思います。
WordPress

【WordPress】様々なループ編(番外編:人気記事一覧を表示したい「WordPress Popular Posts」)

WordPress のブログサイトなどのサイドバーに表示されている「人気記事一覧」を表示する方法を人気のプラグイン「WordPress Popular Posts」を使って説明していきます。
WordPress

【WordPress】様々なループ編(その2:サブループを使った応用)

テンプレートファイル外でも様々にループを使いたいことが出てきたときはサブループを使って実装することになります。ここでは、「関連記事のループを表示」と「おすすめ記事のループを表示」する方法を解説しています。
WordPress

【WordPress】様々なループ編(その1:メインループとサブループ)

WordPressでサイトを構築するうえで、投稿の一覧ページを取得するメインループとサブループという考え方が肝となります。こちらをマスターすることができれば、WordPressを使ったWEB制作の道はかなり開けていくことでしょう。
WordPress

WordPressでWEBサイトを構築するにあたって(その2)

カスタムフィールドではフィールドグループを表示出来るのが「投稿」、「固定ページ」、「ユーザー」、「フォーム」となっておりTOPページを指定できません。しかしTOPページを「固定ページ」としておくことで簡単にカスタムフィールドを「TOPページ」でも呼び出すことが可能になります。
WordPress

WordPressでWEBサイトを構築するにあたって(その1)

WordPressで一般のTOPページに情報を集約して見せるタイプのWEBページを構築する場合には、「設定」→「表示設定」→「ホームページの表示」を「固定ページ」にすることでパンくずリストの表示がおかしいという問題は解決できます。
WordPress

WordPressでWEBサイトを構築するにあたって(準備編)

WordPressでWEBサイトを構築したいと考えている人は、お仕事として企業のサイトやサービスのページを多いと思います。自分がWordPressでWEBサイトを構築するときに最初につまずいた点などを紹介していく記事です。今回前段階としての「準備編」になります。
WEBデザイン

スマホ画面で横長の表や画像を見やすく表示したい。【ScrollHint】

テーブルで組んだ表や、文字が細かい画像などをスマホの画像幅いっぱいで表示するときテーブルの場合表示が崩れたり、画像の場合文字が見えないといったことがあって困ります。そちらを解決するJavaScriptライブラリ”ScrollHint”を解説した記事になります。
WEBデザイン

【Safari考慮完全版】モーダルウィンドウの実装(jQuery編)

モーダルウィンドウの実装方法を以前紹介したのですが、こちらの方法で使用したモーダル出現時に背景をスクロールできないようロックする手法はiOSのバージョン16より前のSafariで使用できませんでした。バージョン16より前のSafariを使用している方もまだ2割ほどいるとのことで簡単に無視できない割合ではあります。そちらを考慮した解説記事なります。