『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
Pinterest風グリッドレイアウトを作ってみよう:jQuery×HTML5×CSS3を真面目に勉強(3)(1/4 ページ) はじめに 一口にSNSというと、読者の皆さんはまず、TwitterやFacebook、LINEなどのサービスを思い浮かべることでしょう。しかし、こういったデファクトスタンダードなサービスだけでなく、世の中にはさまざまなジャンルに特化したSNSがいくつも登場してきています。 特に写真共有に特化したSNSのUIというのは、その特性のためか画像を画面いっぱいに敷き詰めたものがよく見受けられます。基本的な操作性はもちろんのこと、いかに美しく、ユニークに画像を並べるかによって他サービスとの差別化を図るかが、デザイナーならびにフロントエンドエンジニアの腕の見せ所といっても過言ではありません。 Pinterestは、そうした写真共有SNSの1つです。高さが均一のグリッドが整然と
WordPressでデータベースの情報を変更する際に便利なTipsが載っている13 Useful WordPress SQL Queries You Wish You Knew Earlierというエントリーのご紹介。 WordPressはMySQLというデータベースで動いていますが、何かを変更したい場合に結構困る事があります。 例えば ・パスワードを忘れて管理用のメールアドレスも忘れた場合 ・テスト用にレンタルサーバーのサブドメインで動かしていて、いざ本ドメインで表示されるよう設定してもサブドメインにリダイレクトされるとか。画像がでない。とか。 全ての情報がデータベースに格納されているためしょうが無い部分もあるのですが、困った時に知っておくと便利なTipsです。 ※必ずバックアップを取ってから実行してください。 サイトのURLを変更する ワードプレスはサイトのURLとホームのURLを絶対
カスタム投稿タイプとは? WordPress 3.0からの新機能で、従来のブログ記事(ポスト)と固定ページ(ページ)というふたつの投稿タイプに加え、この投稿タイプを自分で追加できるようになりました。 このカスタム投稿タイプを使えば、自分で投稿タイプを追加できるのでコンテンツの入力や管理がとっても楽になるし、カスタム投稿タイプによってテーマをカスタマイズできるというメリットがあります。 functions.php に以下を追加する方法 /* カスタム投稿タイプの追加 */ add_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'books', /* post-type */ array( 'labels' => array( 'name' => __( '本' )
WordPressは便利です。しかし所詮ブログです。もっと自由な使い方をしたい。そんな願いを叶えてくれるのがカスタムフィールドです。 WordPressの投稿に様々なデータを追加する 例えば、 WordPressでダムの情報をデータベース化したサイトを作りたい。 ダムの写真や、所在地、堤高、湛水量などを管理ページから登録したい。 そんな場合に使うのが「カスタムフィールド」という機能です。 カスタムフィールドどこにあるだ? 投稿画面の下部にひっそりと存在します。 WordPressをブログとして使っている人はあまり気にしない部分だと思います。 新規投稿画面に表示されない人は「表示オプション」で表示できます。 カスタムフィールドって何だ? この機能を使うと、投稿に「メタデータ」と呼ばれる任意の「名前」と「値」を追加できます。 要は、タイトル・本文だけでなく、独自の項目を投稿に追加できるという事
CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。 Countable.js 様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 iCheck クリックしたラジオボックスやチェックボックスから、返り値をとれるjavascript。それをキーにして何かを動かしたいときに。 Almost Flat UI フラットデザインUIを簡単に実装で
以前記事を書いた Transients APIを使って各ソーシャルのカウント数をWordPressデータベース内に一時保存&表示するのよ! をいくつかのサイトで使おうと思い、各々のテーマファイルに同じ記述をしました。 近頃プラグイン離れをしてまして、自分で書けるものは自分で書こうがテーマなんです。 プラグインやめる→自分で書く!→あれ…プラグイン化したほうがメンテナンス性よくない? と思考が至って、WordPressプラグイン作成に着手。 自分で使う用なのでまずは配布を考えず作ろうと。 プラグインの作りかた 最近ぼくの中で大ブレイク中のWordPress Codexを見る。 見たらわかるよね!さて、手順をメモしつつ作りますよ。 1, プラグイン用のファイルを文字コードUTF-8で作成 wordpressディレクトリ/wp-content/plugins/ 以下に任意の名前でphpファイルを
2014年8月17日 Illustrator, Photoshop, 便利ツール Web制作にはかかせない、PhotoshopをはじめとするAdobe社の製品。初心者向けのWebサイト制作についてかかれたサイトや書籍でも必ず目にする名前だと思います。覚える事が多くて何から勉強すればいいかわからない!なんて言う声もよく聞きますが、Adobeの公式サイトで配信されている無料動画で、基本的な使い方はマスターできちゃいますよ!昔からあるサイトですが、意外と存在を知らない方がいらっしゃったので、記事にしてみます。 ↑私が10年以上利用している会計ソフト! Adobe TVとは? Adobe TV Adobe TVはAdobe社公式の動画チュートリアルサイト。各ソフトの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。何より嬉しいのは動画で説明されているサンプルファイルもダウンロー
5月18日(土曜日)に行われたWordBench千葉で、 「テスト環境から本番環境へ、URLが異なる環境にWordPressを移行する方法」 というお題でスピーチさせていただきました。 引っ越しの際、URL(ドメインやWordPressインストールディレクトリ)が変更になると、 データベース内にあるURLの書き換えが必要となる場合があります。 移行の際に少し知っておく事と、 URL書き換えスクリプトを使用したWordPressの移行手順をまとめていますので、 参考にして頂ければと思います。 スライドのダウンロードはこちら 同じ日にスピーチされた方のスライドもとても勉強になるので合わせてどうぞ~。 しょーさん WordPressをバックアップしよう うぇぶるじょんさん バックアッププラグインあれこれ ねこみみ隊長さん phpMyAdmin入門 まがりんさん WordPressのデータ構造 ま
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい!っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました(2013年 1月現在)。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか? 私が
平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト! WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を(触り程度だけでも)理解するHTMLからテー
レンタルサーバなら「さくらのレンタルサーバ」! 月額換算でわずか131円、缶ジュース1本分のお値段で使える格安プランから、ビジネスにも使える多機能&大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心して ご利用いただける共用レンタルサーバサービスです。
美しい光の軌跡、輝く光源、閃光、写真のぼけなど、ライトのエフェクトを描くPhotoshopのブラシを紹介します。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
3年以上前に書いた「WordPressテンプレートを各カテゴリ等で別々に使い分ける」というエントリーでは、表示内容を変えるために別々のテンプレートファイルを用意しておくことを前提に解説しました。もちろんそれはそれでいいんですが、もしそれぞれの違いがほんのちょっとしたことだった場合等、わざわざ別々のテンプレートファイルを用意するのも非効率なのでは?というケースは多々あります。 そんな場合は、別々のテンプレートファイルを用意するのではなく、ひとつのテンプレートファイルの中で条件によって分岐させて表示内容をコントロールしたほうがやりやすいかもしれません。 条件分岐タグ WordPressには条件分岐タグというのがあります。 イメージしやすいところでは、例えば以下のようなものです。(他にもあります) is_home() is_single() is_page() is_category() これら
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
2012/03/11 追記 この記事は、Trojan Killerが無償で使えなくなるなどの対応のため、数度の追記を重ねた結果少し読みづらくなりましたので、あらためて編集し直した「マルウェア「System Check」駆除手順 その2」を参照願います。 なお、当記事の皆さんから寄せられたコメントも参考になると思いますので、一度は目を通していただけると幸いです。 ------------------------------------------------- System Checkはかなり猛威を奮っているようで、このブログに記事を書いてから検索フレーズでのアクセスが急増しています。 『マルウェア「System Check」』でコメントいただいたきよさんがTrojan Killerで駆除できないという話を聞き、多分駆除に至る手順が違っていたのではないかと思っています。 ポイントは、Troj
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く