Code Stocks テーマについて

管理画面ログインで使用するテーマです

Code Stocks テーマは、プライベートでの使用を目的とし、自分専用のノートに利用できます。また Code Stocks という名前の通り、プログラミングのコードを集めるような作りに特化しているのも特徴です。 具体的には、Codepen や CodeSandbox などを iframe 表示する事により、同じ画面内でソースコードを参照できます。詳しくはサンプルサイトをご覧ください。(初回で表示される start.me はスタートページを作れるサービスです。便利なので利用していますが、自由に変更できます)

使い方

wordpress のテーマファイルとしてお使いください。wordpress のインストールについては公式サイトをご参考ください https://ja.wordpress.org/

最低限必要なプラグイン

• ACF to REST API → カスタムフィールド内容を restAPI� に入れる
• Advanced Custom Fields → カスタムフィールド管理
• Intuitive Custom Post Order → カテゴリや投稿を並べ替えられるようにする

初回インポートファイル

import-latest.xml をお使いください。(プラグインを先に入れてから)

カスタマイズ等

当テーマは gulp を使用し scss コンパイルや tailwindcss など様々なビルド作業を行う事により作成されています。もし gulp の使用経験がある場合は、npm install から初めて頂いて問題ありません。どんどんカスタマイズしちゃってください。

ユーザー情報表示箇所

• サイト名
• ユーザー説明
• ユーザーアバター を使用しています。ソーシャルアイコンは私のものが入ってますので差し替えて構いません。(というかプライベートならいらない？？)

サイドバー左右入れ替え

検索窓の下にあるアイコンで左右入れ替えができます。デフォルト左サイドバーです。デフォルト値を変更したければカスタマイズしてください。

• src/js/json-read.js(ビルド前元ソース)
• buils/js/scripts.js(ビルド後ソース)

isSidebarLeft:  true // falseに変更

プライベートではなく公開用に使いたい場合

php ソース内の is_user_logged_in()でくくってる部分をコメントアウトすれば表示されます。ただ、目的外なので不具合が出るかもしれませんので、そこは自己責任でお願いします。さらには SEO 対策レスポンシブ対応は一切行っていません。URL も基本的に一つですのでご了承ください。

• last update 210923 note/star/code タグ表示アイコン追加
• update 210921
• update 210914