投稿

10月, 2022の投稿を表示しています

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

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

font-sizeを1.1emにするとolのリストタイプが数字じゃなくなる

ol li でリストを表示したら、本来数字で1.2.3とリストとなるはずが、全て「・」になる。 そこで、  cssで *{ font-size:1.1em; } を *{ font-size:1em; } にするとなぜか「1.2.3」に直る…意味不明 解析中 ★解決 実は見えていたのは1.の「.」の部分だった ul,olに対して padding-left:2rem;としていたが、padding-left:5rem;にしたら数字が表示された…なんかもう嫌!

【解決】modxを移行して同じDBを使おうとしたらログインできなくなった

 modxでテスト環境を作成後、同じデータベースを使用したまま同じサーバーの別ドメインに対してmodxのエクスポート・インポートを行いました。 ソース類はまるっと移動。 そして管理画面へログインしようとすると、なぜかログインできない。 パスワードを再発行しようとしても、アカウントが無いと言われる…おかしい。 そこで、phpmyadminへ接続し、DBの以下を変更 「modx_manager_users」テーブルの「password」を「 e10adc3949ba59abbe56e057f20f883e」へ変更。 じつはこれ「123456」になる。 再度管理画面へアクセスし、パスワードに123456を入力→ログイン出来た!!! ※ログイン後はすぐパスワードを変更してくださいね

xserverでサブドメインだけ設定したmodxをhttpsで動かすとsite_urlがhttpになったりする

 タイトルの通り、メインのドメインを別のサーバーで運用していて、サブドメインだけをxserverで運用し、そこへmodxをインストールして動かした際に、うまくssl化ができない現象が起きた。 具体的には ・リソースを更新すると「site_url」に記載しているhttpsのURLが何故かhttpになっていて、外部ソースのcssやjsが読み込まれず画面が崩れる ・xserverの管理画面からhttpをhttpsへリダイレクトする設定をしてみるとそもそもページが表示されなくなる 以下の設定を追加することで、一旦はhttpのアドレスにアクセスできないようにしました。 ■modxインストールフォルダの.htaccessファイルに以下を追記 <IfModule mod_rewrite.c> RewriteEngine on RewriteCond %{HTTPS} !=on [NC] RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L] </IfModule> 一番下に追記してアップすればOK サイトにアクセス後、URLからhttps→httpに変更してリロードしてもhttpsから離れなければ一旦OK

【解決】modxで背景透過png画像をファイルアップロード後、ウェブ表示で背景が黒くなる現象

 modxのコンテンツに背景透過png画像を登録後、それを表示すると何故か背景が黒くなる、という現象がおきました。 photoshopで開いてみたり、pngで保存しなおしてみたり、プレビューで開いてみたりしても背景は透過なのに… と検索していたところ、phpで画像処理をする関数を通ると、png透過背景が黒くなるという記事を見つけました。 どこで気がついたのが、modxの「ツール」「グローバル設定」「ファイル管理の設定」で「画像の横幅の最大値」に数値を入れていたことを思い出しました。 アップロードする画像が大きかったら、自動的に1000pxに縮小する処理です。 つまりここでphpの画像処理を通ることにより、png背景が黒になっていたということ! 数値を消してアップロードしなおしたところ、問題なく透過で表示されました!

このブログの人気の投稿

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

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

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