投稿

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

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

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

googleフォームの回答をメールで受け取る

-
・Gmailのアカウントを持っていないと送信エラーになるので注意 ・トリガーをフォーム送信にする ・スクリプト上で実行しても「TypeError: undefined からプロパティ「response」を読み取れません。」と言われるけど、そりゃそうですよ。「response」はフォーム送信時に初めて取得されるのだから。ということで気にしない。テストは実際にフォーム送信してメールが届くかチェックすればよい。 ・改行は「¥n」じゃなくて「¥n」としないと文字化けする。
コメントを投稿
続きを読む

joomla1-5-15 Japaneseからjoomla3.1.0 Stable Updateしたときのエラー

-
・StableUpdateのデータを丸々上書きしてみる ・PHP3.5.1以降にしてくれといわれる ・xamppが172だったから最新の181をインストールする ・「Strict Standards」とかエラーが沢山出る ・xamppのphp.iniの「error_reporting = E_ALL | E_STRICT」ってところを「error_reporting = E_ALL」にするといいと言うから直して再起動 ・まだ治らない 今ここ
コメントを投稿
続きを読む

メタタグで設定すると、スマホ画面で勝手に画面サイズが変更されなくなる

-
htmlのhead内に書きます！ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes">
コメントを投稿
続きを読む

wordpressで固定ページに対象カテゴリーの投稿一覧を表示してカテゴリーにラベルをつける

-
イメージ
wordpress「habakiri」テーマの固定ページに、「お知らせ」のように投稿一覧を表示する方法です。 ①news.phpを用意します。 <?php $posts = get_posts('numberposts=5&category=1'); global $post; ?> <?php if($posts): foreach($posts as $post): setup_postdata($post); ?> <a href="<?php the_permalink(); ?>"> <?php the_time('Y/m/d'); ?> <span class="label label-<?php $label = get_the_category(); $label = $label[0]; { echo $label->category_nicename; } ?>"><?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?></span><br /> <?php the_title(); ?> </a> <?php endforeach; endif; ?> ■内容の説明 numberposts=表示する件数。 category=表示したいカテゴリー番号。 （カテゴリー編集画面に入った時にURLに書いてあるtag_ID=*←の数字） 指定しない場合は全カテゴリーが表示される。 the_timeで年月日を指定。 class=label　habakiriテーマはbootstrapを使用しているので、ラベルのクラスを使って見栄えをつける <span class="label label-...
コメントを投稿
続きを読む

このブログの人気の投稿

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

-
突然Dreamweaverでコピペができなくなりました！ 具体的にどうなったかというと、ソースをコピー（Ctrl＋C）、そしてペースト（Ctrl＋V）のショートカットを使用したところ、何故かペーストした時に、その直前にコピーしていた情報がペーストされる！ いろんな情報サイトで問題解決方法を検索したが、どうも違うらしい。 で、結果何をして解決したかというと、 ★沢山表示していたページ（タブ）を減らしてみた★ えっ？これだけで解決した…！？ どうやらメモリを沢山食ってた？？のかもしれない。 とにかく、この方法でとりあえずは解決したのでオッケー！ ということで、メモを残してみました。 ドリームウィーバーで突然コピペが出来なくなった！という方がいたら、試してみてくださいね！
続きを読む

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

-
wordpressのテーマ「Twenty Seventeen」を使ってみたのですが、ヘッダー画像（カスタムヘッダー画像）のサイズが、トップページと他のページではサイズが異なり、画像を上下左右最大限まで表示する必要があったので、その設定方法と苦労をメモしておきます。 １．まずは子テーマを作成します（これについては別途記載） ２．子テーマの「function.php」に以下を追加します。 // Eliminate twentyseventeen-front-page home css // フロントページのヘッダー画像を他のページと統一する add_filter( 'body_class', 'my_body_class',20 ); function my_body_class( $classes ) { unset($classes[array_search("twentyseventeen-front-page",$classes)]); unset($classes[array_search("home",$classes)]); return $classes; } フロントページの画像を表示するプログラムを、他ページと同様の扱いにしてしまいます。 最初はトップページ、サブページのヘッダー画像をそれぞれCSSを探って変更したのですが、 IEと他のブラウザで見え方が違ったりと色々苦戦しました。 ３．子テーマの「style.css」に以下を追加します。 .site-branding{ padding:30% 0 !important; height: calc(100vh - 104px); } .panel-image { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: 100%; position: relative; } .has-header-image.twentyseventeen-front-page .custo...
続きを読む

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

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