WordPressの管理画面の使い方からカスタマイズ・ドメイン設定などをサポートします
WordPressの使い方

はじめてのCSS入門

WordPress個別サポート
サイトを高速化するならエックスサーバー(無料お試し可)

シンプルなテーマのヘッダーにロゴ画像を表示する方法(CSSで)

ヘッダーにロゴ画像を表示できるテーマも少なくありませんが、Twenty Sixteenなどのシンプルなテーマでは「ロゴをアップロードする」のようなメニューはありません。そこで、シンプルなテーマでヘッダーにロゴ画像を表示する方法を紹介します。

2016-03-24 9-08-30

WordPressでカテゴリーを色分けする(Stingerを例に)

WordPressで記事の下などに表示されるカテゴリーページのリンクを色分けする方法を紹介します。一般的にはシンプルなリンクになっているカテゴリーリンクですが、CSSを使って色分けすることができます。

2016-03-14 20-23-11

画像に枠線を付ける「画像枠線」ボタンの作成

投稿や固定ページに追加する画像に枠線を付ける方法を紹介します。CSSを入力しますが最終的には「画像枠線」ボタンをクリックして画像に枠線を付加するように仕上げます。 現在は次のように画像の枠線は付いていません。 画像に枠線を付けるCSSの例は次のようになります。 このCSSを指定すれば次のような枠線が ...

サイトのデザイン(CSS)を自力で修正する方法

子テーマを使ったデザインカスタマイズの練習として、実際に「この部分を直したい」と思い付いてからCSSを入力してデザインを変更するまでの手順を紹介していきます。 子テーマを使わずにカスタマイズしている方は子テーマを使わないでも大丈夫です。 自力でCSSをカスタマイズする力を身につけたい方、「WordP ...

子テーマを使ってデザインをカスタマイズする

子テーマが作成できたら、簡単なCSSをstyle.cssに入力してみましょう。入力したコードに応じてデザインが変更される実感をつかむことが重要です。 サイト名のフォントサイズを変更するCSSを例に作業を紹介します。 この記事は、はじめてCSSを入力する方のための入門です。すでにCSSの入力経験があり ...

子テーマを作成する

WordPressでテーマをカスタマイズするための子テーマを作成する方法を紹介します。 「WordPress個別サポート」で子テーマの導入をサポートします。 次のページから子テーマのサンプル(child.zip)をダウンロードします。 子テーマのサンプル ※テーマ「BizVektor」を使っている場 ...

WordPress個別サポート
スポンサーリンク
スポンサーリンク

西沢直木の電子書籍【読み放題対応】

  • twitter

こちらもどうぞ

【多言語対応】WPMLプラグイン
【拡張デザイン】BizVektor Attract
【グリッド表示】BizVektor Grid Unit
【お店のドメインに】.shop
【サイトの高速化】エックスサーバー
【便利です】Lightning Variety

WordPress講座のおすすめコース

ホームページ作成講座 WordPress個別サポート BizVektorカスタマイズ講座
西沢直木のIT講座
wordpress講座受講予約
PAGETOP
Copyright © 西沢直木のIT講座 All Rights Reserved.
画像提供: 写真AC足成無料素材倶楽部ペイレスイメージズ