IT・Web

IT・Web

WordPressの設定「パーマリンク」設定を行う

管理画面の「パーマリンク設定」画面では、Webサイト内の各ページのURLを指すパーマリンクに関する設定を行うことができます。投稿・固定ページ・カテゴリー・タグなどのページURLの構造設定を行います。 パーマリンクについて設定する ...
IT・Web

WordPressのページによってCSSでデザインを変える方法

WordPressは、トップページ・固定ページ・投稿ページなどさまざまなページを動的に出力します。ページによってCSSを使ってデザインを変えたいときには、「body_class」テンプレートタグを使うと便利です。body_classは、ペ...
IT・Web

WordPressの権限(管理者・編集者・投稿者・寄稿者・購読者)

WordPressでは、それぞれのユーザーに対して「このユーザーはどこまでの機能を使うことができるか」を決めるための「権限」を設定することができます。 WordPressは権限をグループ化しており、「管理者」「編集者」「投稿者」「寄...
IT・Web

WordPressのファイル一式備忘録

ファイル/ディレクトリ名概要wp-contentテーマやプラグインなどに関するファイルを格納するディレクトリ。基本的には、このディレクトリの中のファイルを使って作業をするwp-admin管理画面に関するファイルを格納するディレクトリwp-...
IT・Web

ホームページで重要となる画面表示速度と離脱率の関係性

画面法事速度は3秒を超えるとユーザーは離脱しやすくなる ローディング画面はサイト読み込みの進捗状況をユーザーに伝える役割を担っています。 しかし、たとえローディング画面を表示させても、表示に時間がかかると、ユーザーはサイトから離れやすく...
IT・Web

jQueryとCSSを組み合わせて動かす

jQueryとCSSを組み合わせて「動くきっかけを指定して動かす」方法を理解します。 基本的な考え方 動くきっかけを指定するには、HTML内の「動かす要素」に「動くきっかけの起点となるクラス名」を付け(クラス名は自由に設定可能です)、j...
IT・Web

jQueryの基本4:よく使われるjQueryの単語集④

よく使われているjQueryの単語の意味や使い方の事例をまとめました。 条件分岐 ●条件を比較し、処理を分岐する if{ //条件を比較 } else if{ //さらに条件を比較 } else{ //それ以外 }...
IT・Web

jQueryの基本4:よく使われるjQueryの単語集③

よく使われているjQueryの単語の意味や使い方の事例をまとめました。 独自の名前を付けて定義する ●var(変数を定義する) var headerH = $('#header').outerHeight(true); //ヘッダーの...
IT・Web

jQueryの基本4:よく使われるjQueryの単語集②

よく使われているjQueryの単語の意味や使い方の事例をまとめました。 要素を取得する・見つける ●parent(指定した要素の親要素を取得する) $('.accordion').parent().addClass('active...
IT・Web

jQueryの基本4:よく使われるjQueryの単語集①

よく使われているjQueryの単語の意味や使い方の事例をまとめました。 クラス名があるかどうかの判定・追加・削除 ●hasClass(クラスの有無を調べる) if($'li').hasClass('close')){ //liにク...
IT・Web

jQueryの基本3:動くきっかけが複数ある時のまとめ方

「画面が読み込まれた後」かつ「スクロールをした時」に要素を動かしたい、といった動くきっかけが複数ある場合、動きに独自の名前(関数)をつけてまとめ、それぞれの動きのきっかけに指定することができます。 (例)画面が読み込まれた後に要素をふわっ...
IT・Web

jQueryの基本2: jQueryで動くきっかけを自作のJavaScriptに指定する

「画面が読み込まれた後に動く」「スクロールしたら動く」「クリックしたら動く」といったjQueryの代表的な「動くきっかけ」の記述の仕方を理解していきましょう。 動く「きっかけ」を指定する基本的な記述 1)画面の読み込み時に動く $...
タイトルとURLをコピーしました