先日投稿した以下のエントリで、「使い方がわからない」という意見を多く頂いた。 mugi1.hateblo.jp マルチカーソル自体の操作方法は調べれば出てくるし、事例だけ紹介しとけばええやろ、と思っていたのだが、いきなり応用のサンプルを貼りすぎてわけがわからなかったらしい。申し訳ない。 せっかくなので、基礎から含め、どういったキー入力で上記のような操作を実現しているのかを紹介したいと思う。 🔥実践！マルチカーソル / 入門編 なおmac環境です。Windowsやその他環境の方は気合で調べてください。 また、言い訳臭くて申し訳ないが、私は普段はSublime Text Keymap and Settings Importerを使っており、SublimeTextっぽいキーバインドに変えて編集している。 一旦無効にしたうえでVSCodeデフォルトの状態で一通り調べて書いたつもりだが、もし違って

wordpressで複数タクソノミによるPOSTの絞り込みの方法はそちこちで紹介されています。（個人的にはここが参照しやすいと思う。）こいつを、従来のカテゴリページのようにページングができる複数タクソノミのアーカイブページとして設置したい、というわけです。 パーマリンクがないからパラメータでURLをカスタマイズする 例えばポストに次のような２種類のカスタムタクソノミを割り当てているとします。 taxonomy: color 　　terms: red / blue / green taxonomy: form 　　terms: square / circle / triangle 普通にタクソノミーのテンプレートでは //example.com/color/red …とか //example.com/form/square/page/2 …とかは表示できても、colorはredかつformは

WordPressには『プラグイン』っていう便利な機能があります。プラグインっていうのは、拡張機能の事です。プラグインを適切に選んで使う事ができれば、例えば集客の効果を高める事ができたり、アクセスアップなどにもつなげられます。

こんばんは、くーへいです。 こういう使い方もしてみようかな、ということで、今回は備忘録的に「register_post_type」についてまとめてみました。 カスタム投稿タイプとは 「register_post_type」は、カスタム投稿タイプを作成できる関数です。 関数の解説をする前に、まずカスタム投稿タイプについて少しだけ説明します。 カスタム投稿タイプは独自の投稿を作るイメージ WordPressでよく使うものと言えば、「投稿」と「固定ページ」ではないでしょうか。 カスタム投稿タイプは、その標準の「投稿」とは別に、オリジナルの「投稿」を作るようなものだと思っていただければいいと思います。 既存の「投稿」ではできなかった、こんなすごいことができる！というイメージよりは、かゆいところに手が届くようなイメージでしょうか。 読者よりも、記事を投稿する人が使いやすくなるカスタマイズとも言えそう

表題どおりですが、WordPress のカスタムメニューにセットされたメニューより、画面横からシュッとスライドインするメニューを簡単に作成できるプラグインを作りました。 現在このブログ左上に表示されているメニューが、そのプラグインで表示しているものです。 機能 ・設定画面のドロップダウンよりカスタムメニューにセットされているメニューが選択できます。選択したメニューがスライドインメニューとして表示されます。 ・メニューボタンの表示はレスポンシブ対応になっていて、設定したウィンドウサイズ以下でのみ表示することが可能です。 ・メニュー位置を左または右の選択ができます。 ・メニューのカラーを White と dark から選択できます。お使いのテーマに合わせて色を変更して下さい。 ・メニューボタンの位置を画面トップからと、上記メニュー位置で設定した左右からの位置で設定できます。 カラーテーマ ◆

「営業日や臨時の休業日を案内できるカレンダーをサイトに付けて」って要望が、クライアントさんからけっこうあったりします。「予約可能かどうかをカレンダー上で◯とか×で見せたい」や「カレンダーから予約できる機能がほしい」ってのも多いです。 そんな要望に応えられそうなWordPress プラグインを集めました。 本当は要望を満たせるシステムを案件ごとに開発できればいいんでしょうが、それだけ予算に余裕があるケースばかりでもなく。 ってことで、どうぞ。機能・用途別に8個あります。 カレンダー系プラグイン8個 1. レスポンシブOK。カスタマイズできるGoogleカレンダー：Google Calendar Events 2. 色分け営業日カレンダー：WP Simple Booking Calendar 3. サイドバーにピッタリ営業日カレンダー：Biz Calender 4. 本格イベント告知カレンダー

Twitter で交流のある新潟系エンジニア @yutacar さんに、「index.htmlを置きながらWPのデザインとか確認出来るでしょうか？apacheの設定？でindex.php自身が上手く表示出来ないみたいなのです。」と聞かれて、それに答えたのでせっかくだから設定方法をシェア。 既存のサイトをそのままにしておいて、裏で WordPress に移行したいとかって時に使える Tips だと思われます。 サイトを http://example.com/ として話を進めます。 WordPress ではインストールしたフォルダの .htaccess で index.php が優先されていないと正常に動作しません。 DirectoryIndex index.php index.html index.htm .ht ただ、この状態だと http://example.com/index.html

お問い合わせ頂いたので記事にします。 WordPressのfunctions.phpは便利なの はよく分かりますが、結局何が出来るの か分からないのでこんな事できる、という のがあれば教えて欲しいとのことでした。 僕も詳しくないので僕も教えて欲しいんです が、一応書いてみます。 基本的にfunctions.phpはちょっと機能を追加したい、という時に使うものだと思うのでデフォルト機能やプラグインで済むならそうしたほうがいい気がしますのであまり拘らなくてもいいかと思います。 それでも、やはりお仕事ではよく追加する機能はありますのでそれをご紹介します。 ※ウィジェットは割愛しますね カスタムポストタイプ add_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'exa

Tweet Tweetお客様にWordpressを納品する場合、物件登録や施工例などのように特定の投稿に特化した 専用の投稿画面 が必要になることがほとんどです。最近実装する機会がありましたので参考に。必要に応じて追加削除してください。 実現するために必要な要素は： カスタム投稿タイプで投稿画面を独立させる カスタムフィールドで入力支援 投稿画面をCSSで体裁もカスタマイズ RSS発信に追加 プラグイン化する？（おまけ） カスタム投稿タイプで投稿画面を独立させる カスタム投稿タイプを定義する関数は、register_post_type です。 以下の例は codex のサンプルをベースにラベル類を「物件」に置き換えた例です。 functions.phpに記述します。 add_action('init', 'my_estate_init'); function my_estate_init(

2014年8月22日 Wordpress 先日公開したFrogのサイトは例のごとくWordPressを使って制作しました。ブログで使う「投稿」や、その他の「ページ」とは区別して、これからも増えていくであろうチームメンバーの一覧＆詳細ページを、カスタム投稿タイプという機能を使って作成したので手順を公開。企業サイトに従業員一覧ページを用意しているところも多いと思うので、参考になれば幸いです。 ↑私が10年以上利用している会計ソフト！ 目次 目標 – こんなページを作ります カスタム投稿タイプとは カスタム投稿タイプの設定 コンテンツを入力 テーマファイル：個別ページ テーマファイル：一覧ページ パーマリンクの設定 コード全文 目標 – こんなページを作ります Frogのチームメンバーページを実例として紹介します。カスタム投稿タイプを設定するためのWordPressプラグインもありますが、今回は

WordPressのカスタムメニューをサブタイトル付きにカスタマイズ。 Category:Wordpress 定番のメインメニューの一つである説明文付きのメニューをカスタムメニューでも管理する方法をご紹介。 説明文付きのメニューとは？ サンプルとしてこういうメニューのやつです。 これの文字要素を全てカスタムメニューから管理できるようにするのが今回の目的です。 カスタムメニューの説明から まずWordpresのカスタムメニューの説明から行います。Wordpressではメニュー要素を管理画面から変更、管理できる機能があります。 自由にリンク先の指定をしたりドラッグでメニュー構造を入れ子にしたりする事も可能です。 カスタムメニューを使うには外観→テーマ編集からfunction.phpを選択して以下のコードを記載します。 add_theme_support( 'menu' ); でメニューを表示し

wp_embed_register_handler( 'latlonglab', '#http://latlonglab\.yahoo\.co\.jp/route/watch\?id=([0-9a-z]+)#i', 'wp_embed_handler_latlonglab' ); function wp_embed_handler_latlonglab( $matches, $attr, $url, $rawattr ) { $width = get_option('embed_size_w'); if(intval($width) === 0 ){ $width = $GLOBALS['content_width']; $height = intval($width * 0.75); }else{ $height = get_option('embed_size_h'); } $embe

WordPressで理想的なパーミッションの設定 パーミッション設定は、環境や運用面などで適切な設定は変わってきます。 ここでは一般的におすすめされているファイルのパーミッションを紹介します。 .htaccess 「604」か「606」 「.htaccess」ファイルが書き換えられる事例が多発しており、パーミッション設定は必須です。パーマリンクの設定が出来るようにするには「606」にします。 wp-config.php 安全なのは「400」 オーナーのみが呼出できる「400」が最も安全な設定になります。 インストーラ（レンタルサーバーなどで用意されている自動インストールなど）でwp-config.phpを作った場合、パーミッションは「646」か「666」になっています。この場合、オーナーは「Apache」になってしまうので、自分自身では変更できません。 そのため、FTPソフトなどでwp-c

こんにちは、メディア事業部のエリーです。 WordPressでブログを始めたら、まずテーマを選びますよね。 テーマには、バンドルされているデフォルトのテーマ以外にも、有志が作成・公開しているデザインテンプレートがたくさんあります。 テーマ選び自体は自分の洋服を選んでいるような感覚で楽しいのですが、本当に無数のテーマが存在するので、どれを選んでいいのか悩む人も多いのではないでしょうか。 今回は、WordPress専用サーバーとして人気の高い「Z.com byGMO」さんにテーマを選ぶポイントについてお聞きしてきました。 テーマを選ぶときの6つのチェックポイント テーマを選ぶとき、一番てっとり早いのはテーマのデモを見ることです。 ほとんどのテーマでは、ダミーのコンテンツが入ったページが用意されているので、デモページを見ることである程度イメージを湧かせることができます。 そうして見てみて、「この

BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。 紹介している主なチートシート Bootstrap 3, Foundation 5のチーシート CSSの各フレームワークの比較 WordPressのチートシート iOS, Androidのデザイン用のチートシート jQueryのチートシート HTML5, CSS3のチートシート ファビコンのチートシート 検索エンジン最適化2015年版のチートシート Chromeのデベロッパーツールのチートシート SublimeText, Emmetのチー