科学/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!方角や日時や埼玉の穴場はどこ?星空を楽しむスポット!

皆さんこんにちは。 夜空を見上げて流れ星を見つけて、 三回願い事をするっていいですよね。 そのために夜空を仰いで流れ星を探してみる。 まあ、実際にするのは非常に難しいですが。 流れ星が消える前に三回祈 …

Macで半角の混じった文字列を一括で全角に変換する方法は?

皆さん、こんにちは。 Macを使ってて、ときに全角の日本語の中に、 半角が混じってる時ってありませんか? 見た感じがとても悪く、読みづらいので、 まとめて全角に変換したいですよね? そういう時に、半角 …

レイ・カーツワイルが提唱する人工知能AIは人の知性を超える?

最近、Facebookをみると、レイ・カーツワイルや人工知能の話が良く出てきます。 とっても興味が出ましたので、 彼が考えた技術的特異点からAI(artificial intelligence/AI) …

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

  これは「WordPressにBootstrapを導入方法の手順について書いてみました2」の続きです。   前回は、オリジナルテーマのフォルダ 〈public_html/wp-c …

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

皆さんこんにちは。 夜空をぼーっと観ていたら、 突然スーッと光るものが飛んで消えていった! 「あ、あれは流れ星?」 という経験ありませんか? 飛んで消える流れ星を見かけたら 3回願い事をすると、 その …

スポンサードリンク