A2-blog

WP自作テーマ「blank-1」バージョン履歴

投稿日:2017/5/9 更新:2019/11/14 コメント 0件 ワードプレス Expression Web 4, Local by Flywheel, WPテーマ作成, サイト運営, ローカル開発環境, ワードプレス

2017.04.15 WPローカル開発環境「Local by Flywheel」を導入して自作テーマの開発開始

最新の更新内容はCSSファイルに記載

 

Ver.0.0 (2017.04.xx)

• 自作テーマの開発開始
• 2017.04.15 Local by Flywheelを導入してローカル開発環境を整える

 

Ver.1.4

• syntaxhighlighter設置
• 管理画面のカラムにサムネイル表示

 

Ver.1.5

• 個別記事のタイトル下に<hr>を挿入
• <?php the_excerpt(); ?>の前後にあった不要な<p></p>タグを削除

 

Ver.1.6

• 管理画面にスラッグの項目(カラム)を表示、<pre><blockquote>スタイリング

 

Ver.1.7

• 404.phpの簡略化し、ヘッダーの条件分岐にis_404を追加
• single.phpとindex.phpにedit_post_link()を設置して記事から投稿画面への移行可能にした
• 最近のコメントリストを1.5em字下げ
• rel=”profile”を無効

 

Ver.1.8

• テーマチェック通過の為にphp post_class()とphp wp_link_pages()を設置
• 画像ページのパンくずリストが正常に出力されないのでis_attachment()で条件分岐

 

Ver.1.9

• トラッキングコードをphp化してheader.phpに読み込む

 

Ver.2.0

• tqg_cloudをベーシックなヴィジェットとして組み込む方法に変更

 

Ver.2.1

• プラグイン不要のアイキャッチ付サイトマップをpage.php(スラッグ:sitemap)に設置
• 読み込みスピードを上げるためにreset.cssをインライン化

 

Ver.2.2

• サイトマップページの微調整(CSS,ヘッダーに条件分岐追加)

 

Ver.2.3

• font-awesome,bootstrapをCDNで読み込み
• カスタムフィールドの表示させるphp the_meta()タグ設置
• index.phpのthe_excerpt(抜粋)を削除して抜粋記事を表示しない設定に変更
• index.phpにphp echo paginate_links()を実装してナンバー付ページネーション設置

 

Ver.2.4

• Ver.2.3のページネーションを廃止して新たにプラグなしのページネーションを設置
• single.phpの次と前の記事タイトルがバッティングしないようにCSSを調整
• fontAwesomeのコードにアイコン表示幅を統一する「fa-fw」を追加
• Theme-checkでfont-awesome,bootstrapをCDNで読み込むなと言われたので元に戻す

 

Ver.2.5

• Ver.2.4のページネーションがエラーコードがサイトに表示されるので廃止して作り直して設置
• Adsense広告や検索フォームのメディアクエリ設定で中央配置
• CSS文書がアップすると文字化けするので「@charset “utf-8″」を設置

 

Ver.2.6

• その他のページネーションのclass(prev_sectionなど)を間違って削除していたので復元
• フッターのphp the_date(“Y”)からphp echo date(“Y”)に変更
• footer.phpにぬるっと戻るボタンをjsで実装
• Bootstrapで中身を画面の中央に幅を固定するクラスcontainerとrowを設置し忘れを修正
• font-size: 13px

 

Ver.2.7 (2017.05.04)

• 投稿画面に移行できるように「edit_post_link」をarchive.php、search.phpにも設置
• ファビコンパス<?php echo get_template_directory_uri(); ?>/images/…

 

Ver.2.8 (2017.05.05)

• php the_meta()を使うと以前のテーマのカスタムフィールドが表示されるので中止

 

Ver.2.9 (2017.05.05)

• コード表記には<pre>タグで十分みたいなのでsyntaxhighlighter廃止
• ブログタイトル(h1)を記事タイトルになるように条件分岐していたがサイト名固定に
• archive.php,serch.phpにサブタイトル領域を追加

 

Ver.3.0 (2017.05.05)

• WordPressの既存のjQuery読み込みを除外し、wp_enqueue_scriptで読み込む

 

Ver.3.1 (2017.05.06)

• index.phpに新規投稿時にアイキャッチ画像がない時はデフォルト画像を添付するように修正
• 「続きを読む」のデザインをちょっと装飾
• 人気記事をプラグインなしで表示(問題点・・・管理者やGoogleのアクセスもカウントされる模様なので様子を見て要改造)

 

Ver.3.2 (2017.05.07)

• aリンクのhover時のカラーを#cccに統一
• 人気記事にメディアクエリを設定
• モバイルではリスト形式のカテゴリーを非表示にし、ドロップダウン形式を表示に変更

 

Ver.3.3 (2017.05.07)

• カテゴリーページの時にパンくずの表示が正しくなかったのでヘッダーの条件分離に追加
• フッター用ウィジェットの修正

 

Ver.3.4 (2017.05.07)

• footer id=colophon 削除
• page.phpに投稿画面へのリンクを追加
• タグクラウドの表がおかしいので再設定とfunction.phpに表示設定を追加

 

Ver.3.5 (2017.05.08)

• Theme checkに「ファイル index.php で get_bloginfo(‘template_directory’) が見つかりました。代わりに get_template_directory_uri() を使用してください。」と表示されたので修正

 

Ver.3.6 (2017.05.08)

• 個別ページの上部にも「edit_post_link」を設置
• フッターにwp_get_theme()を使ってテーマのバーションを表示

 

Ver.3.7 (2017.05.08)

• 人気記事リストのタイトル設置とCSS装飾
• テーマのバーション表示を削除

 

Ver.3.8 (2017.05.09)

• サイドバーのリスト表示にボーダーとhoverアニメーションを付ける
• フッターにテーマのバーションを再表示
• リストタグのスタイルが表示されないのでリセットしたリストタグのスタイルを元に戻して対処

 

Ver.3.9 (2017.05.10)

• テキストウィジェットにリスト表示すると意図しないところに下線が付くのでテキスト内容を<div class=”underline_bottom”>で囲んで処理するように変更
• おススメ記事を設置

 

Ver.4.0 (2017.05.11)

• テーマの変更遍歴のページを作成したのでフッターのバージョンへのリンクをそちらに貼る
• テーマのscreenshot.pngを黒背景に白地のテキストに変更

 

Ver.4.1 (2017.05.12)

• single.phpにカテゴリー関連記事リストを設置
• 関連記事、おススメ記事、人気記事を画面サイズにメディアクエリで調整

 

Ver.4.2 (2017.05.12)

• フッターの著作権表記を「C 開始の年 – 現在の年 edit-anything」に変更
• syntaxhighlighter再表示

 

Ver.4.3 (2017.05.13)

• 個別投稿ページの<p>タグにclear:both;を設定して画像の回り込みを解除

 

Ver.4.4 (2017.05.17)

• 個別記事の行間 line-height: 1.75
• 個別記事の段落(<p></p>タグ)の上下に20pxの余白を付ける
• タグの表示数を50→75,表示順を名前に変更
• syntaxhighlighterを廃止

 

Ver.4.5 (2017.05.19)

• ビジュアルエディターとの差異を生めるためにエディター用CSSを設置
• 人気記事一覧が機能していないのでプラグインに変更
• 記事内の画像に枠線を付ける

 

Ver.4.6 (2017.05.20)

• 記事内の画像に枠線を付けると画像がぼけるのでやめる
• WordPress Popular Postsのサムネイル間隔を設定

 

ERRORログ

• 自作の人気記事一覧のコードが途中まで読み込んでそれ以降表示されなくなるがコメントアウトしていたsidebar.phpのコードを削除したら解消

 

Ver.4.7 (2017.05.22)

• pre,blockquoteの装飾を微調整

 

ERRORログ

症状

記事の編集をしていたらいきなりログイン画面が表示されてログインすると以後、以下のようなエラーが出てダッシュボードにログインできなくなる

• 「Notice: wp_deregister_script が誤って呼び出されました。管理画面では jquery スクリプトの読み込みをオフにしないでください。フロントエンドテーマだけをターゲットにするには、wp_enqueue_scripts フックを使いましょう。 詳しくは WordPress のデバッグをご覧ください。(このメッセージはバージョン 3.6.0 で追加されました) 」

解決策

• add_action(‘init’, ‘load_jquery’); → add_action(‘wp_enqueue_scripts’, ‘load_jquery’); 解決

 

Ver.4.8 (2017.05.24)

• 「この記事を編集」の位置と装飾を変更
• single.phpの<hr>を削除、それに伴い投稿日、カテゴリー、タグなどの位置を調整
• <h4>タグの下に下線をつけてpadding-bottomを設定

 

Ver.4.9 (2017.05.25)

• Table of Contents Plusを導入 プラグインCSSを無効にしてCSSで装飾

 

Ver.5.0 (2017.05.27)

• 記事内の画像にやっぱり枠線を付ける

 

Ver.5.1 (2017.05.29)

• 投稿日などの日付に曜日をつける echo get_the_date() → the_date(“Y年n月j日 l”)
• 記事内のリストの装飾と枠線で囲む

 

Ver.5.2 (2017.06.01)

• Table of Contents Plus(目次)の行間調整

 

バージョンの命名方式を変更

• function.phpを弄るなどのシステム的な変更を加える場合は「+1.0」、それ以外のCSSなどを弄る時は「+0.1」ずつ増加することにする

 

Ver.6.0 (2017.06.11)

• Facebook、はてな、Twitter、ポケットボタンをsingle.phpに記載してインクルード
• Feedlyを追加(コードがhttp://～ → //～)
• YouTube登録者数つきボタン追加
• Twitterフォローボタン追加
• アドセンス用ウィジェットを追加
• カレンダー設置とCSS装飾
• class=date2を左寄せに戻す
• WordPress Ver.4.8からウィジェットの改行されるようになる
• 記事の中に広告を入れてみる
• 続きを読むの装飾変更
• index.phpのカテゴリー･タグを削除
• コメント装飾変更(サイドバー)
• ウィジェット追加
• Adsense広告コードをすべてレスポンシブ対応に変更
• Adsenseを5個設置テスト
• 投稿日などの曜日表記を削除
• 人気記事のVIEWなどの表示を止める
• 人気記事一覧にナンバリングを付ける
• 見出しページ数を20→27ページに変更

 

ERRORログ (2017.06.11)

症状

• 一部コメントが表示されなくなる

解決策

• single.phpの記述順がまずかったようで関連記事とコメントの並びを逆にするしたら解消

 

ERRORログ

症状

• 画面幅を縮めると枠線が現れる

解決策

• テーブルを設定する時に<div class=”table-responsive”>で何故か囲まれていた

 

Ver.6.1

• 記事中の広告の枠線の片方が切れるのをpadding:0 2px修正

 

Ver.6.2

• 記事内の広告を削除
• ダブルレクタングル形式で広告を設置

 

Ver.6.3

• 目次をプラグインデザインに戻す

 

Ver.7.0 (2017.07.12)

• index.php,search.php,archive.phpから「続きを読む」を出力する
• テンプレートタグ「<?php the_excerpt(); ?>」を外す

 

Ver.7.1 (2017.07.16)

• list-style: discが表示されないのを解消
• 画像の枠線なしにする

 

Ver.7.2 (2017.07.17)

• 画像の枠線なしをやっぱりやめる
• サイドバーウィジェットにPCスペックを追加

 

Ver.7.3 (2017.07.20)

• 枠線なしテーブルのCSS追加

 

Ver.7.4 (2017.07.23)

• preタグの調整

 

Ver.7.5 (2017.07.25)

• 枠線なしテーブルのCSS再調整

 

Ver.7.6 (2017.07.31)

• blockquoteの背景色変更 rgba(228,228,222,0.2) → rgba(0,0,0,0.1)

 

Ver.7.7 (2017.08.03)

• 枠線がの上にタイトルがあるような枠線のCSSを追加

 

Ver.8.0 (2017.10.14)

• AmazonJsのデザインをカスタマイズ
• アイキャッチ画像のデザインを統一
• アイキャッチ画像を枠線なし画像にして枠線はCSSで装飾
• コメント領域と関連カテゴリーの位置を入れ替える
• 人気記事のランキングナンバーを外す
• トップメニューのアクティブページに背景色を付ける(blogのみ)

 

Ver.8.1 (2017.10.14)

• Expression Web4の隠しファイルまでテーマとしてアップロードしてしまう
• コメント領域と関連カテゴリーの位置を入れ替えたらコメントが表示されない不具合が発生したので取り敢えず元に戻す

 

Ver.9.0 (2018.09.11)

• インフィード広告を設置する

 

Ver.10.0 (2018.12.23)

• ブログカードを実装

 

Ver.11.0 (2019.02.01)

• font–display: swap;