デザインシステムの作成に便利すぎるFigmaおすすめUIキット【2022年版】
「ウェブの制作コストと時間を節約したい」 「デザインを統一して、一貫性をもたせたい」 「制作に必要なものだけまとめたい」 「シェアしたときのデザインのずれを防ぎたい」 プロジェクトを続けているうちに、ページによってボタンや文字サイズ、余白スペースの幅などがばらばらで、統一感がなくなってしまった、なんて経験があるかもしれません。 さらに、複数のチームによる開発では、デザインのズレだけでなく、同じ作業を繰り返すなど非効率さが目立ち、全体のモチベーションもだだ下がりなんてことに。 一貫したデザイン設計により、技術的な問題を防ぐことができるデザインシステムを作成しようと思いつつ、最初に作るのが時間もかかって大変だから、と導入をあきらめていませんか。 今回は、デザインシステムとしてそのまま使えるFigma用おすすめUIキットをまとめてご紹介します。 プロトタイプ作成に必要なパーツが一式すべて揃い、プ
カスタマイザーのカスタマイズ方法！自由度の高いテーマ作りができるようになります | HPcode（えいちぴーこーど）
カスタマイザーに項目を追加する方法 早速カスタマイザーに項目を追加していきましょう。完全にオリジナルな自分の項目を追加する想定で作っていきます。 公式はこちら → テーマカスタマイズ API – WordPress Codex 日本語版 まずはfunctions.phpに以下のようなコードを書いてあげてください。 （全部を丸々コピーでOKです） function my_customize( $wp_customize ) { $wp_customize->add_panel( 'my_panel', array( 'title' => 'パネル名', 'priority' => 1, ) ); $wp_customize->add_section( 'my_section', array( 'title' => 'セクション名', 'panel' => 'my_panel', 'prior
WordPressでパーマリンク（URL）を自由に設定できるプラグイン『Custom Permalinks』 - ワードプレスの使い方！初心者めっちゃ入門ガイド【ハイパー】
初心者のためにわかりやすくWordPressの導入から設定方法を解説、オススメのレンタルサーバーやビジネステンプレートもご紹介します。 『Custom Permalinks』 WordPressでパーマリンクを自由に変更できます。 Custom Permalinksは非常に簡単に使うことができて、 記事１つ１つにパーマリンク設定ができる優れプラグインです。 Custom Permalinksとは？ パーマリンク設定は、デフォルトでも変更可能ですが、 カテゴリーが統一されてしまい使いにくいって方もいると思います。 Custom Permalinksは非常に簡単に使うことができて、 記事１つ１つにパーマリンクを設定できますので、サイトを引越させた場合など旧サイトをURLを揃えたいときに有効です。 HTMLサイトをWordPress化させた場合など非常に便利だと思います＾＾ 例えば ttp://
WordPressの管理画面カスタマイズ時に使えるハック #3 - NxWorld
function db_recent_posts() { global $post; $args = array( 'numberposts' => 5 ); $recent_posts = get_posts( $args ); echo '<ol>'; foreach( $recent_posts as $post ) { setup_postdata( $post ); echo '<li>（' . get_the_date( 'Y年n月d日' ) . '） <a href="' . get_the_permalink() . '">' . get_the_title() . '</a></li>'; } echo '</ol>'; } function add_db_recent_posts() { wp_add_dashboard_widget( 'db_recent_posts
WordPress 管理画面のカスタマイズ まとめ | hijiriworld Web
WordPress管理画面のカスタマイズ詰め合わせ ※随時更新していきます ダッシュボード 不要なウィジェットを削除 カスタムウィジェットを追加 ウィジェットの配置を変更 投稿画面 不要な項目を削除 エディタ ビジュアルエディタを無効にする HTMLエディタの不要なボタンを非表示 HTMLエディタにカスタムボタンを追加 フッター サイドメニュー メニューの名称変更 メニューの並び替え メニューを非表示 カスタムメニューを追加 管理バー サイト側の管理バーを非表示 不要な項目を削除 投稿一覧画面 不要なカラムを削除（投稿、ページ、カスタム投稿タイプ） カスタムカラムを追加（投稿、ページ、カスタム投稿タイプ） ソート機能も実装した応用技 ログイン画面 スタイルを変更 ログイン/ログアウト後のリダイレクト先を変更 バージョンアップ通知をOFF WordPress本体のバージョンアップ通知 プラグ
WordPressで追加した画像サイズを本文に挿入できるようにする – Simple Colors
WordPressで生成される画像サイズを追加する方法については、画像アップロードで作成される画像の種類を追加するにてご紹介しましたが、これだけだと本文に画像を追加する際のサイズの選択肢に表示されません。 今回は、さらに一歩進めてサイズを追加するとともに、挿入するサイズとして選択できるようにしてみました。 と、盛大な前振りの割には大したことをしなくても実現可能で、3.3から追加されている image_size_names_choose というフィルターフックで、サイズを配列のキー、選択肢として表示されるラベル名を配列の値として追加すれば簡単にサイズの選択肢に表示されるようになります。 ただし、add_image_size と image_size_names_choose へのフックを別々に記述していたりすると、修正した際にミスをしたり、選択肢として表示したい/したくないを統一的に管理でき
WordPressの検索機能をもっと使いやすくする
2013年4月1日 Wordpress WordPressにはデフォルトで検索フォームが設定されているので、一行のコードを追加するだけで簡単に検索フォームを設置することができます。しかしその検索フォームは本当に簡易なもの。よりユーザーが使いやすくなるようにカスタマイズする方法をいくつか紹介します。実際にWebクリエイターボックスで使っているコードも公開しているので、ぜひ参考にしてみてください。 ↑私が10年以上利用している会計ソフト！ 検索フォームの設置方法 まずは基本編、フォームの設置方法です。自分でオリジナルテーマを作成したり、カスタマイズする時に地味にひっかかる検索フォームの設置方法（たぶん）。設置するだけなら以下の一行をテーマファイル内に記述するだけでWordPressが最初から用意しているフォームを実装することができます。 <?php get_search_form(); ?>
【改】WordPressのビジュアルエディタ上の表示と実際の投稿の表示を合わせる方法｜1bit::memo
以前、「WordPressのビジュアルエディタ上の表示と実際の投稿の表示を合わせる方法｜1bit::memo」という記事を書いたのですが、もっとシンプルな方法があったので追記を兼ねて記載しておきます。 前より簡単になりました functions.phpに以下の記述をするだけ。随分簡単になりましたね。 <?php add_editor_style('editor-style.css'); ?> 2行目にある「editor-style.css」がビジュアルエディタ部分に適用させるCSSとなります。 この「editor-style.css」は、適用させるテーマファイルの直下にアップしてください。このサイトの例で言うと http://1bit.mobi/wp-content/themes/1bitmobi_v1/editor-style.css にアップする、という意味です。 CSSの設定 CSS
よくあるカスタマイズコード functions.php 多め
WordPress のテーマを自作するときに、よく使っているコードのまとめです。主に functions.php に書いている基本的なコードばかりです。私は仕事で Webサイトを作っているので、後半はクライアントさん向けの Webサイト用コードです。 私、Evernote を使ってるんですけど、WordPress をカスタマイズするコード … たくさんクリップしてあって、ちょっとごちゃごちゃしてきたので整理しました … X( その中から一般的に使えるコードだけまとめてみました。個人的によく使うコードなど、一カ所にまとめておきたいなーと思ったのでメモ書きです。全部 WordPress 3.2 になってから、テスト済みです。 WordPress のよくあるカスタマイズ 目次 セッティング関連 ソーシャルボタンを追加 抜粋表示、the_excerpt 関連 タイトルの文字数を制限して表示する 特
デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間（コスト）が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities＋IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
Mac初心者には参考になるかもしれないMac作業環境晒し｜男子ハック
@JUNP_Nです。新しいMacBookAirが発売されたら購入すると心に決めているのですが、次のMacは移行アシスタントを使わないでゼロから環境を作ろうと思っています。ということで現在のMac環境を晒しつつまとめてみようと思います。 Spaceseは縦3×横3の9画面を用意 Spacesを使い、それぞれの画面に役割分担をさせています。基本ですね。 僕は縦3×横3の合計9画面を用意しています。画面ごとの役割分担は以下。 ファイル操作、デスクトップ表示用メールクライアント（Sparrow）専用iTunes専用Evernote専用ブラウザ（Chrome）専用編集作業専用（Illustrator、Skitchなど）Twitter専用（Echofon、Twitter）MarsEdit専用Skype専用 一番利用頻度が高いのが「5」のブラウザ画面です。ここを起点に利用頻度が多い画面にすぐ変移できるよ
ノンプログラマー向けのWordPressカスタマイズハック用プラグイン・WP Total Hacks
昨日Twitterにも情報流れてましたけど やっぱり便利なプラグインなので、改め てご紹介。僕やほかのブログでもよく 見かける、functions.phpにコードを追加 して行うカスタマイズを1つのプラグインで 管理できるようにしたもの。 デベロッパーは最近よくお話させてもらっている@miya0001氏。よく見かける、需要の高そうなfunctions.phpでのカスタマイズをプラグインで一括管理出来るようにしてくれました。 ページ推移も不要で、よく見かけるカスタマイズハックを簡単に行うことができます。 functions.phpに追記すればOKなものばかりですが、もともとコードがごちゃ付いてる場合も多々ありますが、PHPの知識が無いとなかなかテーマファイルに手を加えるのはハードルが高いと思います。そんなノンプログラマーさん向けに作られたプラグインです。 出来ることは以下。プラグインを有効化
WordPressの管理ページをより便利にカスタマイズする方法13
2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面：ロゴを変更する ログイン画面：CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ
各種フィード用テンプレートの変更 - dogmap.jp
だるまんさんが、Twitter 上で「なんでwpにfeedのテンプレートがないんだぜ？」とつぶやいていました。 確かに WordPress では、テーマ変更で見栄えがガラッと変わるのに feed は色気の無い画一的なものばかり。 feedburner 導入で表示されるフィードのようにちょっと一工夫したカッコイイフィードを表示すると自己満足度が急速に上がりそうです。 他にも P2 テーマ用にエントリ本文＋コメントを含んだフィードを配信するとか、私的にはあまり嬉しくないですがフィードに AdSense 等の広告を含んだりとか、色々と応用範囲が広がりますね。 そんなわけで、各種フィード用テンプレートをデフォルト以外のものに変更する方法を調べてみました。 結論から言うと、アクションフックの remove, add で、簡単にできます。 WordPress では、各種フィードを要求された場合 do_
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
so-network.biz
仕事で使える実用的なWordPressカスタマイズ
WordPressでフィードを配信しないようにする | CAMP4
theta.ne.jp
Thunderbirdのメールヘッダー画面へコンパクト表示機能を追加「CompactHeader」NOT SUPPORTED
Wordpress発見! WordPress [カスタマイズ]