IT・Web WordPressの設定「パーマリンク」設定を行う 管理画面の「パーマリンク設定」画面では、Webサイト内の各ページのURLを指すパーマリンクに関する設定を行うことができます。投稿・固定ページ・カテゴリー・タグなどのページURLの構造設定を行います。 パーマリンクについて設定する ... 2022.01.23 IT・Web
IT・Web WordPressのページによってCSSでデザインを変える方法 WordPressは、トップページ・固定ページ・投稿ページなどさまざまなページを動的に出力します。ページによってCSSを使ってデザインを変えたいときには、「body_class」テンプレートタグを使うと便利です。body_classは、ペ... 2021.12.12 IT・Web
IT・Web WordPressの権限(管理者・編集者・投稿者・寄稿者・購読者) WordPressでは、それぞれのユーザーに対して「このユーザーはどこまでの機能を使うことができるか」を決めるための「権限」を設定することができます。 WordPressは権限をグループ化しており、「管理者」「編集者」「投稿者」「寄... 2021.12.12 IT・Web
IT・Web WordPressのファイル一式備忘録 ファイル/ディレクトリ名概要wp-contentテーマやプラグインなどに関するファイルを格納するディレクトリ。基本的には、このディレクトリの中のファイルを使って作業をするwp-admin管理画面に関するファイルを格納するディレクトリwp-... 2021.11.16 IT・Web
IT・Web ホームページで重要となる画面表示速度と離脱率の関係性 画面法事速度は3秒を超えるとユーザーは離脱しやすくなる ローディング画面はサイト読み込みの進捗状況をユーザーに伝える役割を担っています。 しかし、たとえローディング画面を表示させても、表示に時間がかかると、ユーザーはサイトから離れやすく... 2021.09.20 IT・Web
IT・Web jQueryとCSSを組み合わせて動かす jQueryとCSSを組み合わせて「動くきっかけを指定して動かす」方法を理解します。 基本的な考え方 動くきっかけを指定するには、HTML内の「動かす要素」に「動くきっかけの起点となるクラス名」を付け(クラス名は自由に設定可能です)、j... 2021.09.19 IT・Web
IT・Web jQueryの基本4:よく使われるjQueryの単語集④ よく使われているjQueryの単語の意味や使い方の事例をまとめました。 条件分岐 ●条件を比較し、処理を分岐する if{ //条件を比較 } else if{ //さらに条件を比較 } else{ //それ以外 }... 2021.09.18 IT・Web
IT・Web jQueryの基本4:よく使われるjQueryの単語集③ よく使われているjQueryの単語の意味や使い方の事例をまとめました。 独自の名前を付けて定義する ●var(変数を定義する) var headerH = $('#header').outerHeight(true); //ヘッダーの... 2021.09.18 IT・Web
IT・Web jQueryの基本4:よく使われるjQueryの単語集② よく使われているjQueryの単語の意味や使い方の事例をまとめました。 要素を取得する・見つける ●parent(指定した要素の親要素を取得する) $('.accordion').parent().addClass('active... 2021.09.18 IT・Web
IT・Web jQueryの基本4:よく使われるjQueryの単語集① よく使われているjQueryの単語の意味や使い方の事例をまとめました。 クラス名があるかどうかの判定・追加・削除 ●hasClass(クラスの有無を調べる) if($'li').hasClass('close')){ //liにク... 2021.09.18 IT・Web
IT・Web jQueryの基本3:動くきっかけが複数ある時のまとめ方 「画面が読み込まれた後」かつ「スクロールをした時」に要素を動かしたい、といった動くきっかけが複数ある場合、動きに独自の名前(関数)をつけてまとめ、それぞれの動きのきっかけに指定することができます。 (例)画面が読み込まれた後に要素をふわっ... 2021.09.18 IT・Web
IT・Web jQueryの基本2: jQueryで動くきっかけを自作のJavaScriptに指定する 「画面が読み込まれた後に動く」「スクロールしたら動く」「クリックしたら動く」といったjQueryの代表的な「動くきっかけ」の記述の仕方を理解していきましょう。 動く「きっかけ」を指定する基本的な記述 1)画面の読み込み時に動く $... 2021.09.18 IT・Web