Category WordPress WordPressを使ってCMSサイトを構築する場合、サムネイル画像をページ側に出力することってよくありますよね?(私の場合、しょっちゅうあるんですが...) WordPressのデフォルトの機能で実装すると、"アイキャッチ画像を指定"しなくてはいけません。クライアントさんからすると、「アイキャッチ画像って何?」とか、ついつい指定し忘れることもよくありますよね...。 そこで、今回紹介するのは... 1.カスタムフィールドで複数の画像をアップロードし、一覧ページで1枚をサムネイル表示 2.詳細ページでは、アップロードした複数の画像を全て表示("1"よりは大きく表示) 3.詳細ページの各画像をクリックすると、Lightboxで拡大表示させる といったもの。 また、クライアントさんが写真撮影時、写真の縦横比を意識して撮影してもらうのが難しい場合を想定し(縦
WordPress はとっても便利なブログツール。使い方さえ勉強すれば、HTML や CSSの知識がなくてもWebサイトを作成、運営することができます。そして HTML + CSS を勉強すれば、デザインを自分の好きなように変更することもできます。でも見た目のデザインだけじゃなくて、いろんな機能をつけたりカスタマイズしていくとなると、やっぱり PHP の知識が必要です。WordPress をカスタマイズしたいけど、PHP はまだ ... という人向けに、WordPress と PHP について簡単にまとめてみました。 WordPress は PHP(プログラム言語) + MySQL(データベース) で作られている、人気のブログエンジンです。最近ではブログじゃない一般的な Webサイトを、WordPress で作ってるっていう人も増えてきたように思います。WordPress を使えば、HTM
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ(ポストタイプ)について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ(’post_t
HOME › Website Tips ノート › Posted on: 2010/08/12 何となく分かった!「カスタム投稿タイプ」の表示方法や条件分岐など 目次 カスタム投稿タイプを使えるようにする シングルページの表示 条件分岐 アーカイブページ • ケース1:投稿(post)と同時表示 • ケース2:カスタム投稿のみ表示 • 気をつけること RSS フィードの調整 一般的なブログ形式の場合は、カテゴリーとタグで十分なんですが、カスタム投稿タイプとカスタムタクソノミーの使い方が理解できると、もう手放せなくなりそうです。 ブログ、お知らせ、イメージギャラリー、ポートフォリオ、店舗紹介、Q&A などなど、様々な投稿タイプにあった使い方や表示が実現できます。 日本でもようやくその情報を目にする事が増えてきましたが、それでも思うようにいかないことも多かったので、表示方法やテンプレート
僕たちは、旅が好きでたくさんの国に行きました。その旅の中で、モノの豊かさや便利さはなくても、人とのつながりを大切にして、ずっと豊かな心とずっときれいな瞳を持って生きている人たちとたくさん出会いました。僕たちも本当の豊かさを考えながら、それを子どもたちに伝えながら、いつも笑顔で生きていきたいと思いました。 瀬戸内海が好き、オリーブの葉の緑が好き、島が好き、そんな僕たちにぴったりな小豆島。移住は直感で決めました。「島が呼んでいる!」そんな感じです。 僕たちは、ゆっくりのんびりボチボチ派だけど、いつも前を向いて、前進しながら、立ち止まりながら、時には後退もしながら、それでいいんだと思いながら、地に足をつけて、自然と人、人と人とのつながりを大切に、小豆島の人々や歴史や文化や風土に感謝して暮らしていきたいと思っています。 瀬戸内や小豆島に魅力を感じて移住したいと思っても縁もユカリもなければなかなか難
初心者でも簡単作成 Webサイト(ホームページ) パソコン インターネットの勉強、情報 NetyaSun Google Apps MXレコードの設定 ホームページ 作成、運営管理ガイド Google 便利検索 Google 利用ガイド Google ウェブマスターツール Google Apps DNS MX設定方法 この独自ドメインのメールアカウントをGoogleのサーバで使うために、 DNSのMXレコードをGoogleに向ける設定です。 前ページの Google Apps 登録方法にて、 HTMLファイルのアップロードかTXT レコードの変更 などが済み、Googleが所有権を確認するまで少々待ちましょう。 所有権の確認が完了してから次に進みます。 所有権の確認をHTML ファイルをアップロードで設定した場合は、 ネームサーバの指定先のDNS設定でMXレコードを設定します。 ネームサーバ
Google Workspace サービスの有効化(ドメイン所有権の証明)が完了し、全てのユーザーアカウントを作成して従業員の方々への通知が終えた後、ドメインのメールを Gmail で受信できるようにメールサーバーの変更をおこないます。 現在ご利用のメールサーバーに存在するすべてのメールアドレスが、Google Workspace に「ユーザーアカウント」「メール エイリアス」「グループ メール」のいずれかで作成済みであることを確認の上、Gmail の有効化を行って下さい。 組織の一部ユーザーのみで Google Workspace の Gmail をご利用の場合及び現メールシステムと並行運用をおこなう場合は、Gmail を有効化(メールサーバーの変更)をおこなわずに「テスト ドメイン エイリアスで Gmail を受信する」をおこなって下さい。
CSS についても、PC サイトとは異なる箇所がある。スマートフォンは縦向きと横向きで横幅が変わり、デバイスの種類によっても違うため、コンテンツの幅は100% のリキッドレイアウトで作るのが一般的だ。HTML5 の新しい要素に対してもCSSのリセットを行うために、今回はhtml5doctor のCSS(http://www.html5.jp/html5doctor/html-5-resetstylesheet.html)を利用した。また、モバイル版WebKit独自のプロパティもいくつか用意されている【2-1】。 【2-1】-webkit-text-size-adjustをnoneとすれば、デバイスの向きを変えたときも文字サイズを拡大しないように指定できる。-webkit-tap-highlight-colorでは、リンク要素をタップしたときの色を指定できる。指で操作していると自分がどこをタ
以前にWordPressでOGPを実装させるプラグイン「WP-OGP」について書いたことがありますが、このプラグインはスペルミスがあったりするなど、ちぃっとばかり不完全な仕上がりのままアップデートされることもなく放置されている状態。 で、そんな「WP-OGP」をベースに改良を加えられたプラグイン「WP-OGP Customized」があったので、そちらを導入することにしました。 「WP-OGP Customized」は「WP-OGP」の困ったちゃんなところを修正してくれている上に、さらに機能的にもパワーアップさせてあるプラグインです。 ベースとなっている「WP-OGP」だと、設定で入力できるのは[fb:admins]と[fb:app_id]の2項目のみだったんですが、「WP-OGP Customized」では、それに加えて以下のことができるようになっています。 [og:descriptio
Large user base Grids: Fluid and fixed UI tools: Lots of widgets; good for rapid prototyping History: Built by Twitter as a style guide for internal tools Medium user base Grids: Fluid. Most robust grid tools. UI tools: Good for rapid prototyping, but not as expansive as Bootstrap History: Built by ZURB as boilerplate for client projects Medium user base Grids: Fluid. Most robust grid tools. UI to
デザインや機能、構造など参考になりそうなWebサイトを紹介するネタ帳的なサイトです。キャンペーン/スペシャルサイトや学校のサイトが多めです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く