投稿

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

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

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

wordpressでよく使いそうな関数まとめ

■投稿 //表示中ページの投稿ID取得 $post_id = get_the_ID(); ※$post_id = get_ID();としてしまうと、get_ID()の数字がそのまま表示されてしまう //表示中ページの投稿タイトル取得 $thetitle = get_the_title(); //表示中ページのカテゴリー名取得 $this_tag = single_cat_title(); ■カテゴリー //カテゴリー情報を取得 $cats = get_the_category(); //カテゴリーへのリンクを取得 $cat_link = get_category_link($cats[0]->term_id); //カテゴリー名を取得 $cat_name = $cats[0]->cat_name; ■タグ //タグ情報を取得 $tags = get_the_tags(); //表示中のタグスラグを取得 $tag_slug = $tags[0]->slug; //タグの名前を取得 $tag_name = $tags[0]->name; //タグアーカイブへのリンクを取得 $tag_link  = get_tag_link($tags[0]->term_id); //表示中ページのタグスラグを取得 $this_tag_slug = get_page($this_id); $this_tag_slug = $this_tag_slug->post_name; ・テンプレートファイルの優先順位 tag-スラッグ名.php tag-ID番号.php tag.php archive.php index.php ■カスタムフィールド //カスタムフィールドの内容を取得 $custom = get_field('名前',$post_id); ■よく見る「ループ外で使う」「ループ内で使う」の意味とは? ・ループ外 現在表示中のページ情報(ID)を元に情報を取得する場合は、ループ外で使うということ。 ・ループ内 ページ内で、複数記事を表示するための「foreach($posts as $post):」などを使用した際、その中で記事ご...

wordpressのセキュリティをできる限り最強に強化にする!

1.プラグインをインストール ①SiteGuard WP Plugin ・大体のセキュリティ設定をやってくれる 【設定内容】 インストール・有効化すると、まずはログインURLが変更されます。 プラグイン画面の上部「ログインURLを変更」をクリックし、任意のURLを指定。 管理画面へのアクセス制限を「ON」 画像認証「ON」 「XMLRPC防御」で「XMLRPC無効化」を選択して「ON」 ②Edit Author Slug ・ユーザーIDを偽装させてログインIDを分かりにくくする 【設定内容】 インストール・有効化します。(個別設定メニューは表示されません) 「ユーザー」から各ユーザー編集画面に入ると、最下部に入力画面が表示されます。 「投稿者スラッグ」の所で、ユーザー名でもパスワードでも無い名前をつけます。 念の為、『ニックネーム(必須)」の所に、任意の名前を入力します(管理者 など) 「ブログ上の表示名」のプルダウンを選択すると、4で設定した名前が選択できます。 これは、投稿ページに表示される名前を変更する方法でもありますが、ここを変更しないとそもそも投稿ページにユーザー名、つまりログインIDがそのまま表示されてしまうことになるので、変更は必須です。 また、何故ユーザーIDを変更するのかというと、 「http://***.com/ ?author=1」というようにURLを入力すると、ユーザー番号1番の人のユーザーIDが丸見えになってしまうのです。 元々は、「ユーザー1番の人の投稿まとめページ」としても意味合いなのですが、ここでユーザーID、つまりログインIDが知れてしまったらあとはパスワードを総当りされてしまうということ。 そこで、今回のプラグインを追加することにより、もしユーザーIDが見られてしまったとしても、それは3で設定したログインIDとは全く別のものが表示される、という仕組みです。 ③function.phpに追記 ・ユーザーIDの表示を試みようとするアクセスURLを404ページエラーにする 【function.php】 //ユーザーIDの表示ページを404エラーにする add_filter( 'author_rewrite_rules', ...

wordpressのbasicstoreで子テーマを作成する

wordoressテーマのアクセシビリティに対応した「basicstore」というテーマを導入し、子テーマを作ろうとしてつまずいたのでメモ。 ※basicstoreの子テーマを作るときは、通常のfunction.phpだと親のスタイルシートが反映されない! 子テーマのテンプレートをダウンロードしても、本家や作成元を見ても駄目…。 そこで試行錯誤した結果、やっと怪しいエラーが出ずに親テーマのスタイルシートが反映出来るようになりました・ ①子テーマのフォルダ「basicstore-child」を作成 ②function.phpを作成 <?php add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { wp_enqueue_style( 'style', get_template_directory_uri() . '/../basicstore/assets/css/basicstore.css' ); wp_enqueue_style( 'basicstore-main-style', get_template_directory_uri() . '/../basicstore/assets/css/theme.css' ); wp_enqueue_style( 'basicstore-wp-style', get_template_directory_uri() . '/../basicstore/assets/css/wp.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css'); } これは、親テーマのfunction.phpを覗いた時に「basicstore.css」と「theme.css」と「wp.css」を読み込んでいる箇所から引用し、かつ子テーマから見たときの階...

wordpressの簡単子テーマ作成方法

①親テーマのフォルダ名+「-child」のフォルダを作成する 場所はwordpressをインストールしているディレクトリの「wp-content」>「themes」の中。 親テーマと同じ階層。 「coldbox」なら「coldbox-child」 「basicstore」なら「basicstore-child」 ②function.phpとstyle.cssを作成する ■function.phpの中身は <?php add_action( 'wp_enqueue_scripts', '***_enqueue_styles' ); function ***_enqueue_styles() { wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css' ); } // テーマフォルダ直下のeditor-style.cssを読み込み add_action('admin_init',function(){ add_editor_style(); }); ?> エディタcss の読み込み前までで問題ないが、エディタでもサイトと同じ見栄えにする為、エディタ用のスタイルシートも読み込む設定をしておくと便利。 「***」の部分は親のテーマの名前を入れる。 ※親テーマによっては、funciton.phpに記載する方法が異なる事があります。 よく子テーマ作成で紹介されているのは、「theme_enqueue_styles」ですが、 「coldbox」の場合は「coldbox_enqueue_styles」になります。 「basicstore」の場合は「my_theme_enqueue_styles」になります。 「テーマ名 wordpress child」で検索をかけると、子テーマファイルがDL出来るサイトが表示されるので、探してみましょう。 ■style.cssの中身は /* Template: *** Theme Name: ***-Child */ 「***」の 部分には親テーマの名前を入れる。 ③wordpressの...

このブログの人気の投稿

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

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

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