Dreamweaverでhtmlタグを綺麗にする設定(ソースコードのフォーマット)

イメージ
 Dreamweaverでhtmlを作成していると、プログラマーの人に渡した時に「タブスペースや改行がくずれる」という現象が起きる。 というのも、Dreamweaverでタグをエンター改行すると、インデント分の空白が勝手にタブで入ったりしてしまうのだ。 今まではその都度手作業でスペース入れたりしていたのだが、ちょっとdiv増やしたりするともうスペースの入れ直し!! …というのが一発で解消する方法を知ったので、設定を含めてメモ。 まずは上部メニューの「Dreamweaver」→「環境設定」を開く その中にある「コードフォーマット」で、上記設定をしておく。 ・インデント:☑を使用「2」「スペース」 ・タブサイズ:「2」☑スペースとして挿入 ・TDタグ:□TDタグ内に改行を含めない コード画面左側にある「ソースコードのフォーマット」をクリック その中にメニューとして「コードフォーマット設定」があるので、それを選ぶ。 タグごとに細かな設定ができるので、自分が一番見やすいように修正する。 自分の場合は「a」「div」「head」「button」を修正。 aタグの設定 改行:タグの前後 コンテンツ:フォーマットおよびびインデントあり divの設定 改行:前、中間、後 コンテンツ:フォーマットおよびびインデントあり buttonの設定 改行:前、中間、後 コンテンツ:フォーマットおよびインデントあり headの設定 改行:前、中間、後 コンテンツ:フォーマット及びインデントあり 最後に、「ソースフォーマットの適用」 ソース画面左の「ソースコードのフォーマット」アイコンを押して、「ソースフォーマットの適用」を選択すると、開いているソースの中身が整形されます。 ざっと見直して問題なければこれで完了!

sakuraのサーバーにwordpressを簡単インストールした時にディレクトリを指定するが…

さくらインターネットのレンタルサーバーでwordpressをクイックインストールする際、インストール先のディレクトリを指定しなければならない。
http://***.com/wp/  ←のように。
しかし、このままだと本来表示したいドメインに直接アクセスした場合はwordpressのトップページが表示されないので、よく見かけるのは、wp/の中にあるindex.phpと.htaccessをルートディレクトリへコピーして、なおかつ中身を変更する方法。

ただ、無事ページが表示されたのはいいものの、テーマ内のcssやjsを読み込む部分。
主にheader.phpの「get_template_directory_uri();」のところが、実はサブディレクトリへのパスが表示されてしまっていて、うまく動作しないという現象に当たった。

そして、どうやらsakuraのドメイン設定の中をいじれば、サブディレクトリ自体をドメイン直として指定することができるようなので。テストしてみた。


■さくらサーバーでドメインを追加すると、その独自ドメインのディレクトリは↓のようになる

home/アカウント名/www/独自ドメイン用フォルダ名/

そして、wordpressをインストールすると、以下のフォルダに格納される

home/アカウント名/www/独自ドメイン用フォルダ名/wp


【よくあるやり方でやってみる】
1.wordpressのインストールフォルダ直下にあるindex.phpをコピーしてくる
2.同じく.htaccessをコピーしてくる
3.管理画面の「設定」→「一般」の
 「サイトアドレス(URL)」の方に、実際に表示したいURLを。
4.実際に表示されたいドメインのフォルダ直下に1と2をアップロードする
 ※この時、index.phpの中身を以下のように書き換える
17行目あたり
require( dirname( __FILE__ ) . '/wp-blog-header.php' );

require( dirname( __FILE__ ) . '/wp/wp-blog-header.php' );

wpの部分は、インストールしたディレクトリ名。


コメント

このブログの人気の投稿

Dreamweaver(ドリームウィーバー)でコピーができない。ペーストができない。

wordpressのtwentyseventeenのヘッダー画像サイズを統一する

habakiri 固定ページ・個別(投稿)ページ・その他ページのヘッダー画像にアイキャッチ画像を使用