投稿

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

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

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

Cookie Notice for GDPR & CCPA　を使ってみたが表示されない！→解決

-
 クッキーの使用云々でGDPRを云々やることになったので、ワードプレスのサイトなのもありせっかくなのでプラグインを漁ってみた。 「Cookie Notice for GDPR & CCPA」というプラグイン。 基本は日本語化されているし、微妙に残っている英語も翻訳すればわかる程度。 設定も簡単でポンポンと完了させたのだが、何故だか！表示が！されない！ そもそも「Local」というWordpressのテスト環境がアプリひとつで構築できるMac用のアプリを使っていたのだが ・ローカル環境だからだめなのか？ 　→そんなはずはない ・オンラインの別のテストサイトでプラグインを設定 　→表示された… そこで、開発者ツール（webインスペクタ）を表示し、キャッシュ許可に関するポップアップが表示されているエリアを検証。 「cookie-notice」というclassなどを多用していたので、表示されていない側のテスト環境のソースで「cookie-notice」を検索。 だが、スタイルシートの読み込みくらいしかヒットしない！ ということは、本来読み込まれるはずの「ヘッダー」or「フッター」の位置に、プラグインの読み込みがされていないということではないか、という所へ至る。 プラグインが読み込まれる位置は「フッター」であれば、＜/body＞のすぐ上だったので、WPのソースを見に行くことに。 wp-content/themes/テーマ名/footer.php そして、「表示されるサイトのfooter.php」「表示されないサイトのfooter.php」の、/bodyタグの上に何があるか……！ ＜？php wp_footer(); ＞ に行き着きました。 ヘッダーの場合はおそらく wp_header　の箇所なのだろう。 今回表示させたかったWPのサイトは、完全カスタマイズされたWPテーマだったため、この記述が必要無かったのかもしれない…。 案の定、footer.php　の/body　直上に　wp_footer　の記述を追加したら、キャッシュ許可のポップアップが表示されました！！ 今後の為にメモ。
コメントを投稿
続きを読む

お名前.comにワードプレスを簡単移管！

-
 お名前.comのレンタルサーバーにて公開していたサブドメインのHPで、「サブドメインを管理画面から削除しちゃった」という連絡が来て死にそうになりました。 仕方なくテスト時にお名前の初期ドメインにインストールしたワードプレスから、お名前のサービス「WordPressかんたんお引越し for お名前.com」を使って復旧させることにしました。 １．サブドメインを再度作成する ２．サブドメインにSSL設定をし直す ３．新しくDBを作成する ４．初期ドメイン（＊＊＊＊.onamaeweb.jp）URLをコピーしておく 　　外部URLにテスト環境がであっても、そのURLでOK ５．お名前の管理画面から「WordPress簡単お引越し」を選択 ６．先程のURLと、管理者のID、PASSを入力 ７．新しく作ったDBを指定 簡単お引越しプラグインのおかげでスムーズに復活させることに成功しました！！ その後、旧データベースから直近の投稿を漁って投稿し直しました。 ※Elementorプラグインを使用していたので、WAFをOFFにしないと記事の「更新」ボタン押下時にエラーが出ましたが解決済み。
コメントを投稿
続きを読む

多面ダイス（サイコロ）の計算javascript共通関数

-
多面ダイスの共通関数 function dice(num1,num2){ var dice; dice = num1*((Math.floor(Math.random()*num2))+1); return dice; } 呼び出す時 var d100 = dice(1,100);
コメントを投稿
続きを読む

このブログの人気の投稿

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の設定 改行：前、中間、後 コンテンツ：フォーマット及びインデントあり 最後に、「ソースフォーマットの適用」 ソース画面左の「ソースコードのフォーマット」アイコンを押して、「ソースフォーマットの適用」を選択すると、開いているソースの中身が整形されます。 ざっと見直して問題なければこれで完了！
続きを読む