【CSS】box-shadowでリアルな影を作成できる便利ツールまとめ
ほんのり影がついたようなドロップシャドウは、「浮いている」ような立体感を演出できる、ウェブサイトでは欠かせないデザイン要素のひとつです。 ドロップシャドウの使い方によって、デザインでユーザーを魅了するUIテクニックで、CSSによる手軽で、柔軟なスタイリングができるのも人気の理由でしょう。 しかし、いざCSSでドロップシャドウを作成しようとすると、設定する項目が多すぎて、なかなか思い通りの影が表現できないことも。 今回は、手軽な設定のみで、魅力的なドロップシャドウを作成できるオンラインツールをまとめてご紹介します。 簡単なクリック操作で、本物そっくりなリアルな影を作成できますよ。 Shadow Palette Generator ツールの特長 Shadow Palette Generatorは、後ほど紹介するツールにはない、ユニークな点が２つあります。 １つのCSSドロップシャドウを生成する
WordPressの主要なアクションフックが実行される順番を検証してみた | WEMO
WordPressのカスタマイズにおいて欠かせないのが、アクションフックとフィルターフック。 今回はこの「アクションフック」の方について知識をつけていこう！ ということで、WordPressの主要なアクションフックの実行順序について検証してきたので、メモしておきます。 どのアクションが早くてどのアクションが遅いのかを、フロント側で実行される20種のアクションフックについて調べてみました。（全部のアクションフックを検証するのはきつすぎた...。笑） 全アクションフックはここで確認できます：Codex日本語版：プラグイン API/アクションフック一覧 検証結果：主要なアクションフックの実行順序一覧 先に結果を。 今回の検証で確認できた実行順序は次の通りでした。 after_setup_themeset_current_userregistered_post_type（複数回実行）registe
新規タブを開いた時の表示をカスタマイズできるChrome拡張いろいろ
2019年8月14日 便利ツール Chromeのデフォルトだと、新規タブを開くとよくアクセスするWebサイトが表示されますね。以前はSpeed Dial 2を使っていましたが、無駄にそれらのWebサイトをチェックしてしまったりと作業効率が下がっていたので、「シンプルなToDoリストが表示したい！」と思いあれこれ調べてみました。ついでに面白そうな拡張もあったので記事にしましたよ。みなさんのお気に入りが見つかりますように！ ↑私が10年以上利用している会計ソフト！ 機能的なのとか New Tab Redirect New Tab Redirectは新規タブを開いた時に、任意のWebサイトを表示してくれます。デフォルトだとホームボタンをクリックした時のWebサイトは指定できるのですが、タブを開く時は決められないんですよね。いつもチェックしたいWebサイトがある時はこの拡張が便利です。 Speed
ACF | Advanced Custom Fields Plugin for WordPress
Edit smarter with Advanced Custom Fields for WordPress Developers. Content editing made easy Use the Advanced Custom Fields plugin to take full control of your WordPress edit screens & custom field data. Learn more View pricing Proudly powering 2+ million websites and achieving a 5 star rating! Add fields on demand Our field builder allows you to quickly and easily add fields to WP edit screens wi
サルワカ | サルでも分かる図解説明マガジン
サルワカくん 知っておきたい「暮らしの雑学」や「インターネットの知識」を分かりやすく解説していきます。
子テーマを作ってWordPressの既存テーマをカスタマイズする方法
2017年5月1日 Wordpress いまやブログだけではなく、会社紹介のWebサイトやポートフォリオサイト、ECサイトに至るまで、様々なタイプのWebサイトで利用されているCMS、WordPress。すでにデザイン・コーディングが済み、自由に利用できる既存のテーマも豊富に配布されています。今回はそんな既存のWordPressテーマを使うメリットや、子テーマを作成してカスタマイズする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの既存テーマを利用するメリット ちょっと検索すればたくさんのWordPressの既存テーマが見つけられます。既存テーマを利用すると、どんなメリットがあるのでしょうか？ 制作時間を短縮できる こういった配布されているテーマを使うメリットは、なんといっても制作時間の短縮。豊富なテーマの中には、自分の思い通りのレイアウトのものも見つけら
WordPressのユーザーページ(author.php)テンプレートをカスタマイズする
Posted: 2010.08.28 / Category: WordPress / Tag: テンプレートカスタマイズ, 管理画面 Wordpressを複数人で管理する場合ユーザーページ（authorテンプレート）を利用すれば、ユーザーごとの自己紹介ページを簡単に作成できます。 この記事では管理画面の「ユーザー編集」で入力した情報をユーザーページ（authorテンプレート）に表示させることから始め、「ユーザー編集」での不要な項目の削除や、最終的にはオリジナルのフィールドを追加するということをやったりしてみます。 ユーザーページを確認してみる。 まずユーザーページを確認してみましょう。 ブログURLのあとに「/author/[ユーザー名]」でユーザーごとのページが表示されます。 http://www.example.com/author/[ユーザー名] 何も設定していないとアーカイブページ
ターミナルをもっと使いたくなるような環境に構築する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、二次元☆フロントエンドエンジニアのTKです。 昨今のフロントエンド業務では、SassやBabel、Gulpなどのコマンドラインツールを使うことが当たり前になってきて、初めはビクビクしながら触っていた黒い画面（ターミナル）にも、だいぶ慣れてきました。 今回は、フロントエンドエンジニアがターミナルをもっと使いたくなるような環境を作っていきます。カスタマイズは、Macに標準でインストールされているターミナルとbashをベースにしています。 作業が効率化されたり便利になったりするような内容ではありませんので、ご注意ください。 カラーテーマを変更する デフォルトで設定されているカラーテーマは、視認性・可読性を重視してかなりハイトーンな配色になっています。ハッカーみたいで格好良く実用性も高いのですが、普段使用しているエディタのテーマと配色を揃えることで、ターミナルをもっと身近に感じられる
query_posts（WP_Queryクラス）で’tax_query’を使いこなす
説明 2日にわたって投稿した「query_posts（WP_Queryクラス）でカテゴリーを絞り込む」「query_posts（WP_Queryクラス）で投稿タグを絞り込む」の続き。今日はカテゴリーや投稿タグ以外ののタクソノミーによる絞り込み、複数のタクソノミーの絞り込みの組み合わせについてまとめてみる。 そもそも一連の投稿のきっかけになったのは、新テーマ「Twenty Eleven」の短冊ウィジェットがきっかけだった。その部分はこちら。 'tax_query' => array( array( 'taxonomy' => 'post_format', 'terms' => array( 'post-format-aside', 'post-format-link', 'post-format-status', 'post-format-quote' ), 'field' => 'slug
相模原市ホームページ制作 ロックストリーム
個人で制作している「食！相模原」というサイトで、 場所とジャンル（例えば、中央区、ラーメンなど）で検索をしたいため、 検索条件のカスタムが必要になります。 当初「Search Everything」というプラグインを使っていましたが、 検索結果が完全一致ではないため、どちらかの検索条件で全てがヒットしてしまいます。 というわけで、プラグインを無効にして、 カスタム方法を探していたところ、下記のサイトを見つけました。 検索対象にカスタムタクソノミーの文字列も含めたい こちらのカスタムが使えたので備忘録として残します。 検索条件を追加するための詳しい説明については、上記サイトをご参照ください。 ます、上記のサイトを参考に検索結果を表示するsearch.phpに下記のソースコードを挿入しました。 <?php //検索キーワードを取得 $keys = get_search_query(); //ス
WordPressの新機能 複数タクソノミークエリーまとめ – Simple Colors
先日、「WordPress 3.1 RC3 をみんなでテスト！ 」に参加し、その際、複数カスタムタクソノミークエリー（en. Multiple Taxonomy Handling）のテストを担当させてもらいました。 ついでに、仕様などについても探ってましたので、まとめてみることにします。 複数タクソノミークエリーとは なるべく正確に言うと、query_posts または get_posts の引数に新たに設けられた tax_query により、カテゴリー、タグ、カスタムタクソノミー等による記事抽出条件を、複数かつ様々なパラメータで細かく設定できる機能。 tax_query の値は、抽出条件毎の配列と各条件の結合方法（パラメータ名：relation）で構成される。 こう書いても、分かりにくいと思いますので、もっとかみ砕いて、粉状にして言うと「これさえ憶えておけば、WordPressでの絞り込
WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック
WordPressのカスタマイズコードでよく見かける add_filter、add_action という関数。これは WordPressのプラグイン API という仕組みを利用したもの。プラグイン API - アクションフックやフィルターフックについて、大雑把ですがまとめてみました。 WordPress を使ってWebサイトを作る時、デフォルトの WordPress の動きを変更したいなーという時が多々あります。WordPress のデフォルトの動き（WordPress Codexでは振る舞いという言い方がされています。）でよく知られてるのは、記事を書くと自動的に <p> タグが入る … とかでしょうか。とにかくそういう WordPress の振る舞いを、何とかしたい場合ってありますよね。 こういった WordPress 独特の振る舞いは、WordPress のコアファイルと呼ばれてるとこ
テーマ「ShapeShifter」をプラグイン「WooCommerce」に対応させてみる。 - ワードプレス ラボ
ワードプレスでECサイトを簡単に構築できるプラグイン「WooCommerce」に対応したテーマの作成方法についてです。テーマカスタマイザーのライブプレビューって、JSファイルの編集って面倒じゃないですか。各設定項目毎に「wp.customize( 'setting_id'...」と書いて、設定項目を追加すればするだけ... 続きを読む
WordPressに最適化された専用高速サーバー【GMO WP Cloud】
「WP Cloud」は新規受付を終了しております WordPress向けレンタルサーバーをご検討の方は、Z.com WPをぜひご利用ください GMO WP Cloudは、2015年10月に新規申込の受付を終了しております （現在ご利用中のお客さまは、引き続きご利用いただけます。） WordPress向けレンタルサーバーをご検討の方は、Z.com WPをぜひご利用ください。 高速ストレージ、サイトコピー、自動バックアップ、テスト環境…といった GMO WP Cloudの特長はそのままに、 100円で利用できる独自SSLオプションや、 メールサーバーやドメインも申込み・一括管理できるオールインワンの管理ツールなど 新しい機能が加わりさらに便利にご利用いただけます。 「Z.com WP」の詳細はこちら
wpdb道場 | 高橋文樹.com
Class Core Element Fx MooTools Native Plugins Request Utilities Web制作 デザイン プログラミング 出版 創作 告知 夢日記 文体練習 文芸活動 最後かもしれない日 破滅派 翻訳 読書日記 雑記 Amazon Android apache Audible conTentration css DIY Dreamweaver ePub flash FTP Gianism HTML5 iPad iPhone Javascript Mac MooTools MySQL Photoshop PHP Python SF SNS SSL Tips TV Web標準 WooCommerce WordPress wpdb道場 お金 アニメ アメリカ イタリア文学 イベント オープンソース クラウド クラック コミュニケーション サイト運営 サ
WordPressテーマにウィジェットエリアを追加する方法 | VOYAGER
WordPressの便利な機能の一つ【ウィジェット】 カレンダーやアーカイブやタグクラウドなどを簡単に表示させることができ、このブログでも紹介しているプラグインを入れて自分好みにカスタマイズしたりととても便利なウィジェットの追加方法などをまとめてみました。 functions.phpに記述するコードは以下になります。 外観 >> テーマ編集からでも行えます。 if (function_exists('register_sidebar')) { register_sidebar(array( 'name' => 'サイドバー', 'id' => 'sidebar', 'description' => 'サイドバーに表示されるウィジェットです。', 'before_widget' => '<div class="side-widget-area">', 'after_widget' => '<
Wordpress 記事の投稿者情報を取得する方法まとめ
WordPressでブログやポータルサイトを作成する場合、現在の記事の投稿者IDやauthor.phpへのリンクなどを取得する必要が出てきます。 また、投稿者名だけでなく投稿者のウェブサイトやメールアドレス、画像なども取得したいという場合もあります。そんなときにすぐに対応できるように使えるテンプレートタグをまとめておきたいと思います。 投稿者IDを取得する方法 現在の記事の投稿者IDを取得するにはget_users()を使用する方法、$postを使用する方法があります。 <?php //現在の記事の投稿者情報を取得 $blogusers = get_users(); //ブログIDを指定して投稿者情報をゲット $blogusers = get_users('blog_id=1'); //IDを出力する echo $blogusers[0]->ID; ?> //ループ中に$postを使用して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The WordPress Press | 世界一わかりやすいWordPress
プライム・ストラテジー - CMSマネージドサービス
[WordPress] query_posts やget_posts をカスタムフィールドを使って検索・抽出・絞り込む方法（複数も可） | mkoba のお部屋 ： DREAMHIVE Staff Blog