ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
CSSや画像の命名規則について - kojika17
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ページのどの位置に属すか分類し、つなげる方法を取っています。 基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。 例： CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、 デザインを見なくても、どのような箇所に使われている
WordPressのhead要素を整理してみる
WordPressのhead要素を整理してみる 最近のhead要素ときたらあれもこれもいでわりと複雑になりがちですが、改めてこのheadとやらを整理してみたいと思います。 投稿日2010年07月06日 更新日2011年04月03日 静的HTMLだった場合のhead要素 いきなりWordpressに入る前に静的HTMLで作成する場合のhead要素を確認してみます。 あれが足りない、ここは違うだろという意見はあると思いますが、大きく外していないはず（多分……）。 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml
[連載]WordPressでWebサービスを作る方法（4:テーマの作り方）
WordPressは、HTML+PHPでできた「テーマファイル」を入れ替えることにより、ブログはもちろんニュースサイト、企業サイト、ギャラリーなど色々なWebサイトを提供することができます。 この連載の第3回で「WordPressで作られたWebサイトやWebサービス」を紹介しましたが、あのようなWebサービスやニュースサイトを構築するためにやることは、基本的に「WordPressテーマの作成」と「WordPressプラグインのインストール」です。 今回は、WordPressテーマの構造と作り方を解説します。 目次 PHPとは 開発環境の構築 MAMPやXAMPPのインストール WordPressとは WordPressの仕組み WordPressで作られたWebサイトやWebサービス WordPressでWebサービスを作るために何をしなければならないのか WordPressテーマの作り
![[連載]WordPressでWebサービスを作る方法（4:テーマの作り方）](https://cdn-ak-scissors.b.st-hatena.com/image/square/864a35c2a7aabdc1a09c99102cafa9cb29c70b90/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2F101-1.png%3Ffit%3D500%252C300%26ssl%3D1)
よくあるカスタマイズコード functions.php 多め
WordPress のテーマを自作するときに、よく使っているコードのまとめです。主に functions.php に書いている基本的なコードばかりです。私は仕事で Webサイトを作っているので、後半はクライアントさん向けの Webサイト用コードです。 私、Evernote を使ってるんですけど、WordPress をカスタマイズするコード … たくさんクリップしてあって、ちょっとごちゃごちゃしてきたので整理しました … X( その中から一般的に使えるコードだけまとめてみました。個人的によく使うコードなど、一カ所にまとめておきたいなーと思ったのでメモ書きです。全部 WordPress 3.2 になってから、テスト済みです。 WordPress のよくあるカスタマイズ 目次 セッティング関連 ソーシャルボタンを追加 抜粋表示、the_excerpt 関連 タイトルの文字数を制限して表示する 特
Wordpressのwp_headで自動挿入されるlinkタグを削除する | WordPress | find a way !
使い手側からみたウェブデザイン／ウェブサイト構築のいま。ITテクノロジーやIT業界を興味本位で飛ばし読み。地方都市、who cares? WordPressのheader内の<?php wp_head?>は、多くのプラグインを動かすのに必須なのですが、これがあるとheader内に自動でおせっかいlinkタグが挿入されます。 Wordpressを「ブログ」でなく「ウェブサイト」として見せている場合、これらのlinkタグは、投稿日時の前後の記事をたとえ関連性がなくとも表記してくれるため、おせっかいに思えます。 これらのlinkタグを除去するためには、テーマ内のfunctions.phpをたとえば以下のように書き換えれば、前後の記事やらいろいろへのlinkが削除できます。 <?php if ( function_exists(‘register_sidebar’) ) register_
Quill [羽根のように軽い、メモメモwebサービス]
1【炎上】現役医師が激白！伊勢谷友介を大麻で逮捕してはいけな...NEWSまとめもりー｜... 2『ガンダムEXVS マキオン』配信者が、YouTubeで自殺配信を行っ...オレ的ゲーム速報＠... 3【三日天下】裏切者のクズ石破茂さん、自覚していた「私は明智...ハムスター速報 4ドコモ口座事件、ゆうちょ銀行もついに陥落痛いニュース(ﾉ∀`... 5ラミレス「今のところ伊藤光を一軍に上げるというプランは考え...なんじぇいスタジア... 6ドコモ口座事件が自分に関係ないと思ってる人へ！「被害額の補...はちま起稿 7バツイチ子持ち男と再婚したんやけどさぶる速-VIP 8【悲惨】来年春から新卒で就職なんだけどマジで働きたくない・...NEWSぽけまとめーる 9同じマンションに住む中国人の友達をご飯に誘った母まめきちまめこニー... 10今の時代は30年前の5倍は生きにくい哲学ニュースnwk
![Quill [羽根のように軽い、メモメモwebサービス]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e0f93976e6f1a36cbbe1ffa46940eb0a2489c61c/height=288;version=1;width=512/http%3A%2F%2Fimage.livedoor.com%2Fimg%2Ftop%2F17%2Flivedoor_small.png)
wp_enqueue_script() – Function | Developer.WordPress.org
wp_enqueue_script( string $handle, string $src = '', string[] $deps = array(), string|bool|null $ver = false, array|bool $args = array() )
WordPress で jQuery などの外部ファイルを読み込む wp_enqueue_script()
なお、wp_enqueue_script() は functions.php やプラグイン内で書くと良いです。 WordPress にデフォルトで含まれているライブラリ WordPress には以下のライブラリがデフォルトで同梱されているので、以下のライブラリは一番最初に紹介したように jquery とするだけで読み込むことができます。 scriptaculous-root, scriptaculous-builder, scriptaculous-dragdrop, scriptaculous-effects, scriptaculous-slider, scriptaculous-sound, scriptaculous-controls, scriptaculous, Image cropper (not used in core, see jcrop), Image copper,
wp_enqueue_scriptで外部のjQueryライブラリを使う | Shifft – Web Design & Development
ホーム ポートフォリオ ブログ シフトは高品質なWebサイトのデザイン・制作をしています。クリーンで美しいデザイン、魅力的なユーザー体験、目的達成のためのプロセス、代表的なブラウザへの完全対応。これらを満たしたサイトを生み出すことを愛してやみません。Webサイトを通じて、誰もがよき方向へシフトする可能性を常に探し続けています。
WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック
WordPressのカスタマイズコードでよく見かける add_filter、add_action という関数。これは WordPressのプラグイン API という仕組みを利用したもの。プラグイン API - アクションフックやフィルターフックについて、大雑把ですがまとめてみました。 WordPress を使ってWebサイトを作る時、デフォルトの WordPress の動きを変更したいなーという時が多々あります。WordPress のデフォルトの動き（WordPress Codexでは振る舞いという言い方がされています。）でよく知られてるのは、記事を書くと自動的に <p> タグが入る … とかでしょうか。とにかくそういう WordPress の振る舞いを、何とかしたい場合ってありますよね。 こういった WordPress 独特の振る舞いは、WordPress のコアファイルと呼ばれてるとこ
条件分岐 | PHP Labo
条件分岐について ここまでのプログラムは、書かれた内容を上から順番に実行していくのみのプログラムでした。ですが条件分岐を使用すれば、条件によって処理内容を変更することができるため、複雑なプログラムを作成することができるようになります。 具体的には、以下のような書式で条件分岐を行います。 if (条件) { 条件に一致した場合に実行するプログラム } else { 条件に一致しなかった場合に実行するプログラム } このように書くことで、条件に一致したかどうかで処理内容を振り分けることができます。ちなみに if は英語で「もし～なら」、else は「そうでなければ」という意味です。 以下に、条件分岐を使用したプログラムを記載します。 <?php $sample = 10; if ($sample > 5) { echo "変数sampleの内容は5より大きいです。"; } else { ech
SCOllaBo.com
Canada’s Top Online Casinos for 2025: Expert Picks and Rankings If you’re searching for trusted gaming experiences tailored to Canadian players, we’ve highlighted platforms that consistently set industry benchmarks. Safety is paramount—every site featured here is fully licensed, secure, and transparent about their operations. Players can expect prompt payout speeds, top-rated customer support, and
WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
WordPress のカスタムフィールド・投稿タイプ・タクソノミーを使い分けよう！
12月25日まで毎日ブログをつないでいく WordPress Advent Calendar、7日目担当マクラケン直子 (@naokomc) です。なつき（@Stocker_jp）さんの人気記事「Croppyの作り方」に引き継いでいただきました！ドキドキ。 カスタムフィールドとカスタムタクソノミーについてはなつきさんの記事でも触れられていますが、WordPress で使える便利な拡張機能として、 カスタム投稿タイプ カスタムタクソノミー（カスタム分類） カスタムフィールド といったものがあります。どれもこれもカスタムカスタムとうるさいですが、名前を見ただけでは違いがよく分からない…ですよね。これらについて意外と知られていないところもあると思うので、それぞれどういう時に使うのか、どうやって使うのかという全体像を説明してみます。 目次 使い方のちがい それぞれのメリット 使い方の基本 使いどこ
日本語版 WordPress チートシート | Webクリエイターボックス
2024年7月21日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P
テンプレート階層 - WordPress Codex 日本語版
はじめに WordPress テンプレートはパズルのピースのように組み合わせられ、サイト上で Web ページを表示します。一部のテンプレート（例: ヘッダー・フッターテンプレート）はすべての Web ページ内で使用される一方、他のテンプレートはある条件の下でのみ使用されます。 このドキュメンテーションの目的 このドキュメンテーションは、次の疑問に答えてくれるでしょう。 ある種類のページを表示するとき、どのテンプレートファイルが使われるのか？ このドキュメンテーションの使い方 WordPress 1.5 で「テーマ」機能が導入されて以来、テンプレートはますますカスタマイズしやすくなりました。WordPress テーマを作成するには、WordPress がブログ上の各種ページを表示するためにどのようにテンプレートファイルを選択するのかを正しく理解する必要があります。すでにあるテーマをカスタマイ
「colocal コロカル」ローカルを学ぶ・暮らす・旅する
topics 焼酎ハイボールの名店が並ぶ東向島で、下町の人情と旨いアテに酔いしれるあなたのまちの焼酎ハイボールアテ探し旅
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種 ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 投稿日2010年10月24日 更新日2012年03月05日 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準
jQueryで16進数の背景色をアニメーション（フェード）させる方法｜BLACKFLAG
jQueryでは通常、背景色や文字色などでの16進数を使った色指定「#ffffff」といった値を アニメーション処理させることは出来ません。（数値化されていない値は処理できない。） これらの色指定をアニメーション処理させるには、値を数値化することが必要になるのですが 簡単にそれらの処理をしてくれるプラグイン「jquery.color.js」というものがあったのでご紹介。 Color Animations ≫Color Animations | jQuery Plugins このプラグインファイルを使うことで16進数で指定された色指定を 「rgb(nn, nn, nn)」の様な感じに変換して処理してくれます。 例えば、 ——————————————————- 白「#ffffff」 → 「rgb(255,255,255)」 黒「#000000」 → 「rgb(0,0,0)」 赤「#ff0000
Welcome to partner presses on Oxford Academic
Our partner presses within University Press Scholarship Online have now migrated to Oxford Academic. Read more about books migrating to Oxford Academic. If you are looking for a specific book simply type the book’s title or ISBN into the search bar at the top right of the screen. You may need to then refine or modify your search to find exactly what you’re looking for. You can also search across a
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://nyx.pu1.net/reference/extra/echo_print.html
Writer - Windows Live on MSN
WordPress のブログサイトでパンくずリストを表示するコード
山崎亮「ローカルデザイン・スタディ」小布施 Part１「まちとしょテラソ」と館長・花井裕一郎さんのこと
Qiita