- 2020.08.16
- WordPress関数,
WordPress 投稿画面のボタンをエディタの上に追加する
WordPressのテーマによって投稿画面の記事編集で使用できるボタンはそれぞれですが、頻繁に使用するタグやスタイルをボタンにして追加することで投稿画面で記事の作成や編集をする作業 […]
2/15ページ
- 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のファイル作成 […]
- 2020.06.07
- WordPress設定,
WordPress 記事一覧の本文を抜粋する3つの方法
WordPressで自分用のテーマが欲しくて自作してるのですが、記事一覧を取得してトップページに表示したら、記事本文の抜粋ができてない状態で記事一覧を表示させてしまいました。 さす […]