45 Beautiful and Creative (WordPress) Designs - Six Revisions WordPress provides designers utmost control over a theme - resulting in unprecented flexibility in the layout and design direction he or she can take. クリエイティブなWordPressで構築されたデザインサイト集。 ブログのデザインはモジュールが沢山あるから大変ですが、どのデザインも、そのデザイン性だけでなく、うまくレイアウトされていてお手本となるものばかり。 お手本となるサイトがこれだけあると、見よう見まねで作っていくと凄くデザインが上達しそうですね。 関連エントリ ノートをイメージしたカッコいいWordpressテ
Where is the settings page for Contact Form 7? How can I put a contact form in my post content? My contact form doesn’t appear. Instead, a code [contact-form-7 404 "Not Found"] appears. How can I add a field to my contact form? Nothing shows up in the email, even after adding a tag to the form! How can I include a new field’s input in the email? I get emails containing codes such as [foobar]. What
はじめまして タグ表示はなんとか使用で来たのですが メール設定のところに入れるタグがわかりません。 フォームのタグとメールのタグ とわかりやすく説明している資料などないでしょうか？ 教えてください。よろしくお願いします。 7/10 12:05に書き込みをしたfujiと申します。 wordpressを再インストールしてみたところ、解決いたしました。 現在、借りているサーバではwordpressが上手く動かない事があるので、 もしかしたらそれの影響があるのかもしれないですが、原因はよくわかりません。 やっぱり有料のサーバの方が、安定するのかもしれませんね。 メールフォームのカスタマイズも無事できました。 これからもずっと使っていこうと思っております。 ご迷惑をおかけいたしました。
それでは順を追って説明していきますね。ダウンロードしたファイルを解凍すると、以下のようにたくさんのファイルやフォルダがありますね。今回は Anything Slider を使っていますが、大体どんなプラグインも似たような構成になっていると思います。 anythingslider folder 2. HTMLをマークアップ HTML ファイルがいくつかありますが、これはデモ用のファイルです。プラグインによっては 1枚しかない場合も多いですね。Anything Slider の場合は、たくさんのデモファイルが用意されています。これら HTML ファイルは、HTML でのマークアップを参考にしたりするのにも使えますよね！ それではデモファイルを参考にして、HTML をマークアップしていきましょう。今回は一番シンプルなスライダーを作ってみたいと思います。マークアップは単純に<ul>と<li>で画像
ブログ、CMSでは『関連記事』というのを出力したいというニーズがよくあります。WordPressを普通のブログとして書いていても似た記事があれば読者にも優しいし、ショッピングサイトやニュースサイトを運営していればなおさらでしょう。 で、例によって本体にはそんな機能はありませんが、プラグインで色々実現の工夫があります。 タグ方式 一番多いのは、タグ機能を応用して、同じタグの記事からピックアップする方式。 この方式は、（多分）開発や実装が簡単なんでしょうけど、全ての記事にタグを付けないといけないという欠点があります。 自動解析方式 記事の本文等を解析して、自動的に関連記事をグルーピングする方式。これがいちばん理想的なんですが、いかんせん数が少ない。あとはヨーロッパ言語圏の人の開発したプラグインでは日本語に対応できない場合が多い。 その他 全部手動で関連記事を登録していくもの、など。 Yet A
そろそろWordPressを2.8にアップデートしようかと思ってるところですが、ひさしぶりにプラグインを追加してみました。 Similar Postsは記事に関連した記事を自動的に表示してくれるプラグインです。 Similar Postsを使用するためには前提条件としてPost-Plugin Libraryがインストールされている必要があります。Post-Plugin Libraryはここから、Similar Postsはここからダウンロードできます。 Post-Plugin LibraryとSimilar Postsをインストールするとメニューの”設定”に”Similar Posts”が追加されるので、これを選択します。 上記がSimilar Postsのメニューになります。Similar Postsのメニューから”Manage the index”をクリックします。 マルチバイト文字の
WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin：ノーマル版 Pagination without plugin：拡張版 Pagination without plugin：ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
ブログを一瞬でOGP対応にしてソーシャルサイトでの集客力をUPさせられるWordPressプラグイン「WP-OGP」 2011年02月10日- WordPress ? WP-OGP WordPress Plugins ブログを一瞬でOGP対応にしてソーシャルサイトでの集客力をUPさせられるWordPressプラグイン「WP-OGP」。 OGPはOpen Graph Protocol の略で、ページ内の<meta>タグに、ページのタイトルやURL、サイト名を記述しておくことで、facebookで「いいね！」を押したとき等に、facebook側がOGP情報を使ってより分かりやすい形でリンクしてくれるというもの。 facebookだけはなく、国内のmixi や gree でも対応しているそう（ OGPについてより詳しくはこちら ) このプラグインを使えば、有効にするだけで次のように、<meta>
先日書いた、CodaのFTPでアップロードする時に、 いちいちローカルでそのファイルまで移動して、リモートのアップしたい階層まで移動するのが面倒だといいましたが、デフォルトで可能なことを書きました。 しかし、設定でつまづいていたので、ここに書こうと思います。 上記の画像のように左端のサイトボタンをクリックします。と以下のような設定画面にたどり着くと思います。 ここで赤字で書かれているところに注意です。 リモートルートと、ローカルルートに基準となるパスを記入します。 私の場合、wordpressを使用しているので、下記のようになります リモート：user/~/~/~/wordpressが入っているフォルダ名/←スラッシュ入れてください。 ローカル：~/~/~/desktop/wordpressが入っているフォルダ名 スラッシュいらず リモートの最後のスラッシュ入れなかったらうまくいきませんで
たまたま見かけた白黒カラーベースの WordPressのテーマが素敵だったの でご紹介ついでに、モダンで美しいデ ザインのテーマも合わせてご紹介しま す。すべて無料で利用可能です。全部 で17個あります。 コメントは控えます。ぜひデモをご覧下さい。 STUDIO DESSIGN STUDIO DESSIGN / DEMO MINIMAL DESSIGN THEME MINIMAL DESSIGN THEME / DEMO SWISS DESSIGN THEME SWISS DESSIGN THEME / DEMO STYLE DESSIGN THEME STYLE DESSIGN THEME / DEMO Ulap Ulap / DEMO WP-Wordfinder WP-Wordfinder / DEMO Seven Five Seven Five / DEMO Clear Clear
「SyntaxHighlighter Evolved」を導入したにもかかわらず、このページだけ表示が崩れていたので、（無精者なので）新しくページを追加して最終コードを表記しました。 ご参考までに WordPressの投稿記事一覧で本文の文字数を制限する方法 （コピーするだけですけど…） WordPressの記事を投稿した時の一覧表示のページで、表示される文字の文字数を決めて「続きを読む」という表示をよく見かけますが、投稿画面で<!–more–>を使えますが自動ではないんですよね…。 そこでphpファイルにちょこっと追加して便利にしてみましょう。 テーマの種類にもよるとおもいますが、大概「index.php」の中に<?php the_content() ? >という表記があります。 そこを <?php echo substr(strip_tags($post-> post_content),
New in WordPress 2.9: Post Thumbnail Images « Mark on WordPress を参考に、WordPress 2.9 の新機能の投稿サムネイル画像の使い方をご紹介。 基本的な使い方 まず編集画面で専用のインターフェースを使えるようにするため、テーマの functions.php ファイル内に次を追加します: add_theme_support( 'post-thumbnails' ); これで投稿と固定ページの両方の編集画面で投稿サムネイルのインターフェースが有効になりますが、もしどちらか一方だけで有効にしたいのなら次のようにします: add_theme_support( 'post-thumbnails', array( 'post' ) ); // 投稿で有効 add_theme_support( 'post-thumbnails', a
2009-01-09 WordPress プラグイン あけましておめでとうございます。今年もポツポツ更新していきます。今回はコメにてサムネイル表示の質問をいただいたので、このブログでのサムネイル表示方法とサムネイル関連のプラグインをご紹介します。 当ブログではカスタムフィールドでサムネイルを表示していますが、ソースはカスタムフィールドを拡張する 『Get Custom Field Values』 というプラグインを利用して記述しています。 Get Custom Field Valuesを使用しなくてもサムネイル表示は可能ですが、今回は当ブログの表示方法まんまをそのまま書かせていただきます。 この方法はWordPressを使い始めたばかりの時に、とあるブログさんを参考にさせてもらいました。紹介したかったのですが、URLはおろか名前も思い出せませんでした。スイマセン。 当ブログでのサムネイル表
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く