アドベントカレンダー6日目の記事です。オンラインコミュニティでライブ放送を視聴したときのことを記事にしてくださいました。嬉しくなる記事で、ライブ放送もやってよかったなと思いました。なんかを書きたいと思います。フレームワークを使用しています。ついては今までいくつか記事を書いているので詳しくはそちらをご参照ください。書けているのかというと微妙なところはあるかもしれませんが、あまり気にしていません。下記のようなディレクトリ構成で運用しています。と一階層落としているところですね。以外のディレクトリで管理する煩雑さと天秤にかけてこちらの構成を選択しました。やってみると意外に使いやすくて気に入っています。読み込むようにしています。別に読み込まなくても良いんですよね。テーマコメントが書いてあって、ディレクトリに存在だけしとけばいいのです。入れる!」という運用にしています。僕的に他の人がどうしているか気になるのに意外にググっても記事がないランキング上位の余白設計について書きます。そのどちらでもなく、隣接セレクタを使ってマージンをつけるようにしています。1.5rem;}という感じです。実際は見出しはバランスを考えて余白のとり方を変えたりしているので上記の通りではないですが、おおよそこんな感じです。僕は最初の例のように下マージン派だったのですが、ここでは余白はいらないなというところを毎回打ち消す作業がすごくストレスでした。最後の要素の余白!めんどくさすぎ!しかも結局場所場所でバランス考えて余白の大きさを変えることも多いし、それならいっそ基本マージン0にしてしまって、必要に応じてつけるほうが管理しやすいのではないか、と考えたところがはじまります。その場所(例えば記事内とか)の中では各要素間の余白のとり方は基本的に同じなので、隣接セレクタで一気に指定してしまうようにしてみたところ、これが超使いやすい!ということで、次のようなミックスインをつくってそれぞれの場所で要素間の余白を定義できるようにしています。制作とすごく相性が良いです。}}のようなスタイルを強制的に上書きしてきて、すさまじいストレスでした...。10px;}のようにすると思いますが、これだとバランス良い余白を設計しようとしたときに数値をものすごく記憶しておかなければいけません。都度目でみてピクセル調整するというのであれば別ですが、それにしてもあとで「やっぱり全体的に余白をちょっと広めに調整したい」となったときは大変です。_padding(1);}のように、なんとなく広めにしたい・狭めにしたいというくらいの感覚で係数を指定すれば勝手に計算して良い感じの余白を設定してくれるようにしました。内部に変数をもっており、全体的に広めにしたい・狭めにしたいというときはその変数を上書きしてやれば1撃で全体の余白バランスが調整できるような仕組みにしています。使える方はぜひ使ってみてください。Gallery皆さん、ライトボックスはお好きでしょうか?僕は大好きです。あのオシャレにオーバーレイで画像を拡大表示しれくれるアレです。実装することが可能です。ライトボックス表示できるようにしています。使っていないので、ガクつかない、軽いなどのメリットがあります。×>×<>×<>×<エディタースタイルで注意が必要なポイント基本的な設計については以上ですが、エディタースタイルとしてスタイルを共用しようとした場合はもうひと工夫必要になります。使っている場合、例えば次のようにするとフロントのスタイルとエディタースタイルを一発で作成できます。CSS(style.css)もエディタースタイル(editor-style.css)も作成することができます。やったー!...とはならないのです...。要素に強制的にスタイルが当たるこちらをご覧ください。いうスタイルが読み込まれています。デフォルトでもつエディタースタイルで、自動的に読み込まれるものです。ような要素を記事中においたときに、強制的に上書きしてきて「うわぉ」となっちゃうのです...。僕は下記のようにして、エディタースタイルでは自分で定義したクラスの詳細度をあげるようにしています。「メディアを追加」からギャラリーが挿入できます。いうフィルターフックでカスタマイズできるようになっています。内のギャラリーには反映されないのです。内でちゃんとスタイルが当たらないのです!まぁ管理画面内だし、サイトを訪れたユーザーに見えちゃうわけじゃないので良いっちゃ良いのですが、なんかいやじゃないですか。下記のように蓋をしてしまうことにしました。これ、なかなか良いアイデアだと思ったのですがどうでしょう?明日は明日はものくろさんが参加登録してくださっていまいた、ありがとうございます!今から楽しみです。フレームワーク等、多数のプロダクトをオープンソースで開発・公開しています。リリースしてから1年が過ぎました。カスタマイズできる初期設定がいくつかあります。アドベントカレンダー3日目の記事です。昨日は公式テーマディレクトリのレビューアであるミルコンさんが参加してくれました。アドベントカレンダー1日目の記事です。アドベントカレンダーは完全に一人だったのですが、今年はすでに3名の方に参加表明いただいていてありがたい限り。良いテーマにするために、今後の機能開発等について情報共有したりディスカッションをしたりする場所です。多くのユーザーの交流があったほうがより良いプロダクトに育っていくと思いますので、ぜひご参加ください!オンラインコミュニティについてこの投稿へのコメントコメントはありません。コメントを残すコメントをキャンセルこの投稿へのトラックバックトラックバックはありません。機能を損なわない形で必要十分な機能を備えており、初心者にも使いやすく、カスタマイズ性/拡張性の高さから開発者向けにも最適なテーマです。WordPressしっかり納得してからご購入いただけるように試用版を用意しています。