2023年3月16日URLをコピーしました!SWELLを導入したらすぐにデモサイトで好きなデザインに変更しましょう。変更しないと吹き出しの色とか、その他もろもろの細かい設定が決められません。この記事ではデモサイトを使ったデザイン変更方法と、変更後すぐにやるべき細かい設定をシェアしていきます。目次SWELLのデモサイト導入方法デモサイトの導入には2つの手順が必要です。SWELL公式サイトからデータのダウンロード自分のブログ編集画面でインストールそれぞれ詳しく見ていきましょう!デモサイトのデータをダウンロードまずはデモサイトのデータをダウンロードします。このページでは、SWELLのデモサイトと同じデザインへ簡単に着せ替えができるように、デモサイトのカスタマイザー設定データを配布しています。このページでは、ブログWordPressテーマ「SWELL」を使用したデモサイトの一覧や、実際にご利用いただいているサイトなどをご紹介していきます。ブログだけでなく、コーポ...絶対にスマホでも見た目は確認しましょう!今はスマホからのアクセスが主流だからねダウンロードが完了すると、こんな感じのファイルができてるはず。※swell_demo○○.dat.zipの○○は選んだデモサイトの番号が入ります。僕の場合は2番を選んだから02。このフォルダはまだ解凍できてないよ!Windowsでzipファイルを解凍する方法zipファイルをダブルクリックして、中身を別の場所に移動させるだけ!このファイルを外に出せば完了!デモサイトのインストール方法ココからの操作はWordPressの編集画面で行います。Export/Import」をインストール。Export/Import」で検索。「今すぐインストール」→「有効化」プラグインのインストールが完了したら、早速デモサイトのデータをアップロード&インストールします。Export/Import」を使うには、テーマのカスタマイズ画面に移動します。Export/Import」をインストールすることによって表示されます。下にある「エクスポート/インポート」タブを選択さっき解凍したdatファイル「swell_demo00.dat」を選択して、インポートをクリック。さっき解凍したdatファイルを選択して、インポートをクリック。チェック無しでOKこれでデモサイトと同じ見た目に変更されました!やっと終わったぜ!これで終わりじゃないんだな!デモサイトに変更後すぐにやるべき設定デモサイトを導入してすぐに変更するべき箇所がいくつかあります。記事一覧リストSWELLのアフィリエイト(がめつい人はすぐに)トップページの左右交互→片側に(デモサイト02の場合)1.サイト最下部のコピーライトサイトのフッターにコピーライトが表示されてるんですが、デモサイトをインストールすると「©SWELLDemoSite02」に変わります。このままじゃちょっとダサいこれは「テーマ」→「カスタマイズ」から変更します。コピーライトのテキストに表示したい文字を入力して保存。ブログ名が無難2.SNS画面デモサイトをインストールすると、Twitterのアカウントが了さん(SWELLの開発者)になっています。他人のSNSが表示されてるのはダサいすぐに自分のアカウントに連携しなおしましょう!もし、SNSのアカウントを表示しない場合は、SNSの表示を消すだけでもOK。それと、忘れずにSNSのウィジェットが表示されないように設定しておきましょう。3.記事一覧リストブログの周回性を高めるために一番大事と言っても過言ではない、記事一覧リスト。これも早急に編集しておきましょう。記事一覧リストに表示するカテゴリーを選択して、記事一覧をどのような表示にするかを設定します。僕の場合は記事一覧に表示するカテゴリは4つにしています。記事一覧リストの切り替えタブはPCではMAX4つの横並び、スマホの場合は2つの横並びです。スマホのデザイン的に2×2が一番きれいに見えます。(主観)自分のブログの強みになるカテゴリを3つ、もう1つは新着記事の4種類がおススメ!4.SWELLのアフィリエイトせっかく有料のテーマを購入したので、アフィリエイトも設置しておきましょう。デフォルトでSWELLへのリンクが張られている、ヘッダー上部に設置するといい感じです。SWELLのアフィリエイトを始めるには「もしもアフィリエイト」への登録が必須です。やり方は別の記事に書いているので参考にしてください。いう人に向けた記事です。有料のテーマを買ったんならアフィリエイトで回収したいのが人情ですよね...5.トップページの左右交互→片側に(デモサイト02の場合)デモサイト02のデザインはおおむね最高に気に入っているんですが、トップページの記事一覧の表示方法が好みではありませんでした。左右交互になってるのはちょっと見にくいよね。おしゃれなのかもしれないけど。デモサイトを導入する前は、CSSとかPHPをいじってキレイに直さないといけないのか...めんどくさい・・・と思っていたんですが、なんとワンクリックで修正できることが分かりました!例にもれず、「テーマ」→「カスタマイズ」→「記事一覧リスト」で編集できます。これを好きなように変えるだけ。楽しくない人はブログを始めるべき3つの理由Googleアドセンスから『広告配信の制限』という通知が来た時にやること【SWELL】アドセンス収益を増やす広告のおススメ種類&設置場所chatGPTを初めて使う方法。検索のポイントも解説。