タグ

参考にしたに関するsinamon129のブックマーク (17)

  • Mac OSXにEclipseをインストールして日本語化: MacでPHP入門!

    名前:Jin 年齢:30代 元COBOL使い。PerlJavaScriptを齧りました。PHPは初心者です。当面の目標は、WordPressやCMSのモジュールを自作すること! 今までプログラムもHTMLも"mi"というテキストエディタで作成していましたが、そろそろ統合開発環境(IDE)なるものを使ってみたくなりました。 今回選んだのはオープンソースの "Eclipse" です。 それでは早速インストール。 Eclipseのサイトにアクセス PHP開発者向けの "Eclipse for PHP Developers" をダウンロード ダウンロードしたファルを解凍して出来た "eclipse" フォルダをアプリケーションフォルダにコピー。 以上でインストールは完了。 Macは簡単でいいな!…と思ったのも束の間。日語化で予想外に苦戦してしまいました。 ここから日語化の方法です。 E

  • WordPress のブログサイトでパンくずリストを表示するコード

    <div class="breadcrumbs"> <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> &gt; <?php $cat = get_the_category(); echo get_category_parents($cat[0], true, ' &gt; '); ?> </div>

  • WordPressでオリジナルデザインのホームページを作る方法

    固定ページのテンプレートを編集することで、デザインや要素を変更する方法を解説します WordPressではブログ形式の動的ページを投稿することが多いと思いますが、今回は静的ページである「固定ページ」を作って、デザインをカスタマイズする方法を紹介します。 実際の例として固定ページに「WordPressに人気の記事を表示するPopular Postsの導入方法」で解説した「人気の記事一覧」を表示するまでを解説します。 「固定ページについて」「ループのモジュール化について」「実際に編集する方法」と解説も交えているので、長文になりますが作業自体は単純なので、慣れれば5分もかかりません。 固定ページとは 固定ページとは投稿ページとは違い、時間軸を持たないページのことです。またタグやカテゴリーで分類することも出来ません。 では何に使うかというと「ホームページ」や「検索ページ」などで使用します。 固定ペ

    WordPressでオリジナルデザインのホームページを作る方法
  • [WordPress]ページテンプレートを選べない | Inochang's Blog

    WordPressのページの追加ではまったのでメモしとく。 「新規ページを追加」でページを新たに追加し、 ページ属性からテンプレートを選ぼとしたらテンプレートの項目のプルダウンが 消えてなくなっていた。 テンプレート自体にも行頭には /* Template Name: hoge */ というようなテンプレート指定のテンプレート名も入れているし、 特別おかしなところも見当たらない。 テーマ編集などいじくり回しても駄目だったので、 フォーラムを見て回っていたら以下であっさり解決した。 WordPress: ページテンプレートが消えて選べないバグ http://myspacekaizou.blog17.fc2.com/blog-entry-39.html 1.管理画面 -> 外観-テーマ 「現在のテーマ」に何も選ばれてなければ利用可能なテーマの「使用する」を選択 (すでに自分のテー

  • functions.phpに書いておくといいかもしれないコードいろいろ

    WordPress の便利なオプションファイル functions.php。 これに数行追加するだけで、当にいろんなことができちゃいます。今回は、functions.php に書いておくといいかもしれないコードをいくつかまとめてみました。 WordPress のテーマの中で利用する functions.php。このファイルがかなり便利で、私はいろいろと functions.php に書き込んでいます。よくプラグインとかウィジットを使えばいいじゃないかーとも言われたりしますが、プラグインは厳選して重要なものだけを使って functions.php でできるものは、できるだけそうしたいなーと思っています。 プラグインが増えればその分ファイルの読み込みが多くなって、少なからず速度も落ちるかな … とか、プラグインの管理ページがごちゃごちゃするのがイヤだーとか、そんな程度の理由なんですけど …。

  • テンプレートタグ/wp nav menu - WordPress Codex 日本語版

    このタグは、ナビゲーションメニューを表示します。メニューは 管理画面 > 外観 > メニュー で作成できます。 theme_location パラメーターが与えられた時、このタグは theme_location が示す位置へ割り当てられたメニューを表示します。その位置がない、またはメニューが割り当てられていない場合は、fallback_cb パラメーターで与えられた関数を呼び出してメニューを表示します。 theme_location パラメーターが与えられなかった場合、このタグは次の規則に従います。 menu パラメーターが与えられている場合、それ(ID、スラッグ、または名前)に一致するメニュー; さもなくば、最初の空でないメニュー; さもなくば(ひとつもメニューが定義されていない場合)、fallback_cb パラメーターで与えられた関数を呼び出す(デフォルトでは wp_page_men

  • WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方

    WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも!そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS(コンテンツマネージメントシステム)というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン

  • WordPressでブログじゃないWebサイトを作るときのいろいろ(サンプル付き)

    とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね!今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー(カスタム分類)を使って作っています。 ページを表示する為に使っているテンプレート

  • レイアウト作りを簡単にしてくれるCSSグリッドシステム

    CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね! Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは? CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし

  • 【フリーフォント】ソーシャルサービスのアイコンを収録したイラストフォント:エディテック:オルタナティブ・ブログ

    ソーシャルサービスがらみの文書や図版などを作成していて、「ここでちょっと Twitter のアイコン(=小鳥アイコン)がほしいな」などと思うことがあります。そういうときは、ブラウザをキャプチャしたり、アイコン画像をダウンロードしたりすることになります。しかし、その画像はJPEGだったりPNGだったりして、拡大・縮小したときに輪郭がボケたり、画像拡大時に輪郭にジャギー(線がガタガタになること)が生じるなど、若干ですが不都合があります。 そこで皆さんにもおすすめしたいのが「イラストフォント」です。フォントですから拡大・縮小も簡単にできますし、なによりジャギーがありません。当然、色の変更も自由自在。文字をアウトライン化すれば、さまざまなグラフィック処理が可能になります。 今回は、2つのイラストフォントを紹介しますが、フリーで商用利用可能なので安心して使えます。 唯一残念なのは、日のソーシャルメ

    【フリーフォント】ソーシャルサービスのアイコンを収録したイラストフォント:エディテック:オルタナティブ・ブログ
  • WordPressのオリジナルテーマ作成フロー・基本マニュアル

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

    WordPressのオリジナルテーマ作成フロー・基本マニュアル
  • オリジナルテーマの作り方 3.0+

    2014年8月22日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。2010年1月に書いた記事とはバージョンが違い、コードも変更されたため、新たに記事にしてみました。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。 ↑私が10年以上利用している会計ソフト! WordPress オリジナルテーマの作り方 3.0+ WordPress オリジナルテーマ作成 完璧ガイド WordPressをローカルにインストールする WordPress オリ

    オリジナルテーマの作り方 3.0+
  • テンプレート入門 - WordPress Codex 日本語版

    ほとんどの WordPress テーマは、ウェブページを生成するために、テンプレートの中でさまざまなテンプレートファイルを読み込んでいます。典型的には、WordPress サイトのメインテンプレート (index.php) は、以下のテンプレートファイルを読み込んでいます。 header.php theloop.php (The Content) wp-comments.php sidebar.php searchform.php footer.php この構造を変更することもできます。例えば、ヘッダーに検索フォームを置くことが可能です。フッターを必要としないデザインであれば、フッターテンプレートを完全に除去することもできます。 特殊なテンプレートファイル WordPress サイトでは、ウェブページの表示に2通りのコア表示機能が用意されています。単一記事表示は、個別記事を表示するのに使用

  • WordPressテーマ制作チュートリアル

    この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。 おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。 このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。 実際のファイルを見ながら(あるいは作りこみながら)読むと理解が深まると思います。 WordPressのインストール まだレンタルサーバを借りていない

    WordPressテーマ制作チュートリアル
  • HTML5.JP - 次世代HTML標準 HTML5情報サイト

    HTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったことから、当サイトを閉鎖することにいたしました。これまで当サイトをご支援頂きました皆様には心より御礼申し上げます。 2019 年 8 月 15 日 管理人より

  • インクルードタグ - WordPress Codex 日本語版

    テンプレートインクルードタグは、あるテンプレートファイル(例えば index.php)の中で、他のテンプレートファイル(例えば header.php)の HTMLPHP を実行するために使います。PHP にはこの用途の include() 文がありますが、以下の WordPress テンプレートタグを使えば、より簡単に特定のファイルを読み込めます。 テンプレートとテーマについてのさらなる情報は、テーマの使い方 ならびに テーマの作成 をご覧ください。インクルードタグを用いて一つのウェブページを構成する仕組みについては、テンプレート入門で説明しています。

  • CSS Tools: Reset CSS

    The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here a

    CSS Tools: Reset CSS
  • 1