サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
www.comman.co.jp
クライアントに納品する際に、ここはこうして欲しい!ってポストイットを付けて渡したい時ってありますよね。 ども、カンマンのフロントエンド担当、阿部です。 WordPressがいくら柔軟でも、意図しない設定や登録・投稿を未然に防ぐ為にも、ここはこうしてね!と、一言添えたいときにカスタム投稿で投稿画面にメモ書きを足しておく方法をメモ。 カスタム投稿に説明文を ↑基本的な勘所はこちらのブログに記載されておりました。 タイトルの上やエディターの上、下、と結構柔軟に任意のコードを表示させることが出来るみたいですね。 コードを拝借すると…… 投稿タイプで条件分岐させられるので、通常投稿には出したくない! とわがままも柔軟に対応出来て素敵ですね。 CSSだけでどうにか出来そうだったら 管理画面用のCSSを当てることも出来ますが、物理的にコードを挿入しちゃった方が、便利かなと思います。 サイト用のCSSとは
こんちわ。白井ですが。 作成したレイヤーを別のタブのファイルに持って行く方法です。 今回は下記「青いボタンたち。」を別のタブにもって行きたいと思います。 ①選択してドラッグで持って行く方法 選択したレイヤーを持って行きたいタブの上にドラッグして少し待つとファイルタブが切り替わります。 直感的でいいですね。 ただタブに持って行って切り替わるまで一瞬時間がありますので、ドラッグしたままお待ちください。 ちょっとしたら切り替わります。 【余談】レイヤー選択に関して 余談ですが、 選択したレイヤーをドラッグで持って行く際は自動選択に注意 自動選択にチェックがあると、レイヤーそのものを選択してしまうので、ドラッグで持って行こうと択した1つのレイヤーだけ持って行ってしまいます もしフォルダごと(もしくは複数選択した状態のまま)もって行きたい場合は、「自動選択」を解除しましょう。 「自動選択」はコマンド
githubはこれ。 mixItUpの使い方 jQueryや本体のjsやcssは読めているとして、 <div id="Container"> <div class="mix cat1"></div> <div class="mix cat2"></div> <div class="mix cat1"></div> <div class="mix cat3"></div> </div> 1.振り分けたい要素にmixと振り分けに利用するクラスを付ける。cat1とか任意のクラス。 並び順も変更出来るけど、今回は無視。本サイト参照で。 <div class="filter" data-filter="all">Show All</div> <div class="filter" data-filter=".cat1">Category 1</div> <div class="filter" dat
複数のブログやサイトをたった一つのWordPressでまかなえて便利なマルチサイトですが、使ってみてわかる便利さや苦労があるので、とりあえずシェアメモ。 ども、カンマンのフロントエンド担当の阿部です。 マルチサイト時にメインサイトかサブサイトかを判別 マルチサイト時に複数のサイトを作った場合、「親(メイン)サイト」と「子(サブ)サイト」という分類に別れまして、例えば企業のメインサイトを「親サイト運用」、製品を「子サイト」運用として、テーマを共有で使った場合、表示しているサイトを判別して、内容を出し分けることが可能です。 <?php if (is_main_site()): ?> メインサイト <?php else : ?> サブサイト <?php endif ; ?> この分岐を使えばメイン・サブでテーマ2つ運用をしなくてもある程度いけます。 子サイト内で親サイトの情報を取得 企業サイトの
Googleがいよいよモバイル対応の有無をランキングに反映するぞ!ってことでレスポンシブがわーわーと言われておりますが、さて置いておいて、省スペースでいろんなコンテンツを詰め込めるカルーセルのお話です。 弊社のサイトはレスポンシブで組んでおりますので、カルーセルを導入しようとすると、レスポンシブに対応せざるを得ません。 ども、フロントエンド担当の阿部です。 ちなみに、「カルーセル」は回転木馬の意味らしく、くるくると巡回する表現ってコトなんですかね? カルーセル麻紀さんがいちいち頭をよぎるのを何とかしたいものです。 レスポンシブ対応で使いやすいカルーセル で、いろいろと調べたところ「slick」が目的と合致しましたのでご紹介。 コリス様が詳しく。 僕が欲しかったカルーセルの要件は レスポンシブ スワイプで動く このくらいです。とはいえ「slick」はかなり高性能なのでこだわった表示のさせ方も
リリースノートをチェックする限り2009年で開発が止まっていて凄く残念なのですが、最新のWordPress4.1.1でも問題なく使えております。っていうか、今書いております。 macでブログエディタと言えば「MarsEdit」や「Desk」「Blogo」あたりが有名ですが、macのアプリは高機能だけどお値段もなかなか。そこへ来て「Kaku」は無料。そして高機能。個人的に使わない理由はなくなりました。 ブラウザでブログ書くときに感じていたプレビューが遅いとか、画像の貼り付けが重い等の不満は、エディタを使うことで大抵解決したようなものです。 ブラウザ開かなくてもざっとした下書きをローカルで軽量な動作でチャチャッと書いておけるので、現状何の不満もありません。 「Kaku」で出来ないコトはアイキャッチの設定だけかな 出来ることがありすぎて枚挙に暇がない感じですが、あえて出来ないコトを言うと、アプリ
いや、あれ、怖すぎないですか? ↑これ、怖すぎないですか?? 弊社ではコードのバージョン管理にgitlabを導入してるんですが、なぜこのキャラを採用したんだ!と小一時間問い詰めたい、あのソリッドな顔よ! ゴルゴの頬線よろしく、あごのラインの線が怖さをブーストしてるんですよ。 だんだん慣れてきたとはいえ、顔がソリッド過ぎるんですよね。あの「タヌキ」。 キツネっぽいけど、タヌキだった! あのキャラの名前がどうしても知りたくていろいろと調べてみたんですが、 We are part of a community that works together to create the best open source collaboration tools. Our racoon dog logo symbolizes this with a smart animal that works in a g
さらには、今回は「Advanced Custom Fields」連動で、もろもろ簡略化しちゃおう!という話しなので、カスタムフィールドでもろもろやっちゃいたい人は、導入だけいろいろコードをコピペしなければいけませんが、あとあと楽なのでオススメです。 Advanced Custom Fieldsで、googleマップ表示まで 使えば使うほど万能感を味わえる「Advanced Custom Fields」ですが、実は選択できるフィールドタイプのなかに「Google Map」があります。 何も考えずに有効化して、投稿画面を開くと、、 GUI付きで地図がどんと。 試しに住所とか、固有名詞とか、そういうので検索してみると、ちゃんと地図上でどこが表示されるか確認出来てしまう。 なんだこれ、もう既にカンタンに地図表示できそうじゃないか。 ともあれ、使い方はオフィシャルのドキュメントをよく読んで、サンプル
カンマンのスタッフ、富永です。久しぶりの投稿です。 以前、弊社スタッフ板東が「WordPress シングルページで同じタームの前後記事リンクを貼る」という記事を書いていますが、 それの続編といいますか、関連記事になります。 便利で私も重宝していたプラグイン、Ambrosite Next/Previous Post Link Plusですが、ただいま制作を担当しているサイトがWordPressのバージョン3.9で、動作していない様子・・・ 「(@ ̄□ ̄@;)どないしょ!!!」 ってことで、検索してみる・・・ 「next_post_link」テンプレートタグ/next post link – WordPress Codex 日本語版 に書いてたー! というか、ちょっと変わってた。 $in_same_term (論理値) (オプション) 同じカテゴリーの記事に限定するかどうか。 初期値: fal
新人のtakimotoです。 今までPhotoshopやIllustratorを使ったことはありましたが、仕事ではFireworksをよく使うようになりました。 その中でとても便利な画像の書き出し機能を教えてもらったので、忘れないように書きとめておきます。 ①スライスツールで書き出したい画像を選択していく(ファイル形式は下部のプロパティで選択可能) ②選択したスライスのレイヤーがレイヤーパネルの「Webレイヤー」フォルダに入っているので、そのレイヤー名を書き出したいファイル名に変更する。 ③名前を変更したレイヤーを複数選択し、スライス画像上で右クリック→選択したスライスの書き出しを選ぶ。 ④ファイル名は適当に変更(アルファベット一文字等) 書き出し:画像のみ スライス:スライスの書き出し ページ:現在のページ 選択したスライスのみと現在のステートのみにチェックを入れる。 スライスのない領域
ウェブ制作会社にとってIEは本当に鬱陶しい存在。なにが一番メンドクサイかと言えば、自動アップデートされないので、たくさんのバージョンが世に出ているということです。 古くはWindowsXP時代のIE6もまだ存在するし、IE7、IE8、IE9、そしてWindows8ではIE10になっています。さらにOSとの組み合わせも考えると、さらに増えます。 なんだかんだ言ってもIEは最もシェアの高いブラウザです。腐ってもIE。 一方、制作会社は各OS、主なブラウザでの表示チェックや動作テストを行い、出来るだけ多くのバージョンで意図通りのデザインや動作になっているかを確認します。 IE以外のFirefoxやChrome、Safari等では基本的に自動アップデートになるので、古いものは混在しません。ところがIEではユーザーの任意でアップデートとなるので、これが厄介なのです。エンタープライズ向けのサービスでは
前後記事のリンクがうまくいかない! 板東です。 WordPress のシングルページ上で前後の記事に対してリンクを貼る際には next_post_link もしくは previous_post_link を利用します。 しかし、この関数はカスタムタクソノミーに対応していませんので、タクソノミーアーカイブからシングルページにリンクを張った場合に意図した通りの記事にリンクされません。タームの抽出条件が有効にならず、全件中の前後記事リンクになってしまいます。 これに対応させるために、便利なプラグインがあります。 Ambrosite Next/Previous Post Link Plus Ambrosite Next/Previous Post Link Plusを使う このプラグインを導入すると next_post_link / previous_post_link を大幅に拡張した関数 n
このページを最初にブックマークしてみませんか?
『株式会社カンマン | 徳島県のブランディングもできるホームページ制作会社』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く