開発 デザイン

【日記】WordPressのテーマをCocoonからAFFINGER5に変えた

手順

テーマを購入・ダウンロードする

①AFFINGERの公式サイトにアクセスする

https://affinger.com/

②「ダウンロード」をクリック

③下にスクロールして「ショッピングカートに入れる」をクリック

④ショッピングカートにテーマが入るので、「注文画面へ進む」をクリック

⑤すでにAFFINGERの会員になっている場合は、ログイン情報を入力してログインする
会員になっていない場合は、「会員登録する(無料)」の下の「次へ」をクリック

⑥赤字で「必須」と書いてある項目を入力して「新規ユーザー登録」をクリック

⑦「メールアドレス確認用のリンクをメールで送信しましたので、ご確認ください。」メッセージが表示されるので、受信メールBOXを開く

⑧メール本文内のリンクをクリックすると支払い方法選択画面が開く

⑨「次へ」をクリックする
支払い方法はPayPalかクレジットカードしか選べない

⑩PayPalで支払う場合→メールアドレスまたは電話番号、パスワードを入力してログインする
クレジットカードで支払う場合→「デビットカードまたはクレジットカードで支払う」をクリックする

⑪支払いが完了すると注文完了画面が表示される
「購入履歴」をクリックする

⑫「ダウンロード」をクリックする→ダウンロード完了!

ダウンロードしたファイルを開く

①zipファイルをクリックして解凍する
解凍したファイルを開く

②AFFINGER公式のスタートガイドに沿って作業する

③デザイン済みデータ配布ページからダウンロードする。
※このサイトは「tidy」をダウンロードしてます

デザイン済みデータ配布ページ(β)

ヘッダーを設定する

ヘッダー画像を設定する

①「外観」→「カスタマイズ」→「基本エリア設定」→「背景色」を開き、サイト背景色の「Select Color」をクリック
「Clear」をクリック

色が設定されている状態だと幅の最大値が1100pxになるので、ヘッダー画像が画面いっぱいに表示されない

②「外観」→「カスタマイズ」→「ヘッダー画像」を開く
「新規画像を追加」をクリック
「ファイルをアップロード」→画像を選択する
「ヘッダー画像の横幅を100%にする(※背景画像は見えなくなります)」にチェックを入れる

③「公開」をクリック→反映完了!

  • この記事を書いた人

やみみん

FGOの考察ブログです。 妄想9割、真面目な考察が1割なので基本当たりません。 Twitter→ @yamimiin

-開発, デザイン
-

© 2021 源氏画報 Powered by AFFINGER5