2021年(簡単①)Simplicityコピペカスタマイズ12選とFilezilla使い方解説集 | おまとめ blog

おまとめ blog

フォローする

  • HOME
  • ビジネス
    • ブログ・アフリ
    • トレード
    • FxPro
    • WINS
  • メディア関連
    • ニュース
    • テレビドラマ
    • スポーツ
  • コラム
    • コラム
  • サイトマップ
  • お問い合わせ
ホーム
副 業
ブログ・アフリエイト

2021年(簡単①)Simplicityコピペカスタマイズ12選とFilezilla使い方解説集

2021/1/30 2021/12/8 ブログ・アフリエイト

 

 

くつろぎながらブログを書く女性

こんにちは、ルークンです。

「ブログサイトを最短で立ち上げ①~④」をお読み頂き実践された方は、既にご自身の記事を執筆されていることと思います。

そこで今回は、ブログサイトのカスタマイズについて、解説致します。

サイトをカスタマイズするためには、トラブルを最小限に抑えるために、FTPソフトが必要になります。 先ずは、FTPソフトのインストールから解説致します。

目次

  • 1.FileZilla(FTPソフト)の導入とインストール
    • ①FileZillaのインストールと設定
    • ②Filezillaに自身のサイトをFTP接続設定する
    • ③FTP接続して現在のサイトのバックアップをとる
  • 2.Simplicity2のカスタマイズ
    • ①ヘッダー画像の表示領域を広げる(3種類)
    • ②ブログのタイトル文字の大きさを調整する
    • ③タイトルの位置を変更する
    • ④スマホでみた時のヘッダーの余白を消す
    • ⑤記事内の囲み枠を設定する
    • ⑥見出しをカスタマイズ
    • ⑦アイコンフォントを追加する
    • ⑧サイドバーにプロフィールを付ける
    • ⑨フッターをカスタマイズする
    • ⑩フッターにプライバシーポリシーを表示する
    • ⑪プロフィールに地図を追加する(プラグイン)
  • 3.トラブルシューティング関連
    • ①Simplicity 初めての方は必ずお読みください
    • ②Simplicity Studio コミュニティーサポート
    • ③Simplicity動作不良時のガイドライン
    • ④Simplicityサポートフォーラム
  • 4.まとめ

1.FileZilla(FTPソフト)の導入とインストール

 

WordPressで立ち上げたサイトをHTMLサイトと呼びますが、あなたのHTMLサイトデータをサーバー上に保存しファイル単位で管理運営するために必要なのがFTPソフトです。

サイトのカスタマイズやデーターのバックアップ(プラグインの使用数量を減らす際はFTP接続で行う)には欠かせないソフトです。

中でも、優秀なのが「FileZilla」です。

早速、インストール致しましょう。

①FileZillaのインストールと設定

下記リンクにアクセスして、インストール・設定をしてください。

FileZilla Windows版をインストールするには、
▼こちらをクリック
https://proengineer.internous.co.jp/content/columnfeature/5247

 

〇Windowsのバージョン確認方法

Windows8以下のバージョンの確認方法は、
▼こちらをクリック
https://www.sony.jp/support/vaio/solution/kbsub01/solution/sousa/osver/index.html

Windows10のバージョンの確認方法は
▼こちらをクリック
https://cs.myjcom.jp/knowledgeDetail?an=000002674

 

FileZilla Mac版をインストールするには、
▼こちらをクリック
https://support.kagoya.jp/kir/manual/filezilla_mac/filezilla_mac_1.html

②Filezillaに自身のサイトをFTP接続設定する

<接続の準備 ロリポップの場合>

 

ユーザー設定⇒アカウント情報をクリック

FTP接続解説

赤枠の文字をコピーしてください。パスワードは、先ず「表示」を押してからコピーして、メモ帳などに張り付けてください。

<接続の準備 エックスサーバーの場合>

エックスサーバーに登録及び契約した際に、上図のメールが届いていますので、そのメールを開いて下の方まで(見出しの5.か6.まで)スクロールして、「作成したホームページデータのアップロードについて(FTP情報)」を見つけてください。

FTP接続解説
上図の赤枠の部分3か所をコピーしてメモ帳などに貼り付けておきます。

次に下記リンクにアクセスして、解説どおりに設定をしてください。

FileZilla接続・設定・使い方
▼こちらをクリック

【FTPソフト】FileZillaの使い方を初心者向けに解説する
FTPソフト『FileZilla(ファイルジラ)』の使い方を、初心者向けにやさしく解説します。Mac/Windows両方で使えるFileZillaを使いこなして、効率的に作業を進めましょう!FTPソフトの使用方法が知りたい方、プログラミングの初心者の方は必見の内容です。
miya-system-works.com

<補足説明> 安全のため、下図のとおり、赤枠をクリックして「明示的なFTP over TLSが必要」を選択してください。

FTP接続解説

Filezillaの使い方(ファイルのアップロード、ダウンロード編)
▼こちらをクリック

エックスサーバーにFileZillaでファイルアップロードする方法 | マサハック
oyakudachinews.com

③FTP接続して現在のサイトのバックアップをとる

それでは、早速あなたのサイトのバックアップデータをとっておきましょう。

最初は、サイトフォルダの全てをバックアップしましょう。 サイトをカスタマイズする際は、カスタマイズする前に、必ずこのようにサイトの最新のデータをバックアップするようにしましょう。

まず、下図のとおり画面左上のサイトマネージャーを開き、接続をクリックします。

FTP接続解説

接続が成功したら、下図のとおり左側のデスクトップをクリックし、次に画面中ほどのあなたのサイトのフォルダにマウスオーバーして右クリックします。

 

次に下図のとおりダウンロードをクリックします。
ダウンロードが始まり、3分ほど経つと、「○○バイトのファイル転送に成功しました」という表記が画面左上に現れ、ダウンロード成功です。

FTPバックアップ

途中で下図のような表記が出てきたら、「スキップ」マークを入れ、「OK」をクリックしてください。

下図のとおりデスクトップ画面にあなたのサイト名がついたフォルダーが確認できます。

これで、もしカスタマイズに失敗したり、WordPressや他のプラグインがUPDATEされ不具合が発生しても、このフォルダをアップロードすることで、バックアップデータをとった時点のサイトの設定やデータには戻せます。

その場合は、FTP接続画面左側のデスクトップにあるこのフォルダにマウスオーバーし、右クリックして、アップロードをクリックしてください。

なお、バックアップデータの名前に日付を付加されれば、管理し易くなります。

 

2.Simplicity2のカスタマイズ

WordPressの数あるテーマの中で、Simplicity2を皆様におススメ致しました。

その理由は、シンプルながらSEO対策もしっかりしており、カスタマイズにおいてリソース(情報資産)がとても充実しているからです。

つまり、独自のサイトデザインがし易い訳です。

ありがたいことに優秀な記事が沢山あり、選択肢も豊富です。
その代表的なカスタマイズ方法をおまとめしてご紹介致します。

先ず、その前に予習をします。

<子テーマの編集場所と編集方法>

Simplicity2の子テーマの編集場所は下図のとおり、WordPressのダッシュボードの「外観」にマウスオーバーし、「テーマエディター」をクリックします。

WP エディター操作説明

下図のとおり、テーマエディターが表示され、画面左上に「Simplicity2 Child」と表記されていることを確認します。もし、Childと入っていなかったり他のテーマ名が表記されていたら画面右上の選択ボタンをクリックし、「Simplicity2 Child」を選択してください。

WPエディター操作説明

どのファイルにカスタマイズするコードを入力するかは下図の赤枠の中のファイル一覧から選択しクリックすると、画面左側から書かれているコードが表示されます。

WO エディター ファイル説明

追加するコードは下図のとおり、基本的に各ファイルの中のコードの最終行に追加するケースが殆どです。(中には「head」と「/head」の間にコピー&ペーストするよう指示されているものもある)最終行の場合でも、そうでない場合でも追加するコードの行の上には1行空け、下にコードがある場合にも1行空けるようにすると良いでしょう。
兎に角慎重に作業しましょう。

WP テーマエディター説明


下図のとおり、コードをコピペしたら、「ファイルを保存」をクリックし、その上に「ファイルの更新に成功しました」が表示されるのを確認しましょう。

WP エディター説明

もし、「ファイルの保存に失敗しました」などの赤字で表示がでたら、保存するのをやめて、ダッシュボードの例えば「外観」などをクリックすると編集はなかったことになります。

無理をせず、もう一度解説をよく確認しながら作業をしてください。


また、もし子テーマのファイル一覧に必要なファイルがない場合は、必要なファイルを追加する方法が下記の記事で解説されています。

Simplicity子テーマ内のファイルが少ない?必要なファイルを追加するよは、
▼こちらをクリック

Simplicityのサイドバーにおしゃれなプロフィールを付けてみた
coonelnel.net

それでは、おススメカスタマイズのとても優秀で助かる記事のタイトルとリンクURLをご紹介いたします。

 

①ヘッダー画像の表示領域を広げる(3種類)

Simplicityのヘッダー画像の大きさをカスタマイズ 

ヘッダー画像拡大

▼こちらをクリック

Simplicityのヘッダー画像の大きさをカスタマイズ
Simplicityのver20140812から、こちらのカスタマイズは、管理画面からできるようになりました。 「外観→カスタマイズ→ヘッダー画像」から行ってください。 もちろんCSSで行ってもOKです。 photo by Nak
wp-simplicity.com

Simplicityのヘッダー画像を画面幅いっぱいに設定する方法  ←私はこれ!(写真を使う場合)
ヘッダー画像 最大

▼こちらをクリック

Simplicityのヘッダー画像を画面幅いっぱいに設定する方法
Simplicityでサイトを作る方が身近に増えています。みなさんが作ったサイトを見るとやはりトップにそのサイトに合う画像を置くというカスタマイズをしているようです。普通にヘッダ画像をアップするとbodyの幅に合わせた大きさになりますが、画
usortblog.com

Simplicity2のヘッダー画像の設定方法(PC・スマホ版もまるごと解説)

スマホとPC 表示幅設定

▼こちらをクリック

Simplicity2のヘッダー画像の設定方法(PC・スマホ版もまるごと解説)
Simplicity2のヘッダー画像の3つのパターンをわかりやすく解説します。 画像付きの解説を見ながら そのまま作業が出来ますので 是非、Simplicity2のヘッダー画像 ...
arata01.info

②ブログのタイトル文字の大きさを調整する

 

ブログタイトルの文字の大きさについて
▼こちらをクリック

ブログタイトルの文字の大きさについて
Simplicityの特徴 › フォーラム › Simplicityについての質問 › ブログタイトルの文字の大きさについて このトピックには4件の返信、2人の参加者があり、最後に偽
wp-simplicity.com

※AMPに対応する場合は、サイトタイトルのサイズは60px×600pxが最大です。

③タイトルの位置を変更する

 

Simplicityのヘッダー部分を編集してタイトルの位置を変更する方法
これは、ご自身で試してください。
タイトルを中央に揃えるなら「外観」→「カスタマイズ」→「レイアウト(全体・リスト)」→「サイトタイトルの中央寄せ」にチェックを入れ「公開」を押す。
それ以外以外は、
▼こちらをクリック

https://repobu.com/2015/07/16/simplicity-title/
repobu.com

④スマホでみた時のヘッダーの余白を消す

【Simplicity2】スマホでみた時の「ヘッダー下の空白」を消す方法
▼こちらをクリック

【Simplicity2】スマホでみた時の「ヘッダー下の空白」を消す方法
Simplicity2で作ったサイトをスマホやタブレットでみると、ヘッダー画像の下に広めの空白ができていることがあります。上の画像では、ヘッダー画像とパンくずリストの間に、広い空白ができています。このままだと、やや間延びした印象があり、気に
yuzuyu3.com

⑤記事内の囲み枠を設定する

 

コピペできるWordPress囲み枠が200以上!プラグインで簡単設定!
囲み枠とは下図の文字を囲んでいる線のことです。

囲み枠 カスタマイズ

▼こちらをクリック

コピペできるWordPress囲み枠が200以上!プラグインで簡単設定!|人生好転マーチ
  ワードプレスで文字を線で囲みたいときは、 テキストモードにしてコードを書き込む必要があります。
luckymarch.com

⑥見出しをカスタマイズ

【Simplicity2】コピペでOK!見出しをかんたんカスタマイズ
下図の1.と①が見出しです
<デフォルト>
見出し カスタマイズ
▼こちらをクリック

【Simplicity2】コピペでOK!見出しをかんたんカスタマイズ
Simplicity2はデフォルトのままでも美しいデザインですが、カスタマイズをするとグッと見栄えが変わります。このブログでは、見出しを次のようにカスタマイズしています。h2h3h4今回は、このカスタマイズについて紹介します。CSSを使いま
yuzuyu3.com

⑦アイコンフォントを追加する

【simplicity】豊富なアイコンが使い放題!アイコンフォント「FontAwesome」
アイコンフォント
▼こちらをクリック

【simplicity】豊富なアイコンが使い放題!アイコンフォント「FontAwesome」
coonelnel.net

⑧サイドバーにプロフィールを付ける

Simplicityのサイドバーにおしゃれなプロフィールを付けてみた
私のサイトのサイドバーにプロフィールがありますが、それのことです。

サイドバー プロフィール

▼こちらをクリック
https://coonelnel.net/side_profile/

⑨フッターをカスタマイズする

Simplicityでフッターのカスタマイズをする方法

フッターカスタマイズ

▼こちらをクリック

https://repobu.com/2015/07/16/simplicity-title/
repobu.com

⑩フッターにプライバシーポリシーを表示する

フッターにプライバシーポリシーを表示したいです
(上図のとおり)

▼こちらをクリック

フッターにプライバシーポリシーを表示したいです。
Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › フッターにプライバシーポリシーを表示したいです。 このトピックには2件の返信、1人の参加
wp-simplicity.com

⑪プロフィールに地図を追加する(プラグイン)

※あなたのサイトがブログサイトの場合は必要ないと思いますが、もし会社やお店のHPとしてもお使いの場合は導入されても良いかと思います。

WP Google Maps WordPressのプラグイン新規追加で検索しインストールするか下記URLからダウンロードしてインストールする。
▼こちらをクリック

WP Google Maps
The easiest to use Google maps plugin! Create a custom Google map, store locator or map widget with high quality markers containing categories, descri …
wordpress.org

ワードプレスでグーグルマップを簡単に表示させるプラグイン使い方
▼こちらをクリック

ワードプレスでグーグルマップを簡単に表示させるプラグイン
簡単に地図を表示するプラグインWP Google Mapsのご紹介、Googleマップをワードプレスの投稿やページにすばやく簡単に追加できます。連絡先ページの地図、ルート、配送エリアを示す地図などなど他の用途に最適です!必要な数の地図...
its-office.jp

⑫WordPressで販売サイトを構築する

【簡単】WordPressでデジタルコンテンツの販売サイトを構築する方法
▼こちらをクリック

【簡単】WordPressでデジタルコンテンツの販売サイトを構築する方法
「WordPressでデジタルコンテンツを販売したい。 シンプルなサイト設計を希望なのですが、どういったプラグインを使えばいいんだろう? 経験者のオススメを聞きたいです。」←こういった疑問に答えます。1.WordPressでデジタルコンテンツの販売サイトを構築する方法/2.WordPressでデジタルコンテンツを販売す...
manablog.org

現在、最大20万円のキャッシュバックという前代未聞の大型キャンペーン中の日本で最大手級のDMM.com証券 。このチャンスにキャッシュバックを得て、一部を副業の軍資金にしましょう。口座開設費用や維持費用はかかりません。
▼こちらから口座開設してみる
DMM.com証券

 

3.トラブルシューティング関連

①Simplicity 初めての方は必ずお読みください

▼こちらをクリック

https://wp-simplicity.com/suport/topic/first-time/

②Simplicity Studio コミュニティーサポート

コミュニティーサポートに参加する方は
▼こちらをクリック

https://jp.silabs.com/community/software/simplicity-studio

③Simplicity動作不良時のガイドライン

動作不良ガイドラインは、 ▼こちらをクリック

Simplicity動作不良時のガイドライン
Simplicityが「正常動作していないかな?」と思ったときにチェックして欲しいチェックリストです。フォーラムなどで、いろいろ報告をいただいて、その中の原因として多かったもののまとめです。当サイトで同様の不具合が出ているか確認まず「不具合
wp-simplicity.com

④Simplicityサポートフォーラム

サポートフォーラムへは、 ▼こちらをクリック

https://wp-simplicity.com/forums/

 

 

4.まとめ

Simplicityのカスタマイズに関する優秀な記事を紹介致しましたが如何だったでしょうか。

トラブルシューティング関連サイトについてもご紹介致しましたが、最も早い解決法はグーグル検索でWP SimplicityかSimplicityを頭につけ、続いて症状を記載して検索し同様の症状に関する記事を見つけることです。

それでどうしても見つからない場合や対応しても症状が治らない場合には、Filezillaでバックアップフォルダを右クリックして、アプロードをクリックすれば、設定前の状態には復旧致します。

バックアップを取るタイミングが小まめであれば、一つ前の成功したカスタマイズまでしか戻りません。 これらの点を注意頂ければ、お望みのサイトデザインに近づくと思います。

お疲れさまでした。

次回は、サイト計測ツールについての記事をアップする予定です。

お楽しみに。

最後までお読み頂き、ありがとうございました。

▼関連記事
おまとめblog 第一弾【最短①】で「ブログサイトを立ち上げ」Google Chrome、おススメアドオン他を、おまとめ!
▼こちらをクリック

https://luken.blog/blog-affiliate-5-1008

2021年【最短②】おススメテキストエディターからドメイン取得、スマホ設定までを、おまとめ!
▼こちらをクリック

2021年【最短②】おススメテキストエディターからドメイン取得、SNSスマホ設定まで解説
    前回の記事に引き続き、「ブログサイトを最短で立ち上げる方法」その2としておススメテキストエディター、ドメインの取...
luken.blog

2021年【最短③】エックスサーバーで直ぐ独自のブログサイトデビューできる設定集
▼こちらをクリック

【2021年最短③】サーバー設定方法 エックスサーバーでブログデビュー
  今回は、「ブログサイトを最短で立ち上げる」記事の④です。 今回の工程を進めて頂くことで、皆さんには記事を書いて頂き、初投...
luken.blog

2021年【最短④】ロリポップで直ぐに独自のブログサイトがデビューできる設定集
▼こちらをクリック

【2021年最短④】サーバー設定方法 ロリポップでブログデビュー
  こんにちは、ルークンです。 今回は、「ブログサイトを最短で立ち上げる」記事の④です。 今回の工程を進めて頂くことで、皆...
luken.blog

FXトレードを副業にすることもできます。
▼FXトレードの情報はこちら

FXの自動売買とは?操作は簡単、安定した月利!無料の「WINS」とは?
こんにちは。ルークんです。 自己紹介記事でも述べましたが、私はFXトレーダーです。 トレード歴は約8年、といっても、億り人ではありません。(笑) かなり、手堅いトレーダーに類する方だと自分では思っています。トレーダーなのに、トレードのことを
luken.blog
 

シェアする

  • ツイート
  • このエントリーをはてなブックマークに追加

フォローする

luken.blog

関連記事

トレンドアフリエイトとリスティングアフリエイトの違いとは?

近年、稼げるアフリエイト手法と言われるトレンドアフリエイトとリスティングアフリエイトについて、調査した結果を記事にした。

記事を読む

2021年【最短②】おススメテキストエディターからドメイン取得、SNSスマホ設定まで解説

    前回の記事に引き続き、「ブログサイトを最短で立ち上げる方法」その2としておススメテキストエディター、ドメインの取...

記事を読む

第一弾【最短①】で「ブログサイトを立ち上げ」Google Chrome、おススメアドオン他

  こんちちは、ルークンです。   インターネットは検索することにより、数々の記事から情報が得られ大変便利です...

記事を読む

インターネット(ネット)ビジネスは収入になるのか?ネットビジネスに参入してみた

自己紹介 はじめまして!   私は、ルークンと申します。   FX・バイナリーオプションの 専業トレーダ...

記事を読む

2021年最新!SNSヘルパーでtwitterフォロワー買うことを試してみた|各SNSへのサービス一覧をおまとめして紹介

SNSヘルパーをご存じでしょうか? SNSに投稿していると、フォロワーが増えてくれなくて、うんざりすることがありますよね。 ...

記事を読む

【2021年最新】twitterいいね買うことも出来る⁉SNSヘルパーのアフターサービスとは?分かり易くまとめてご紹介

前回の記事では、世界中からTwitterのフォロワーを募ることが簡単にできるサービス、それがSNSヘルパーであることをご紹介しま...

記事を読む

【2021年最短④】サーバー設定方法 ロリポップでブログデビュー

  こんにちは、ルークンです。 今回は、「ブログサイトを最短で立ち上げる」記事の④です。 今回の工程を進めて頂くことで、皆...

記事を読む

人生をやり直したい人がすべきこと、今から出来ることは何か?の金言

こんにちは。ルークんです。 最近、ブログを書いてはいるものの、なかなか投稿できずにいます。 書くテーマは、いろいろとあるのですが...

記事を読む

【2021年最短③】サーバー設定方法 エックスサーバーでブログデビュー

  今回は、「ブログサイトを最短で立ち上げる」記事の④です。 今回の工程を進めて頂くことで、皆さんには記事を書いて頂き、初投...

記事を読む

稼ぐために重要な時間とノウハウを獲得できるよう導いてくれるメンターのご紹介について

   こんにちは、ルークンです。 今回はメンターの重要性と私が自信をもってご紹介できるメンターについて、解説...

記事を読む


【2021年最短④】サーバー設定方法 ロリポップでブログデビュー
渋沢栄一が何故今、大河ドラマ「青天を衝け」で取り上げられたのか?

コメントをどうぞ コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

       

サイト内検索

プロフィール


ルークンと申します。
この名は、愛犬の愛称です。
ブログやアフリエイトは、はじめたばかりのため、しばらくはこの名称で投稿を致します。
できるだけ有益な記事を便利に参照頂けるよう、努力致します。

新着記事

  • FXの資金管理 レバレッジとpipsの関係とは? | 海外FX運用情報
  • 【2021年最新】twitterいいね買うことも出来る⁉SNSヘルパーのアフターサービスとは?分かり易くまとめてご紹介
  • 2021年最新!SNSヘルパーでtwitterフォロワー買うことを試してみた|各SNSへのサービス一覧をおまとめして紹介
  • FXの自動売買とは?操作は簡単、安定した月利!無料の「WINS」とは?
  • 人生をやり直したい人がすべきこと、今から出来ることは何か?の金言

最近のコメント

  • 人生をやり直したい人がすべきこと、今から出来ることは何か?の金言 に luken.blog より
  • 人生をやり直したい人がすべきこと、今から出来ることは何か?の金言 に デビ より
  • 人生をやり直したい人がすべきこと、今から出来ることは何か?の金言 に デビ より

最近の投稿

  • FXの資金管理 レバレッジとpipsの関係とは? | 海外FX運用情報
  • 【2021年最新】twitterいいね買うことも出来る⁉SNSヘルパーのアフターサービスとは?分かり易くまとめてご紹介
  • 2021年最新!SNSヘルパーでtwitterフォロワー買うことを試してみた|各SNSへのサービス一覧をおまとめして紹介
  • FXの自動売買とは?操作は簡単、安定した月利!無料の「WINS」とは?
  • 人生をやり直したい人がすべきこと、今から出来ることは何か?の金言
     
  • ホーム
  • サイトマップ
  • お問い合わせ
  • プライバシーポリシー
© 2021 おまとめ blog.
モバイルバージョンに移動