投稿

11月, 2020の投稿を表示しています

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

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

wordpress habakiriテーマでget_postsを使うと投稿のブログトップに固定表示がされない

wordpressのhabakiriテーマで、ニュースを表示する部分を「news.php」として作成していました。 wordpressで固定ページに対象カテゴリーの投稿一覧を表示してカテゴリーにラベルをつける しかし、投稿の設定で「ブログトップに固定」の表示にチェックを入れても固定表示されないバグがありました。 調べてみると、get_postsを使用すると固定表示がされないという問題が発覚。 wp_queryで表示しなければいけないとのこと。 そこで、内容を大幅に書き換えました。 ■news.php <?php $arg = array( 'posts_per_page' => 5, //表示記事件数(-1で全件表示) 'category' => 10, //カテゴリーIDが10の記事にしぼりこみたいとき 'orderby' => 'date', //並び順 'order' => 'DESC' //降順(日付の新しい順) ); $query = new WP_Query($arg); ?> <?php if($query->have_posts()): ?> <?php while($query->have_posts()):$query->the_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->categ...

wordpressのcontactform7のエラーメッセージをキレイにする(スタイルシートのみ!)

 contactform7でお問い合わせフォームを送信する際、入力必須項目が空だとエラー分が自動的に表示されるが、その表示位置や見栄えの調整をキレイにするためのスタイルシートをメモ。 ■フォーム上部にエラー文が並ぶので削除 /*上部のエラー文を消す*/ .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } ■各フォームの右側にエラー文が表示されるので、フォームの下に表示されるよう調整  &赤文字で表示する /*各場所のエラー文位置調整*/ .wpcf7 span.wpcf7-not-valid-tip { display: block; position: static; top: 0; left: 0; border: none; color: red; } ■メールフォーム送信 /*最下部のメッセージ装飾*/ .wpcf7 .wpcf7-response-output { margin: 20px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wpcf7 .wpcf7-validation-errors { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; } .wpcf7 .wpcf7-mail-sent-ok { color: #3A87AD; b...

このブログの人気の投稿

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

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

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