サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ブックレビュー
www.hanano-ya.jp
Dreamweaverでhtmlをテンプレート化してみましょう トップページをコーディングして、下層ページもコーディングして・・・。 あ!!グローバルナビのリンク先間違えてた!!! なんてことはよくあると思います。 ヘッダー、フッター、サイド、グローバルナビ、全ページ”ほぼ”同じなのに 1つ間違えたら1ページずつ修正していくのなんて大変!時間がもったいない!!! そこでDreamweaverのテンプレート機能です。 Dreamweaverのテンプレート機能を使えばサイト全体で共通するブロック(ヘッダやサイドバーなど)を1ファイルで一括管理できます! この機能を使えば、100ページ、300ページ規模のサイトでも、一瞬でサイト全体に修正や追加を反映することができます。 テンプレート機能とは Dreamweaver では、作成したドキュメントをテンプレート(拡張子.dwt)として保存することがで
お久しぶりです。 今回はある案件でカラーミーショップを触ったのですが、 自由に設定できそうでなかなかできなかったのでそのTIPsを紹介します。 TOPページに任意のカテゴリの商品一覧を表示するには? 現在は普通にやろうとすると、「おすすめ」「売れ筋商品」あたりを流用する形になります。 しかし、運用レベルでは毎回登録しなければいけないため、運用の手間が増えたり それ以上の表示をさせたい場合には諦めなければいけなかったりと少々機能が足りません。 smartyの立ち位置 カラーミーショップではSmartyというテンプレートエンジンを使用しています。 Smartyは、サーバで用意した情報をあまりプログラムを触ったことがない人でも ある程度自分の思い通りに組み立てられるものです。(それでも多少の知識は必要ですが) つまり、上の文章から言うと通常はサーバ側で用意された情報以外はどう頑張っても表示するこ
以前よりMW WP Formのカスタマイズをシリーズ化して色々やっておりましたが そのプラグインの作者様がカスタムフィールド管理のプラグインを公開しておりました。 Smart Custom Fieldsプラグインの特徴はデータの持ち方をwordpressの DB設計に準じた方法で持つようにしているという点です。 他にもシンプル軽量、繰り返しフィールドがデフォルトで利用できる等など。 詳しくは作者様のサイトで確認して下さい。 ぶっちゃけて言いますと、クライアントさんからすればどのようにデータを持ち回していようと それを意識しているわけではありませんので、ユーザーの使いやすさ最優先で今までは advanced custom fieldsを使用しておりましたが 確かにシリアライズ化して保存しているため、検索の際に無理やり部分一致で 取得したりと一部面倒だったり仕様に沿えない部分がありました。 こ
こんにちは、花岡です。 最近外から絶叫が聞こえてきます。ともいうのはこれが原因。 矢場町お化け屋敷2015~呪いの子守唄~ 絶叫が大通りを超えたビルの3階まで聞こえてくるなんて、いったいどれだけ怖いのか…。 でも言ったら失礼なんですが、女性の悲鳴が、たま~に動物園から逃げ出したサルの鳴き声みたいに聞こえます。すいません、悪気はないんです。 Macのストレージが「その他」に占領されている! Macを使っている友人に空き容量が足りないと相談されたことがありました。 見てみると「その他」という謎の領域がMacのストレージの半分以上を占めていました。 ※画面のキャプチャはその他を削減した状態です。 【ストレージの確認方法】 アップルマーク > この Mac について > 詳しい情報 > ストレージ そもそも「その他」ってなんだ アップルが言うには、オーディオ、ムービー、写真、アプリ、バック
名古屋のホームページ制作会社 花のやではデザイン性に優れた ホームページ、ECサイト、CMS構築を提供しています。 こんばんわ、花岡です。 夏がグッと近づいてきましたね!今年の夏こそはロードバイクのイベントに参加したいです! あとビール飲みたいです! 今回はスマートフォンでPCサイトを表示した時に起きたCSSトラブルの症状と解決方法のご紹介です。 サイト制作時にスマートフォン向けサイトを作らず、PC版のサイトをそのまま表示することがあります。 ただ「そのまま」表示するだけにしてもやらないといけないことがあるのです。 スマホ向けにサイト幅を指定 iOS向けに文字サイズをリセット Androidでpタグの横幅が狭まるバグ対策 スマホ向けにサイト幅を指定 スマホでページが見やすくなるように、metaタグでviewportを指定します。 これをしておかないとスマホの画面幅を超える大きさの
デザイナーのお仕事でバナーデザインは基本ですが レイアウトなどで悩むこともしばしばあります。 今回はバナーデザインのレイアウトの組み方を自分なりにまとめてみました。 制作に入る前に バナー制作に必要な情報を準備・把握する 例)メイン写真+背景写真(装飾なども含む)+キャッチコピー バナーの要素となるものは上記のものですが、 キーカラーや全体的なデザインのイメージも把握しておく必要がありますね。 実際に作ってみる 今回は弊社和田をモデルに、勝手にバナーを制作。テーマはホラー映画の広告バナー。 ※ あくまで文言やイメージは私が勝手つけたものです。 レイアウトパターン 左側:横に分割 背景写真も程よく見えて全体的にバランスが良い。 右側:縦に分割 規則的に文字がまとまって並んでいるので可読性が良い。 ただ背景が全体的に見えないので雰囲気があまり伝わりづらいかなと。 あと文字に動きがつけづら
Gunosyでは、Gunosy(グノシー)はユーザーの「欲しい情報」を見つけてくるキュレーションサービスです。 (iPhone/iPad/Android/Web対応) TwitterアカウントやFacebookアカウント、はてなアカウントからユーザーの興味を分析し、興味にあった情報や 最新の記事を推薦を行うことで、時代にマッチした新しい形の情報提供を行っています。 Gunosy便利ですよね。情報収集の時間を圧倒的に短縮してくれます。 また、ブロガーさん達の間では「Gunosy砲」という物々しい名前でも有名です。 普段20やそこらのアクセスが、1,000アクセスまで一気に伸びた!アクセス解析を調べてみたらGunosyに取り上げられていた!っていう事もしばしば。 そんなGunosyですが、果たしてどんな基準でGunosyに掲載されるのでしょうか? 一回でいいから掲載されたいので、今回
名古屋のホームページ制作会社 花のやではデザイン性に優れた ホームページ、ECサイト、CMS構築等を行っています。 弊社では企業様のホームページ制作する際にwordpressをCMSとして利用する場合があります。 その際にお問い合わせフォームはほとんどがcontact form 7一択でした。 使い勝手はもちろん、シェアが多ければそれだけ多くのtipsが蓄積され、それを公開してくれる方々が増えもう殆どお問い合せはこれだけで問題ないのではないかという状態です。 ただ、唯一あとちょっと・・・と思う部分はお問い合わせ時の確認画面です。 やはり企業様のホームページを制作するのに、お問い合わせでは確認画面がほしいという場合が多くcontact form 7ではカスタマイズで確認画面をつけることは可能とはいえやはり工数はかかってしまいます。 が、作者さんが付けないと言い切っている以上は今後もつかないで
高機能なのでgoogleカレンダーに便りがちですが、見た目がgoogleでどうにも微妙です。 でもデザインのカスタムは非常に難しいし・・・。 ということでカレンダーの中身だけを取得して、あとはjQueryでやっちゃう方法があったんで備忘のために記載しておきます。使いこなせれば見ためも良くて機能もいい感じです。 FullCalendar http://arshaw.com/fullcalendar/ 参考:導入まで http://kazunori-lab.com/uchikikase/?p=769 参考:カスタムを解説してるページ http://blog.eszett-design.com/2012/08/fullcalendar.html http://shimz.me/blog/category/fullcalendar http://shimz.me/blog/jquery/126
一緒に悩み、考える。 つくるだけでなく、 そのあとの物語も、ともに。 どんな会社もサービスも、それぞれにストーリーがあります。 花のやはそれをサポートしながら、お客様の成長を隣で見ていたいのです。 一緒に悩み、考える。 つくるだけでなく、 そのあとの物語も、ともに。 どんな会社もサービスも、 それぞれにストーリーがあります。 花のやはそれをサポートしながら、 お客様の成長を隣で見ていたいのです。 WORKS制作実績 Mira beauty salon様ホームページ ジュニアゴルファー 加藤金次郎様ホームページ ケイティケイ株式会社様ホームページ 株式会社ワンダーランド様ホームページ 焼肉やまと様ホームページ 協和交易株式会社様ホームページ 小松開発工業株式会社様ホームページ プロゴルファー 青山 晃大様ホームページ サイエンスホーム伊賀上野店様ホームページ 盛本構造設計事務所様ホームページ
このページを最初にブックマークしてみませんか?
『トップページ | 名古屋でホームページ制作なら花のや』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く