ロリポップ！でSTINGER5の子テーマを作る方法

ロリポップ！レンタルサーバーを試しています。

安価な割に、そこそこ安定感があり、速度もまずまずの速さので、人気が高いレンタルサーバーです。

１０日間のお試し期間があるので、ワードプレス＋STINGER5をインストールして使ってみました。

価格が安いのはもちろんですが、動作は安定していて、ウェブ上のマニュアルも整備されていて、各種ツールも初心者向けで使いやすいと感じました。

今回は、ロリポップ！レンタルサーバーでSTINGER5の子テーマを作る方法を書きます。

フォルダの作成

事前にSTINGER5のテーマをインストールして下さい。

ロリポップ！のユーザー専用ページにログインして、「ロリポップ！ＦＴＰ」を起動します。

ワードプレスをインストールしたフォルダを開き、その中の「wp-content」フォルダを開きます。

フォルダの中を開くときは、フォルダ名横の「＋」を押します。

その中の、「themes」フォルダをクリックします。

このフォルダに対しての操作画面が表示されます。

新規フォルダ作成ボタンを押します。

フォルダ作成画面が表示されます。

任意のフォルダ名を入力して、保存するボタンを押します。

確認画面が表示されます。

「OK」

フォルダが作成された事を確認します。

そのフォルダをクリックします。

子テーマのstyle.cssを作成

前回作ったSTINGER5の子テーマ用のフォルダをクリックすると、次の画面が表示されます。

「新規ファイル作成」ボタンを押します。

ファイル作成画面が表示されます。

ファイル名に「style.css」、ファイルの内容は以下のように入力します。

@charset "UTF-8";
 
/*
Theme Name:  Stinger 5 Child Theme
Template:  stinger5ver20141123
*/
 
@import url('../stinger5ver20141123/style.css');

年月日の部分はSTINGER5最新バージョンに合わせて修正して下さい。

「保存する」ボタンを押します。

これで完了。

ファイルのパーミッションも変更しなくても大丈夫です。

ロリポップ！ＦＴＰはログアウトしても問題ありません。

子テーマの確認

ワードプレスの管理メニューから外観→テーマでSTINGER5の子テーマが表示されていればokです。

有効化して使って下さい。

ロリポップ！　早見表