春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE

そもそも、WordPressとは何なのか？WordPressを始めるために必要なものや、WordPressを使うメリット・デメリットについて知っておきましょう。

WordPressは、HTML+PHPでできた「テーマファイル」を入れ替えることにより、ブログはもちろんニュースサイト、企業サイト、ギャラリーなど色々なWebサイトを提供することができます。 この連載の第3回で「WordPressで作られたWebサイトやWebサービス」を紹介しましたが、あのようなWebサービスやニュースサイトを構築するためにやることは、基本的に「WordPressテーマの作成」と「WordPressプラグインのインストール」です。 今回は、WordPressテーマの構造と作り方を解説します。 目次 PHPとは 開発環境の構築 MAMPやXAMPPのインストール WordPressとは WordPressの仕組み WordPressで作られたWebサイトやWebサービス WordPressでWebサービスを作るために何をしなければならないのか WordPressテーマの作り

過去に「

2014年8月22日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P

2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの管理ページをカスタマイズ　目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面：ロゴを変更する ログイン画面：CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ

地名と緯度経度を指定すると、 ストリートビューを表示出来る WordPressのプラグインのご 紹介。ストリートビューには コメントも加える事が出来る 様になっています。 用途は多くは無いかもしれませんけど・・変わった機能なのでシェア。 カスタム投稿タイプを使ってストリートビューを表示させるWPプラグイン。 地名をタイトルに、オプションで緯度と経度を入力して記事として更新します。複数書くと、スライド式にストリートビューを見る事が出来ます。 緯度と経度を入力するとこのようにSVが表示されます。SVにはコメントを残せます。 なかなか面白いです。プラグインは以下でダウンロードできます。 Street View Comments

2016年6月8日 Download, WordPress @en I released a yet another freebie: “New World” WordPress Theme, a free WordPress theme. This theme was developed for WordPress 3.0+. It’s a flexible and versatile free theme that can be easily customized. The theme is free to use in private and commerical projects. [adA-en] End of Support We no longer support this theme. Thank you for loving this for a long time! F

Amazonファッションタイムセール祭りのオススメ目玉商品まとめ。飲み物・おむつなど日用品セールも同時開催！【6/19まで】 2023年6月16日

These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

Code Note Description 画像のURLからその画像のアタッチメントIDを取得するコード。カスタムフィールドに格納した、どこにも紐付いてない画像の他のサイズのパスを取得する際にどうしても必要になった時に...

CSSやJavaScriptなどの外部ファイルを読み込む際、全ページ共通で且つよく見かける方法だとheader.phpのhead内に記述するということが多いと思いますが、例えば投稿ページでは使うけど固定ページでは必要ないので読み込ませたくない場合があります。 head内で条件分岐させる方法もありますが、それをfunctions.phpを使って一元管理する方法です。 また、その際に追記されてしまうバージョン表記を消す方法も合わせて紹介します。 JavaScriptを管理する 例としてIDがそれぞれ1～3まで設定されている固定ページに、以下の4つのjsを適応させるという想定で説明していきます。 jquery-1.7.2.min.js（全ページに適応） common.js（全ページに適応） slide.js（固定ページ1のみに適応） lightbox.js（固定ページ2と3に適応） 上記のような

100%GPLライセンス。無償＆商用利用可。 htmlやcssの知識が無くても管理画面からの設定だけでクオリティの高いサイトが作れます。初期構築・サイトメンテナンスの容易さを追求した初心者に優しい設計。 日本の企業・事業・店舗・塾・クリニックなど、ビジネス用途のホームページに必要な要素・仕様・構成に徹底的に最適化してあります。 スマートフォン対応。 ユーザーの閲覧環境に応じても見やすく自動的に最適化するレスポンシブウェブデザイン。 タイトル・ディスクリプションタグも自動で最適化。キーワードはサイト共通キーワードとページごとのキーワードを設定可能。 いいねボタンやツイートボタン、facebooコメント欄など、主要SNSとも連携しています。 新着情報とは別にサイト内ブログも利用可能。

ビギナーにはちょっとわかりにくい「カスタムフィールド」。 使い方によってはとても便利な機能なのです。基本的な使用方法は「カスタムフィールド」の入力項目の「名前」と「値」を 追加して、この「メタデータ」を取得して表示します。 使い方の例）・・カスタムフィールドでサムネイル表示 カスタムフィールドテンプレートを使用すると下記のようなAmazonのリンクも簡単にできます。 Custom Field Templateのダウンロード Custom Field Templateプラグインは 同じフォーマットでの入力が多い場合には便利なプラグインです。 ダウンロード：　Custom Field Template plugin 解凍後、ファイルをFTPで/wp-content/plugins/のディレクトリにアップロード。 設定方法：　管理画面＞設定＞カスタムフィールドテンプレート Custom Fiel

初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を（触り程度だけでも）理解するHTMLからテー