WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
welcartに最低限足らないなと思う機能についても触れてみました。 welcartの操作方法も独特で、特にマニュアルなどがネットにないので ぶち当たりつつ前に進んでみました。 大まかにデザインするとき触る場所はusc-e-shopのフォルダの中のthemeがデザインテンプレートで、templatesがカートやメンバーページ、商品出力などを制御しているphpです。 まず商品のアップの仕方です 通常の記事の書き方では画像はアップされません。 ブログを書くところではなく、商品マスターの新規追加で行う。 商品番号を画像のタイトルにすれば表示されます。 sukuを更新しなければ価格が入らないので注意。 welcartのカテゴリーの考え方 welcartはすべて商品というカテゴリーの中でしか商品の操作が出来ないようです。 ですから、商品は商品カテゴリー以下にカテゴリーを作らなければ表示されません。
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
WordPress3.2のリリースも間近に控え、 より楽しみが増える今日この頃ですが、 3.1から増えた新機能の投稿フォーマット がさほど普及していない印象が否めない ので微力ながら貢献してみようかなと 思います。 カスタム投稿タイプやカスタムタクソノミーなど、便利な新規能が山盛りなWordPressなんですが、Webデザイナーさんにとって嬉しい新機能といえば「投稿フォーマット」ではないかなと勝手に思い込んでいます。 1行のコードだけで済むので導入も楽ですし、デザインに貢献出来る機能でもありますので、「知らなかったよ！」という方はぜひ使ってみてください。 以下、参考になるページです。 投稿フォーマット – WordPress Codex WordPress3.1の新機能投稿フォーマットを試してみた。 | Simple Colors Simple Colorsさん(@jim0912)が分かり
WordPress を、マルチサイト版で利用している場合、エディタ上部に表示されているメディアボタンの表示・非表示はオプションで設定できます。 しかし、シングルサイト版で使用している場合は、これらを制御することはできません。 シングルサイト版でも、制御することは不可能なんでしょうか？ 実は media_buttons アクションフックを使用することで、実現可能です。 テーマの functions.php に以下の記述をコピペしましょう。 function my_media_buttons() { remove_action( 'media_buttons', 'media_buttons' ); $do_image = true; $do_audio = true; $do_video = true; if ( is_multisite() ) { $media_buttons = get
WordPressの管理画面内でドロップダウンする ヘルプ。個人的に正直あってもなくてもいい程度 のものという認識です。WPに疎いお客さんへの 納品で説明するくらいだと思うんですが、それは それで分かりにくい気がするので、中身を変えて この存在価値を高めてあげよう、というカスタマイズ。 前置きが長くなりましたが、管理画面のヘルプがデフォルトではWebに疎いクライアントさんにとっては微妙なものなので自分で価値を高めてあげましょうよという話。せっかくあるコンテンツなので役に立って貰いたいですしお寿司。 ヘルプの内容を変える デフォルトではこういう状態です。アイキャッチとかエディターとかWebに疎い方が聞きなれていない言葉はあまり使いたく有りません。 なのでヘルプの中身を変えます。今回は投稿とページのヘルプを例にしてみます。 コード add_action('load-post-new.php',
昨日Twitterにも情報流れてましたけど やっぱり便利なプラグインなので、改め てご紹介。僕やほかのブログでもよく 見かける、functions.phpにコードを追加 して行うカスタマイズを1つのプラグインで 管理できるようにしたもの。 デベロッパーは最近よくお話させてもらっている@miya0001氏。よく見かける、需要の高そうなfunctions.phpでのカスタマイズをプラグインで一括管理出来るようにしてくれました。 ページ推移も不要で、よく見かけるカスタマイズハックを簡単に行うことができます。 functions.phpに追記すればOKなものばかりですが、もともとコードがごちゃ付いてる場合も多々ありますが、PHPの知識が無いとなかなかテーマファイルに手を加えるのはハードルが高いと思います。そんなノンプログラマーさん向けに作られたプラグインです。 出来ることは以下。プラグインを有効化
2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト！ WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面：ロゴを変更する ログイン画面：CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ
見かけたことのないWPギャラリー テーマがあったのでメモ。美しい グリッドレイアウトとダークでクール なデザインが印象的です。いろいろ 多機能で完成度の高いので、この まま使用しても全然問題なさそう。 ギャラリー用のテーマは沢山ありますけど、Grid Lockerも他のテーマに負けず劣らず完成度が高いです。 ブラックカラーをベースとしたクールで重厚感あるデザインです。可変するグリッドレイアウトで時系列を崩すこともありません。 Lightbox Lghtboxによる画像ポップアップ。サムネイルおよび、横長の画像はカスタムフィールドを使用しているようです。名前を「Thumbnail」として、値に画像URLを入力します。画像はcacheフォルダに格納されるみたいですのでご利用の際はパーミッションにお気を付け下さい。 イメージスライド コンパクトなイメージスライドの有無を選択できます。スライドの画
背景、ロゴ、favicon、Ajaxローディングなどの画像をオンラインで作成できるサイトを集めました。まだまだありますが、多すぎるとかえって不便だと思うので各ジャンルごとで3個または5個で厳選しています。 背景関連 1. Stripe Generator ストライプの模様を作るならここ。ストライプの幅はもちろん、影や柄なども自由自在です。グラデーションもつけることもできます。 2. bgMaker 背景パターン作成サイトです。サイズは自由に変更できて、リアルタイムで背景に提要されて確認できるので便利です。 3. BgPatterns ― Background Patterns Maker こちらも画像の背景パターン作成サイトです。背景画像の組み合わせからサイズや色まで詳細にカスタマイズすることができます。 4. Dotted Background Generator 水玉模様の背景画像が作
今春から進学や就職で一人暮らしを始める男子の方々、希望に満ちあふれた想像とは裏腹に1人暮らしって面倒なことが多いモンです。今回は独断と偏見でえらんだ、一人暮らしをするにあたって（必須ではないけれど）便利なアイテムをズボラな私が紹介していきます。 インテリア 180cmのメタルシェルフ＆本棚 基本的に主要な収納はこの2つがあれば十分です。メタルシェルフとこのタイプの本棚の良さは、カスタマイズが簡単なことと、最上段を使用頻度が低いが必要なときにはササッと取り出したいものの収納スペースとして活用できることです（机くらいの高さだと最上段が頻繁に使用するスペースになっちゃう）。 無印良品の収納ボックス（ポリプロピレン製）とメタルシェルフを組み合わせて使うと非常にキレイに整理整頓できます。蛇足ですが、無印良品の収納ボックスの良さはどのような地域に引っ越したとしても、同じ規格の商品が手に入り、買い足すこ
私は Macbook Pro をメイン環境にしています。常に持ち歩いて仕事でもプライベートでも使っています。遊びから仕事まで、全てを Macbook でこなすには、スペックが足りないこともあっていろいろと機能を拡張しました。 主な拡張内容は外部ディスプレイ（クラムシェルモード）の接続とメモリの増設です。この2点だけでスペックをかなり拡張できます。ただし、導入が少し面倒な点もありますので、面倒なポイントなどを紹介します。 外部ディスプレイを接続する（クラムシェルモード） Macbook はデスクトップになる 以前 Macbook でもクラムシェルモードでデスクトップPCのようにするという記事を書かせて頂きました。実は Macbook は電源に接続されていて、外部ディスプレイに繋がれている時、Macbook のディスプレイを閉じていても動きます。これをクラムシェルモードと言うそうです。 解像度
Google Bloggerブログ、テンプレート、カスタマイズ、SEOなどグーグルブロガーユーザーのためのハック・ティップス・トゥウィークス（Blogger HTT）ブログ。 Wordpress のテーマが移植されたこともあってか Google Blogger のテンプレートは格段に増えて探しやすくなったと思います。 それでもなかなか好みのテンプレートが見つからないというときには、bTemplates で探すとひとつやふたつ見つかると思います。私の知る限り今のところ地球上で bTemplates が最強です。 bTemplates は格納数が多いのでページをめくるのが大変です。カテゴリ（ラベル）ごとに見ると重複があるので時間が掛かります。そこで今回 bTemplates から私の趣味で選んだテンプレート100個をご紹介してみたいと思います。とりあえずの取っ掛かりとしてご利用ください
スペルチェックで入力時に赤波線が入るのが心底ウザいので真っ先にやっておきたい設定。 フィルタ に layout.spellcheckDefault と入力し、値を1→0へ変更。 3.5までは、新規タブは右端に表示されるのが常だったのだけれど、3.6からはデフォルトの状態では新規タブは、リンク元のタブの真横に表示されるようになってしまった。 慣れれば良いのだろうけど、慣れる前に毎回新しいタブを探すのが面倒すぎて発狂しそうなので3.5時代と同じように新規タブを右端に表示するように設定する。 フィルタに browser.tabs.insertRelatedAfterCurrentと入力し、 値をtrue→falseに変更する。
ジャンルは左上から順に セッティング ラベル メディア 電子機器 ディスプレイ CMS アロー モバイルデバイス シグナル コミュニケーション パワー ツール ロケーション ファイル ID チャート [ad#ad-2] ダウンロードできるアイコンのフォーマットはPSDで、シェイプで作られたベクターデータとなっています。サイズは16x16, 32x32, 64x64の3種類がセットになっています。 アイコンの利用にあたっては個人でも商用でも無料で、カスタマイズもOKとのことです。
2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト！ ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基本的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLやCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー
Twitterでつぶやいたツイートをあなたのブログやサイトに簡単に設置できるjQueryのプラグインを紹介します。 jTweetsAnywhere デモページ [ad#ad-2] jTweetsAnywhereの設置は簡単で、数行のスクリプトで自分のブログやサイトにツイートを設置することができます。 jTweetsAnywhereの主な特長 指定したユーザー（複数可）のツイートを表示。 ユーザーのリストからツイートを表示。 Twitterの検索の結果を表示（パラメータは全対応）。 @Anywhereに対応。 エンドレススクロールを使ったページングをサポート。 自動更新でリアルタイムにツイートを表示。 ツイートボックスのカスタマイズが可能。 Follow me ボタンの設置が可能。 ネイティブのリツイートをサポート。 ユーザーのプロフィールを表示。 ツイート内のリンクを検出し、自動でリンク化
WordPress をカスタマイズするなら覚えておきたい条件分岐タグと、カスタマイズにとっても便利なカスタム投稿タイプについて、簡単にまとめてみました。 WordPress をカスタマイズするなら、必ずと言っていいほど使うのが条件分岐タグ。ブログとして Webサイトを構築するなら、とってもよく使う … というほどではないかもしれませんが、一般的な Webサイトを WordPress で構築していくとなると、動的な Webサイトであればあるほど、条件分岐タグはよく使います。 また、話は変わっちゃいますけど、WordPress 3.0 から本格的に採用された新機能、カスタム投稿タイプも、WordPress でのサイト構築にはかなり便利です。おなじみの条件分岐タグから、カスタム投稿タイプ、タクソノミーまでを、メモっぽくまとめてみました。 WordPress サイト構築 Tips 目次 WordP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く