LogoMark.png

情報デザイン演習IIIA/2021/1012

第5回|WordPressのカスタマイズ

情報デザイン演習IIIA/2021 2021.10.12
学科サイト|受講生一覧

AGENDA


以下、LIVE動画をご覧下さい。記事に沿って解説します。
記録動画は、学科サイト|情報デザイン演習IIIA/限定にアーカイブしています。



CONTENTS




はじめに

今後の進行計画

進捗確認

サイトマップの掲載状況を確認します。
学科サイト|受講生一覧



WordPress のカスタマイズ

WordPressは、利用中のテーマ(外観デザイン)について、そのスタイルをカスタマイズする方法が用意されています。

テーマとは

基本的なカスタマイズ

style.css の直接編集|参考・非推奨


追加のCSSを使ったカスタマイズ|推奨

CSSの編集に関わるブラウザ開発ツール

ブラウザには、ソースコードの表示はもちろん、表示中のページの情報を詳細に分析する機能があります(特にFirefoxではこれが充実)。Webサイトの制作では、この開発ツールを用いたチェックを行うことで、作業を効率化することができます。

開発ツールの起動

FirefoxやChrome、Safariには、開発支援ツールが標準で実装されています。

開発ツールの使い方

ここではFirefoxの例で説明します。どのブラウザもほぼ同様です。

本日の演習

テーマのカスタマイズ(動作確認)

学科サイトの更新

概要部分

プロジェクト管理部分

進捗記録の部分

以下の形式を参考に、本日の作業報告を記載して下さい。

**2020.10.12
***私のアナザースカイ|作業メモ
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯。
-◯◯◯◯◯◯、◯◯◯◯◯◯◯◯、◯◯◯◯。
~

***WordPress|技術メモ
(本日の演習で学んだ WordPress の基本操作についてメモを残しましょう)
~




PAGES

GUIDE

TOOL

DATA

Last-modified: 2021-10-12 (火) 13:34:36