まだフォント探しで消耗してるの？足りないフォントの検索ができるSketchプラグイン「FontBuddy」の使い方 Animaさんがまた素敵なプラグインを出してしまったようですね…。 他人からSketchファイルをもらったとき、「Missing Fonts」と警告が出ていたことはありませんか？ そうそう、こういうやつです。 そんなときに、自動的にフォントを探してインストールしてくれるプラグイン「FontBuddy」が公開されました！ FontBuddyの使い方 まずはサイトからダウンロードします。メアドの登録が必要です。 ダウンロードしたらFontBuddy.sketchpluginを開いてプラグインをインストールします。 インストールしていないフォントが使われているSｋetchファイルを開いてみると緑色の表示が出ています クリックすると、該当のフォントが検索されてプレビューが表示されます

2013/10/23 (更新日: 2016/08/13) 【サムネ付き】『YARPP』のカスタマイズ用テンプレート【WordPress】 PROGRAMMING WordPress 関連記事表示用プラグイン『YARPP』のカスタマイズ方法をまとめます。linkwithinも関連記事表示用プラグインとして有名ですが、『YARPP』のほうが精度が高いです。 この記事をみてぜひ乗り換えを検討してみてください( ◜◡‾) WordPressの関連記事表示用プラグイン『YARPP』のカスタマイズ方法 カスタマイズ後のイメージ図は以下です。 記事のながれ 『YARPP』のダウンロードとインストール 『YARPP』のカスタマイズ用テンプレートの配布 カスタマイズ用CSSの追加 では書いていきます㏄= ㏄=┌( ・_・)┘ １．WordPress用プラグイン『YARPP』のダウンロードとインストール 以下

山田どうそんです。 固定ページとして書いた文章を後から普通の投稿ページに変更したいという時があると思います。 このプラグインを使えば、簡単に自由に投稿タイプを変更できます。 プラグイン挿入例 このように記事編集ページの「公開」に投稿タイプを変更できるメニューが表示されます。 プラグインの特徴 記事投稿タイプを後から自由に変更できる プラグインのダウンロード プラグインのダウンロードは下記のリンク先からもできますしWordPress内で「Post Type Switcher」と検索してもダウンロードが可能です。現在のバージョンは「2.0.1」。 [appbox wordpress post-type-switcher] プラグインの使い方 管理画面の場所 管理画面での設定は特にありません。 プラグインの設定 プラグインをインストールして有効化するだけですぐに利用できます。 使ってみた感想のま

WordPressの高機能SEO対策プラグインとして、有名なYoast SEOの基本的な機能についてまとめてみます。このプラグインはとても高機能で設定項目が多くあります。初心者にはとっつきにくい部分もありますが、痒いところに手が届く素晴らしいプラグインかと思います。 自分もまだまだこのプラグインの設定方法に試行錯誤していますが、なんとか使いこなしていこうと日々、研究中です。 それでは、Yoast SEOの基本設定について順に紹介していきます。 Yoast SEOのプラグインインストール Yoast SEOのプラグインページ プラグインのインストール手順は以下のページを参照してください。下記リンクのページはJetpackを例としたインストール手順ですが、[Jetpack] を [Yoast SEO]に置き換えてください。 WordPressプラグインインストール手順 プラグインをインストール

This domain name registration has expired and renewal or deletion are pending. If you are the registrant and want to renew the domain name, please contact your registration service provider. 2023 著作権. 不許複製 プライバシーポリシー

この hiraku.js は、弊社で開発している a-blog cms の中で利用するために作られた「オフキャンバスメニュー用のJavaScript」を、より多くの人に利用してもらえるように jQuery のプラグイン化したものです。 オフキャンバスメニューとは画面左右から出現するメニューのことで、ドロワーメニューとも呼ばれたりします。 オフキャンバスメニュー用の JavaScript は Google で「offcanvas JavaScript」のように検索すると多く見つけることができますが、今回 hiraku.js で実装した特徴を全て満たすものを探す事ができなかった事から自作する事になりました。 appleple.github.io/hiraku では、簡単に英語で利用方法が解説されていますが、こちらでは日本語でしっかり解説を書いてみようと思います。

WordPressの記事ページで、その記事に属するカテゴリのランキングを表示する（WordPress Popular Postsプラグインを使用）WordPress

WordPressプラグインの作り方を学ぶ前回の記事からの続きです。コーポーレートサイト向けに、企業の拠点情報を表示するプラグインを作っています。 拠点情報のショートコード ここで、メインクラスと組み合わせて使用するショートコードのクラスを説明します。 ショートコードを追加することで、管理者はインターフェイスを使って簡単にさまざまな拠点情報を紹介できます。管理者が具体的な拠点をIDで指定するか、すべての拠点を指定して出力するか、といったカスタマイズができます。ページ上でこのショートコードを使用するときは、以下のように表示されるはずです。 wp_location_shortcode.phpファイル内で作業しています。 ダイレクトアクセスを拒否する メインのPHPファイルと同様に、ダイレクトアクセスは拒否するのが望ましいです。ファイルの先頭に以下を追加してください。 defined( 'ABS

探せば大抵のものある、と言われるWordPressのプラグイン。でも、ちょっと自分がほしいものとは違うんだけど…なんてことも多いはず。自分専用のプラグインを作っておけば、いろんな案件で使いまわせて便利。長いので2回に分けてどうぞ。 この記事を最大限に活用するには、actions、filters、 shortcodes、widgets、 object orientated designなどの基本的な理解が必要です。 基本から復習したい人は、私が以前書いた記事『An Introduction to WordPress Plugin Development』を読んでください。この後の記事にある概念やアイデアの理解を深めるのに役立ちます。 事業拠点リストのプラグインを作る プラグインがどのような場面で使われ、Webサイトにどのような機能を追加できるのか。さっそく実例を紹介します。 コーポーレートサ

ワードプレスで構築したウェブサイトで、ちょっと変わった機能を実装したいとき。非常に多くのケースで［Advanced Custom Fields］（以下「ACF」）が役に立ちます。 今日は［ACF］での全フィールドタイプの出力方法を紹介します。 フィールドタイプ：基本 テキスト <?php if( get_field('text') ) { ?> <p><?php the_field('text'); ?></p> <?php } ?> テキストエリア <?php if( get_field('textarea') ) { ?> <p><?php the_field('textarea'); ?></p> <?php } ?> 数値 <?php if( get_field('number') ) { ?> <p><?php the_field('number'); ?></p> <?php

本ドキュメントでは、①②③のテーブルを「固定見出し」と呼びます。 また、固定見出しの構成要素である <table>, <tr>, <td>, テキスト等を「コピー要素」、 コピー元の要素を「元要素」と呼びます。 使用方法 見出しを固定したい table に _fixedhead 属性を定義し、 FixedMidashi.create() を呼び出します。 FixedMidashi.create() は、_fixedhead 属性が定義された table の固定見出しを作成します。 div モードにする場合は、対象 table を div で囲み、div の style.overflow を auto または scroll にします。 混合モードにする場合は、div モードの記述に加え、div-auto-size オプションで none または width を 指定することにより高さの自動リ

ドーモ、shibusoです。原作読まずにアニメ見たら何を見ているのかよく分からないことになりました、忍殺。 前置き たまにHTMLのテーブルでヘッダーを固定して欲しいという要望が出ます。ExcelとかGoogleスプレッドシートとかでテーブルのヘッダーを固定出来るのだから、きっとそんなのすぐに出来るだろうという考えなのでしょう。 しかしフロントエンドエンジニアからしたら「うわ、出た」という感じではないでしょうか。最近ではJSのライブラリがあったりして無理難題というレベルではなくなりましたが、それでも基本的にはあまりやりたくないところ。しかも行の固定はあっても列の固定は無かったりするものが多いです。 今回私が担当した案件では行と列の固定に加えて、範囲選択を出来るようにして欲しい、という注文がきました。行と列の固定はそれでも探せばいくつかライブラリが見つかりましたが、範囲選択というところがネッ

Bubble Layout Bubble Layout -GitHub まずはアニメーションを使った斬新なUI、バブルレイアウト。 ベースにはmo.jsが使われており、バブルをクリックしてからの遷移だけでなく、バブル自体も楽しいアニメーションで動かすことができます。デモページで実際の動きに触れてみてください。

2015年3月5日頃から国内外の複数のウェブサイトを対象に、「Hacked by Islamic State」等と改ざんされるインシデントが相次ぎました。ここでは関連情報をまとめます。 注意喚起 2015年3月11日 (PDF) 「Islamic State (ISIS)」と称する者によるウェブサイト改ざんについて - 警察庁 2015年3月12日 (PDF) 「Islamic State（ISIS）」と称する者によるウェブサイト改ざんに係る注意喚起について - 警察庁 国内で被害を受けたウェブサイト一覧 改ざんパターン(1)のサイト 改ざん時期 地域 被害組織 公式発表 fancybox for WPの 利用有無 2015年3月8日 東京 府中アスレティックFC 3月8日 府中アスレティックFC 公式HP復旧のお知らせ 利用あり 〃 兵庫 西宮観光協会 3月11日 「西宮まちたび博」ホー

「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushState」が何なのかというと・・・ Ajax ページを遷移せずにサーバーからデータだけを非同期でとり、サイトに描画する仕組みのことで、「Google Maps」などに使用されています。 pushState 「HTML5」で導入されたURL操作のAPIで「Ajax」を使用して非同期なサイトを作る時などにアドレスが変更されない問題を解消してくれます。 1. デモ 前置きが長くなりましたが、実際に「pjax

WordBench Nagoya 11月勉強会の最後にアンカンファレンス（班別質問タイム的な感じの）をやった時、「Kさんが毎回必ず入れるプラグインを教えてほしい」という質問をいただいたのですが、残念ながらタイムアップとなったため、ブログにまとめることとなりました。 前提として サイトの用途によって必要なプラグインも変わってきますが、スタンスとしては クライアントワークで、企業サイトを作るというケースを想定 公式ディレクトリ登録プラグイン なるべく高機能ではない（負担の低そうな）もの 迷った時は国産（知人作） という感じです。 基本的なWordPress関数で済むような処理は原則として自分で書きますので、なるべくコードを書かずに表示をいじったり機能を追加したい、という方向けではないと思います。 ですので、よくある「使えるプラグイン○個まとめ」的なエントリーとはまた違ったプラグイン選定になって

巷の多くのブログなどで「使用中のお勧めプラグイン」などのタイトルで、WordPressの便利なプラグインを紹介している記事があります。 …もちろんオンズのブログでも同様の記事を書いているのですが。 今日は、その真逆のコンセプトで、『便利なのはわかっているけど使わないことに決めたプラグイン』を紹介していきます。 All in One SEO Pack まずはこれ。 SEO対策の代名詞的プラグインとして多くの記事で取り上げられている有名なプラグイン［All in One SEO Pack］です。 確かに、このプラグインを使うとサイトのメタデータ、keywordsやdescriptionを細かく設定できて、ほぼ完璧なSEO対策ができます。 でもこれ、ある程度のPHPの知識があれば、プラグインを使わずとも同様の機能をサイトに付加できるんですよね。 それに［All in One SEO Pack］を