タグ

wordpressに関するyocchan731のブックマーク (234)

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

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

    WordPressのオリジナルテーマ作成フロー・基本マニュアル
  • 14 Awesome Free HTML5 WordPress Themes | DesignFloat Blog

    Today we’ve prepared for you a great collection which consists of excellent free HTML5 WordPress themes. These wonderful design freebies will be useful for WordPress fans who want to feel the power of HTML5 markup combined with awesome functionality of the most popular blogging software. The following themes are universal by their design and you can use them for any type of the web project. Also f

  • WordPressのビジュアルエディタをカスタマイズする

    WordPressのビジュアルエディタをカスタマイズする Wordpressのビジュアルエディタは基的にデフォルトのままでも問題ないかと思いますが、不便なところもありますよね。 この記事ではfunctions.phpを編集してビジュアルエディタをカスタマイズしてみます。 TinyMCE Advancedとかプラグイン入れた方がはやくね? とか言ってはいけない! 投稿日2010年12月17日 更新日2015年01月08日 オリジナルのスタイルを適用する。 ビジュアルエディタはそのままだとテンプレートとスタイルが違うので、最終的なイメージがつかみにくいですよね。 テンプレートと同じスタイルを適用して、ある程度イメージの確認ができるようにしてみましょう。 現在使用しているテンプレートフォルダの「functions.php」に以下を記述します。なければ作成しましょう。 functions.php

    WordPressのビジュアルエディタをカスタマイズする
  • コメント欄で使える10のWordPressプラグイン

    2013年3月23日 Wordpress 私はブログを読んで、感動した!ためになった!わからない、助けて!という事があれば、ほぼ確実に名前+写真入りコメントを残しています。ブロガーの皆様、いつもありがとうです。そんなわけで、コメントしやすい入力フォームには「おっ!」と感動してしまう事も。今日はそんなちょっと便利なコメント欄に使えるプラグインを紹介します。 ↑私が10年以上利用している会計ソフト! 1. Akismet 特徴 WordPressに標準インストールされているスパム対策プラグイン。導入するとスパムコメントが劇的に減ります!設定も簡単なので必ず使用してほしいプラグインのひとつ。 導入方法 AkismetのWebサイトの「Get Started」から登録。無料プランでOK。 外観>Akismet設定 からメールで送られてきたAPIキーを入力 2. Disqus Comment Sys

    コメント欄で使える10のWordPressプラグイン
  • XHTMLベースの既存のWordPressのテーマファイルをHTML5にするチュートリアル

    XHTMLで作成された既存のWordPressのテーマファイルをHTML5にするチュートリアルを紹介します。 Converting XHTML WordPress Theme To HTML5 [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに header.phpHTML5に変更 index.phpHTML5に変更 single.phpHTML5に変更 footer.phpHTML5に変更 補足:IE6/7/8への対応 はじめに はじめに、なぜHTML5を使うのかを理解する必要があります。私が考えるHTML5を使う大きな理由は、HTML5がセマンティックなマークアップだからです。 HTML5ではheader, footer, nav, section, articleなどを正確に使用する必要があります。 ここでは、XHTMLベースの既存のWordPressのテーマ

  • WordPressのTinyMCEをチキチキにカスタマイズする | 高橋文樹.com | プログラミング

    この投稿は 12年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近続いているWordPressエントリーの続きです。ところでみなさん、HTMLタグは好きですか? 僕はというと、特に好きとかはなくて、「セマンティックWebを実現するために大事だとは思うけど、書きたくはない」という感じです。 さて、WordPressにはTinyMCEというWYSIWYGエディタがついています。これはWordPressの中の人ではなくMoxiecodeというスウェーデンの人が作ったオープンソースのソフトですね。 今回はいかにタグ打ちをせずに済ませるかという点にしぼってご説明します。たぶんリンク集みたいになると思いますが、カスタマイズの方法は大体下記の通りです。 TinyMCEでの見映え自分のブログと統一する(初級) TinyMCEに元からあるボタンを追加す

    WordPressのTinyMCEをチキチキにカスタマイズする | 高橋文樹.com | プログラミング
  • スマートフォン対応の13のWordPressテーマ:phpspot開発日誌

    13 Smart Wordpress Themes to Befriend Mobile Gadget Users - WPDressing.com スマートフォン対応の13のWordPressテーマ。有償のものが殆どですが、デザインの参考にできたり、有償といっても数十ドルまでのものなので導入してもよさそうです。 WordPressを使ったカッコイイモバイルサイトがあっという間に作れちゃいそうです。 シェアでいうと携帯サイト>PCサイトなんていう現象がありましたが今後はグローバルでこうしたことが起こるかもというところでスマホサイトの構築法はしっかりと覚えておきたいところですね 関連エントリ スマホで使えるフォトギャラリー実装セット「PhotoSwipe」 スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ スマートフォン向けサイトの作り方エントリのまとめ

  • WordPressをカスタマイズする便利な10個のスニペット

    10 Very Useful WordPress Hacks [ad#ad-2] 下記は各ポイントを意訳したものです。 リンクを新しいウインドウで開く 検索結果ページのインデックスを阻止 編集ボタンを設置 コントロールパネルのリンクを設置 データベースエラーページのカスタマイズ ページ内にもう一つのページを埋め込む 著者の情報を加える Facebookのボタンを加える WordPressのアドミンバーを下に移動 管理者用のパスワードをリセット リンクを新しいウインドウで開く デフォルトでリンクを常に新しいウインドウで開くようにします。 「wp-admin」フォルダ内の「quicktags.js」を変更します。 変更前 if (!edCheckOpenTags(i)) { var URL = prompt('Enter the URL' ,defaultValue); if (URL) {

  • レスポンシブでシンプルなWordpressテーマ | バニデザノート

    レスポンシブでシンプルなWordpressテーマがまとめられていましたので 紹介させていただきます。 レスポンシブっていうのは、ここでは見ているブラウザなどによって 動的にデザインが変化するコーディング方法のこと。 例えば、PCで見たとき、iPadでみたとき、スマートフォンで見たときに 表示の切り替えを行っているものを言うようです。 フリーのテーマも何件かありましたので、 レスポンシブなデザインやコーディング方法の調査・勉強にもおすすめです。 Good Minimal ($35) DEMO グレーベースで紙っぽいテクスチャの入ったミニマルなテーマです。 Grido ($39) DEMO きめ細やかなグリッドデザインテーマです。 ipadのバックグラウンド風の背景画像も可愛い。 Tisa ($39) DEMO 紺とベージュのコントラストが印象的なデザイン。 Funki ($39) DEMO

    レスポンシブでシンプルな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 オリジナルテーマの作り方

    2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト! ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+

    WordPress オリジナルテーマの作り方
  • 「初めてのオリジナルWordPressテーマ作成」に役立つ記事3つ - かちびと.net

    WordPressのテーマをHTMLから 作成する方法を記事にしようと思 って5時間ほど書いてから、他に 記事が多数あって凹んだので、 代わりにそのテーマ作成記事を ご紹介します。 HTMLからWPのテーマにするのはPHPの知識が無いと敷居が高いと思われてる方も少なくないかと思いますが、想像よりもかなり簡単です。以前書いたWordPressテーマカスタマイズ事始め・基構造を理解してカスタマイズしてみるという記事が問題なければ作れるでしょう。 もちろん、複雑な構造のテーマはPHPの知識が必要ですが、通常のWebサイトをWPテーマ化する程度なら先ほどの構造といくつかのテンプレートタグが分かれば作れます。作れるようになれば、よりWordPressの楽しさを実感できると思います。ぜひチャレンジしてみてください。 色々と回り道をしてようやく作れるようになりましたが、こうして改めて探してみると、以下

  • WordPressのテーマのカスタマイズに役立つコードスニペットを探せるWebサイトいろいろ - かちびと.net

    少し増えてきたので自分用にまとめてみます。 WordPressでテーマをカスタマイズしたい時 にサクッと探せると楽なんですが、その コードスニペットを探せる、というサイトが いくつかあるのでご紹介します。WPユーザー の方は一度ご覧になってみては如何でしょう。 というわけでちょっと個人的なメモです。WPスニペットを保管してるサイトのまとめ。お手軽なWordPress Tipsっていうカテゴリで記事をよく書いてるんですけどそのネタ元なので英語OKな方はこちらから探してみては如何でしょうか。 この手のサイトのコードは古い可能性もよくあるのでCODEXで非推奨のコードでは無いかどうか合わせて確認しておくとより良いかもしれません。 WP-Snippets 数は多くないけど需要のあるTips多め。最近リニューアルしてちゃんとカテゴリ分けしてくれました。単純な単語をタイトルにしてくれているので英語が苦

    WordPressのテーマのカスタマイズに役立つコードスニペットを探せるWebサイトいろいろ - かちびと.net
  • WordPressをドキュメント管理システムに·WP Document Revisions MOONGIFT

    WP Document RevisionsはWordPressを使ってドキュメント管理システムを構築するプラグイン。 WP Document RevisionsはPHP製/WordPress用のオープンソース・ソフトウェア。元々はブログエンジンとして登場したものの、シェアを一気に拡大していく中でCMS(コンテンツマネジメントシステム)として進化しているWordPressWebサービス開発のベースに使われることも多い。 ファイルアップロード そんなWordPressが次なる進化を遂げようとしている。それは環境になることだ。もはやWordPressがなければビジネスが回らない、そんな状態になってしまうのだ。その一つ、WordPress上でドキュメント管理システムを構築するのがWP Document Revisionsだ。 WP Document Revisionsはリビジョン管理システムを含

  • WordPress のマルチサイト機能を実用化レベルにするために必要な設定や注意事項まとめ

    /* 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。 */ define( 'WP_ALLOW_MULTISITE', true ); ネットワークの設定をする 管理画面にアクセスするとネットワークという項目がツール辺りに出現します。中に入るとサブドメインかサブディレクトリを選択できますので、好きな方を選ぶとその後の必要な作業を教えてくれます。簡単な作業なのでここでは割愛させて頂きます。 特権管理者について マルチサイト化をすることで、最高権限が管理者から特権管理者に変わります。サイト内で管理者となっている人よりも、特権管理者の方が強いです。プラグインによっては特権管理者しか設定を触れないものもあります。特権管理者は特権管理者が自由に与えることができますが、サイトの所有者などを自由に変えることができるため、容易に与え無いほうが良いかもしれません。 既に運

  • sitemap – norirow.chips.jp

    コンテンツへスキップ モバイル通信 オプション扱いにはなりますが…。 大概のプロバイダーが…。 毎日WiMAXを使用しているわけですが…。 ワイモバイルと言いますのは…。 WiMAXに関しては…。 LTEに関しては…。 ワイモバイルも通信可能なエリアは拡大の一途を辿っており…。 オプションにはなるのですが…。 現段階で市場にある色々なモバイルルーターの中で…。 いろいろ調べましたが…。 思いの外知らない人が多いようですが…。 WiMAXモバイルルーターに関しましては…。 正直申し上げて…。 キャッシュバックを受け取る前に「契約を解約」なんてことになりますと…。 様々に比較検討してみましたが…。 「ポケットWiFi」と申しますのは…。 モバイルWiFiの月額料金を格別低い金額にしている会社を調査してみると…。 NTTDoCoMo又はY!mobileに規定されている速度制限が行われますと…。

  • WordPressのパーマリンクを最適化する.htaccessの設定いろいろ

    Optimizing WordPress Permalinks with htaccess [ad#ad-2] 下記は各ポイントを意訳したものです。 年/月/日のパーマリンクを年だけに変更 削除したページのリダイレクト 機能を失ったページを消す カテゴリ内の全部を別のサイトへ 年/月/日のパーマリンクを年だけに変更 パーマリンクの構造を下記のように設定した年/月/日を年だけに変更します。 パーマリンクの構造(年/月/日) /%year%/%monthnum%/%day%/%postname%/ この設定は、下記のようなURLを生成します。 http://deadletterart.com/2008/09/10/impertinent-art-review/ http://deadletterart.com/2011/06/18/california/ http://deadletterar

  • WordPressサイトをデザインする時に気をつけていること

    この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがとうございました。 会場に入れなかった方もいらっしゃったそうですみません。 この記事で、少しでも内容を共有できればと思います。 このセッションでは、オリジナリティのあるWordPressサイトのテーマをデザインする際に私が気をつけていることについてお話させて頂きます。 このセッションでお伝えしたいことは「4つ」あります。
いずれも、私がオリジナルのWordPressテーマをデザインする際に気をつけていることです。 このセッションで伝えたいこと このセッションでお伝えしたいことは「4つ」あります。
いずれも、私がオリジ

    WordPressサイトをデザインする時に気をつけていること
  • [WordPress] XML-RPC を使用する方法 | Sun Limited Mt.

    XML-RPC を使用して、WordPress に投稿する方法です。 XML-RPC とは簡単に言うと XML を HTTP でやり取りしてリモート手続き呼び出しを行うための方法です。非常に簡単な仕様で、仕様書も短いですので興味のある方は下記サイトで仕様を確認してください。 XML-RPC Specification XML-RPC 仕様書 (上記仕様の日語訳) その他の参考サイト PEAR の XML_RPC のマニュアル Manual :: XML_RPC WordPress でサポートされている XML-RPC API Blogger API MetaWeblog API Movable Type API WordPress の XML-RPC API XML-RPC wp ? WordPress Codex 日語の情報では下記サイトが見やすくまとめられています。 Movable

  • http://n1kumeet5.com/2011/09/wpplugins/