投稿

ラベル(子テーマ)が付いた投稿を表示しています

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

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

Lightningテーマをいじってみた。コピーライトを消す・ページ内アンカーの時にナビゲーションバーの下線を消す

 Wordpressのテーマ「Lightning」を使用するにあたり、以下の問題にぶち当たって解決! 1.コピーライトが消せない 2.1ページものでページ内リンク(アンカー)した時に、グローバルナビゲーションに下線がついてしまう ※但し、これらの解決方法はかなり強引なので、オススメはしない。 まず「1」コピーライトが消せない いろんなサイトを調べてみると、子テーマで簡単に消せるような記述があるけど、どういう訳か子テーマをいじっても消せなかったので、親テーマをいじってやる。 wp-content/themes/lightning/_g3/inc/template-tags.php 251行目あたりの //Powered. から下3行くらいを、/* */ で囲ってコメントアウト!

【解決】Twenty Seventeen のテーマで、トップページにお知らせの「この投稿を先頭に固定表示」が効かない

 タイトルの通り、wordpressのテーマ「twenty-seventeen」を使用したサイトにて、投稿(お知らせ)記事の「この投稿を先頭に固定する」にチェックを入れた所、「お知らせ」ページ内では上部固定されるが、トップページでは固定されない現象がありました。 色々調べた所、以下のソースを変更することで解決しました! wp-content > themes > twentyseventeen-child(ここは子テーマ) > template-parts > page > content-front-page-panels.php 63行目 'ignore_sticky_posts' => true, を 'ignore_sticky_posts' => false, に変更 先頭固定表示にする記事は「sticky」というclassがつくようになっていて、 つまり「ignore」=「除外する」 「sticky_posts」=「固定記事」 「true」=はい 「固定記事という設定を無視しまーす」 という指定になっていました。 いやいや、日本語サイトもそうですが、海外で記事を漁ってもなかなか出てこず、手こずりました。

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(ドリームウィーバー)でコピーができない。ペーストができない。

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

bootstrap5 で「fs-md-1」 のように画面サイズによってフォントサイズを切り替えるcssを追加する