科学/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!方角や日時や栃木県の穴場はどこ?

皆さん、こんにちは。 秋といえば、澄んだ空と美しい星の眺めです〜 その秋に見られる美しい星は何でしょうか? それは、オリオン座流星群ですね! この流星群は、二番目に速い流れ星で、 明るい流星が多いこと …

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

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

Windows10 Creators Update後ネットワーク上のサーバーやPCが表示できない問題

皆さん、こんにちは。 私は、Windows10を使用していますが 数日前から、自分のPCを立ち上げて、ネットワークをみると、 ネットワーク上のサーバーのNASや、NASにアクセスしてる、 その他のPC …

Windows10のCortanaコルタナの安全な使い方や危険性は?

皆さん、こんにちは。 Windows10は、セキュリティー設定で個人情報が、 自動的にマイクロソフト社に送信されているといわれています。 それには、コルタナを利用する場合においても、 個人情報が送信さ …

no image

人工知能で仕事がなくなる?いつ0に?技術的特異点の影響は?Part2

この記事は、 人工知能で仕事がなくなる?生活の保障は?AIの利用の仕方は?Part1 の続きになります。 まだ読んでない方は、上の記事から先に読んでくださいね。   この記事では、 10年後 …

スポンサードリンク