- 2020.08.20
- HTMLの基礎,
ヘッダーのロゴを無料ソフトを使用して作成する
ヘッダーに配置するロゴの作成を簡単に作成してばかりいたのでロゴジェネレータに頼らずにロゴ作成をすることにしました。 ロゴ作成は素人以下の実力を持つ私なので高機能すぎるソフトではなく […]
3/16ページ
- 2020.08.16
- WordPress関数,
WordPress 投稿画面のボタンをエディタの上に追加する
WordPressのテーマによって投稿画面の記事編集で使用できるボタンはそれぞれですが、頻繁に使用するタグやスタイルをボタンにして追加することで投稿画面で記事の作成や編集をする作業 […]
- 2020.08.11
- CSSの書き方,
table要素で作成したテーブルをCSSでデザインする
table要素をHTMLだけで表示するテーブルではなく、CSSでデザインしたテーブルにして見やすいテーブルや表の作成に挑戦しました。 あまりテーブルを自分のブログに使用することがな […]
- 2020.08.05
- HTMLの基礎,
HTML aside要素でサイドバーのアウトラインを作る
HTMLのaside要素で2カラムレイアウトのサイドバーをマークアップしてアウトラインを作るときに、asideの意味を調べていたら余計にasideのことが分からなくなり立ち止まって […]
- 2020.07.30
- WordPress関数,
WordPressテーマにウィジェット機能を追加して表示する
WordPressのオリジナルテーマを自作して勉強してるのですが、1からWordPressテーマを作成した場合、自分でウィジェット機能を追加しないとウィジェットエリアが使えません。 […]
- 2020.07.26
- LION MEDIA,
LION MEDIAのピックアップ記事をスライドショーにする
WordPressテーマLION MEDIAのトップページに表示できるピックアップ記事のレイアウトが気になるのでスライドショーにするとどうなるのかカスタマイズをしてみました。 ピッ […]
- 2020.07.20
- CSSの書き方,
CSSのbackground-positionで背景画像の位置を調整する
CSSで背景画像をbackground-imageで表示したけど「もう少し位置が上になるように調整して表示したい」もしくは「背景画像の位置を右に寄せて表示したい」など背景画像の位置 […]
- 2020.07.14
- HTMLの基礎,
ダウンロードリンクでzipファイルをダウンロードできるようにする
HTMLのa要素のリンクをクリックしたらファイルをダウンロードすることができるダウンロードリンクが作れるのを最近知りました… いったいどのようにするとリンクをクリックしたらファイル […]
- 2020.07.09
- WordPress初心者,
WordPress CSSの編集をテキストエディタでできるようにする
WordPressにはCSSの編集をすることができるいくつかの場所がありますが、CSSの編集はテキストエディタでできるようになることが理想的です。 WordPressのCSSファイ […]
- 2020.07.06
- HTMLの基礎,
FileZillaをダウンロードしてインストールするやり方
FileZillaは数あるFTPソフトのうちの一つでPCからサーバーへアップロードしたり、逆にサーバーに保存していたファイルをPCにダウンロードするというファイル転送ができる無料の […]
- 2020.07.03
- WordPress初心者,
テキストエディタVisual Studio Codeをインストールする
テキストエディタはHTMLとCSSのファイル作成と編集くらいにしか使用しないのですが、Microsofが開発したオープンソースのテキストエディタ「Visual Studio Cod […]
- 2020.06.28
- CSSの書き方,
CSSで背景の色や画像を透過させる方法を覚える
CSSでは背景に色や画像を指定することができますが、背景の前面に表示するテキストと背景の組み合わせによっては、どちらかが見ずらくなってしまうことがあります。 そんなときにはCSSで […]
- 2020.06.23
- HTMLの基礎,
HTMLファイルの開き方をブラウザを指定して表示する
HTMLの勉強を始めたときにHTMLファイルをブラウザで開いて表示する方法が全くわかりませんでした。 一体どのようにしてHTMLファイルを「Chrome」「Safari」「Fire […]
- 2020.06.19
- WordPress関数,
WordPressで特定の記事のみループで取得して表示する
WordPressで特定の記事のみを表示したい場合には、記事一覧を表示することができるループで特定の記事の取得と表示ができます。 WordPressのトップページやサイドバーなどに […]
- 2020.06.16
- HTMLの基礎,
HTML タブの切り替えができるボックスを作成する
HTMLページでタブをクリックしたら、タブと連動してタブ下のコンテンツが切り替わるボックスを作成してみました。 タブで切り替えができるようにする前は、３つのリストを横並びにしてるだ […]
- 2020.06.10
- Googleツール活用,
ChromeでHTMLとCSSファイルを作成して編集や保存をする
ChromeでHTMLとCSSファイルを作成して、さらに編集や保存もすることができるのを最近になって知りました。 Webサイト作成ができます。 いつもHTMLやCSSのファイル作成 […]