科学/IT

WordPressにBootstrapを導入方法の手順について書いてみました1

投稿日:2017年7月1日 更新日:

皆さん、今日は。これからWordPressを使ってブログを創るため、やっぱりきれいな見栄えのいいブログにしたいですよね。

それで、実際に自分でWordPressでBootstrapを使えるようにしてみたので、その内容をご紹介したいと思います。

OSは、MacOS Sierra v.10.12.5を使用
ブラウザーは、Google Chrome

 

Advertisements

スポンサードリンク.(Sponsored Link)

Bootstrapのダウンロード

まず、Bootstrapのファイルをダウンロードします。

http://getbootstrap.com/getting-started/#download

上のリンクに言くと、以下のようなDownloadの画面があります。

ダウンロードしたファイルはzipファイルなので、それを解凍します。

bootstrap-3.3.7-dist というフォルダが解凍され、その中にcss, fonts, jsフォルダがあります。
これ3つのフォルダをあとで使いますので覚えておいてください。

 

WordPressのインストール

WordPressのインストールですが、私の場合は、Xserverと契約をしました。
Xserverには、自動インストールというやり方がありますので、こちらの手順に従って私はインストールしました。

手動でのインストールもあるようですが、それは面倒なのでしていません。

 

WordPressのインストールディレクトリーの確認

BootstrapのフォルダをXserverのWordPressがインストールしてあるディレクトリーにアップロードするため、その場所を確認します。

以下のリンク先でインストールディレクトリーを確認しました。

https://www.xserver.ne.jp/manual/man_install_auto_word.php

 

FTPソフトの設定方法の確認

WordPressでBootstrapの設定ファイルを使用するには、FTP転送ソフトが必要なります。

自分が契約しているサーバーのサイトで、FTPソフトの設定についての説明が書いてあるページにいって設定内容を確認します。
いくつかのソフトの設定があるかと思いますので、自分の使用するソフトの説明を読んでください。

私はFileZillaソフトの設定を見ました。

Xサーバーだとこのリンク先に説明が書いてあります。

https://www.xserver.ne.jp/manual/man_ftp_filezilla_setting.php

 

FileZillaの特徴とこのソフトを選んだ理由

FileZillaは、オープンソースのFTPソフトで無料であり、世界中で愛用され絶えず改良もされていますので・・・とうのが、一般的に良く見かける理由の一つなんですが、私の場合は、会社が契約している大手クラウドストレージ会社の営業さんから勧められました。

クラウドに仕事で多量のファイルをアプロードしなくてはいけなかったので、その営業さんにどんなFTPソフトがお勧めですかと聞いたんです。
すると、その人が私に、「FileZillaというソフトが凄く良いですね」と教えてくれました。

これが、FileZillaを使い始めるきっかけでした。

使ってみての感想を少しご紹介しますが・・・

まず、不具合や不満なところ

それは、バージョンアップがされた時にはFileZilla起動時に自動的に更新分をインストールしますかと聞いてくるダイアログウィンドウが開き、OKボタンをクリックすると、新しいバージョンの自動インストールが開始される機能がありますが、しばらく使っていたら、自動インストールに失敗するようになりました。

何度再起動してやり直してみてもだめだったので、自動インストールしますかのダイアログでNoボタンをクリックして、使っていました。しばらくしたら、その不具合も出なくなっていたので、FileZillaの製造元がきちんと不具合をなおしたのだと思っています。

これ以外については不具合はありませんね。

 

Sponsored Link

 

画面についてですが、左右に分かれたユーザインターフェースでフォルダツリー構成になっていて、エクスプローラー風なのがいいですね。ファイルをローカル側からサーバー側にアップロードする場合は、画面左側ローカル側のフォルダツリーの中から、フォルダーを選び、その中のファィルを選択して、ドラッグ&ドロップで、画面の右側サーバー側の適切なフォルダに入れればいいだけです。

大容量のファイル転送も強く、アップロード・ダウンロードで何万ファイルを転送する時でも威力を発揮してくれています。同じファイル名がある場合の処理の仕方も細かく設定することができます。

実際、私は、会社で毎月末に何百ものファイルをクラウド・サーバーにアップしていますが、簡単なボタン・マウス操作だけでアップロードできますので、非常に重宝しています。

仕事が忙しい時でも、焦らずにファイル転送の仕事ができるのも、FileZillaさんのおかげだと思うんですね。。。

アップロードエラーが起きた場合には、失敗したファイルを、簡単にアップロードすることもできます。

 

FileZillaのダウンロード

こちらのサイトからFileZillaをダウンロードしました。

https://filezilla-project.org/

 

FileZilla Clientと書いてあるボタンをクリックしてZipファイルをダウンロードします。

 

この続きは、FileZillaの設定から始めますね。

スポンサード・リンク (Sponsored Link)....

-科学/IT

執筆者:


comment

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

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

関連記事

オリオン座流星群2018!方角や日時や岐阜県の穴場はどこ?

皆さん、こんにちは。 秋といえば、澄んだ空、そして、美しい星々 オリオン座流星群は 秋の初めに、澄んだ空に見ることができます。 この流星群は、二番目に速い流れ星ですが、 特に、明るい流星が多いのが特徴 …

人工知能(AI)の普及で10年後~20年後の社会はどう変わるか?

今、人工知能(AI)が話題になっていますが、 巷で、このせいで人間の単純労働などが 人工知能とロボットにとられてしまい、 人間の仕事が10年後には、 40%ぐらいがなくなってしまうと予測されています。 …

Rails cが実行不可能、Permission denied @ rb_sysopen – /Users/…の対応策

  rails console実施で Could not find thor-0.19.4 in any of the sourcesというエラーが発生しました!   今日、会社に …

ペルセウス座流星群2018!方角や日時や岐阜県の穴場はどこ?

皆さんこんにちは。 空をぼーっと眺めてたら、スーッと流れ星が飛んでいく と思った時にはもう時は既に遅し・・・ 3回願い事をすると、その願い事が叶うと言いますが ほぼ100%の確率で3回願い事は言えた試 …

ペルセウス座流星群2018!方角や観測日時・ピークは?

皆さんこんにちは。 流れ星を夜空に見つけたら、三回願い事をすると叶うといわれています。 そう言われる理由は、流れ星を見つけるのは非常にレアーだからですね。 しかし、1年の間で、たくさんの流れ星を見れる …

スポンサードリンク