夜中にいじってます。WordPressを。 どうも、@OZPA です。 記事の終わりにサムネイル付きで関連記事を表示するブログパーツ「LinkWithin」を導入したのが今月頭。 別に取り立てて不満も無かったのですが、ごりゅご.comの2記事を見てムラムラと 「同じようなカスタマイズやってみたい」 との思いが燃え上がって参りまして、先日ようやっと関連記事の表示を実装いたしました。 先に「Auto Post Thumnail」を有効化しよう 僕が指を咥えて眺めて咥えて眺めてやっぱり咥えていたのが@goryugo さんとこの以下の2記事。 新しい記事も過去の記事も全部自動でアイキャッチを作成してくれるAuto Post Thumbnail | ごりゅご.com Auto Post Thumbnail … 関連記事プラグインYARPPをカスタマイズしてLinkWithin風にする | ごりゅご.

使いそうだったので備忘録。Facebook で恐らく最も利用されてると思われる ソーシャルプラグインのLikeboxと似た ようなものを、Twitterアカウントで 作成するjQueryプラグインです。デザ イン的にもバランスが取れるので覚え ておいて損は無いのでは。 と言うわけでLikeboxライクなTwitterウィジェットです。自身のアカウント、フォローボタンと、フォロワーさんのアイコンを表示する事が出来ます。 よく見かけるアレのTwitter版です。以下サンプル。 Sample 一部日本語に変えました。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script src="jquery.followb

これから始める人から、カスタマイズしたい人まで、 WordPressの疑問・困ったを解決するまとめ 本ブログもWordPressを使って作っている。 最初は、MovableTypeでやっていたのだが、 投稿記事の数が膨大になってくると、再構築に時間が掛かるようになったため、 新ブログを開始する際に、思い切って変えてみた。 幸いにも過去に色んな方が、WordPressに関する「まとめ」を作ってくれていたり WEB上で丁寧に説明してくれていたりしたため、難なく構築することができた。 ただ、色々な情報が散らばっていて、その都度探さなければいけなかった。 そこで、今回のブログは、自分と同じ様にWordPressを始める方のために書く、 「WordPressの導入からデザイン、プラグイン、カスタマイズまで全部まとめ」。 もくじ 今回は、以下の5つについて、まとめてみた。 それでは、それぞれについてご

この記事について 今回は WordPress テーマの中から企業サイト用のテーマを集めました。 硬い雰囲気の物からデザイン性の強い物まで色々な業種に添って集められたのではないでしょうか。 あなたの会社のイメージに合うテーマが見つかれば幸いです。 無料テーマの紹介 HALICIA アイコンを随所に散りばめたデザインが特徴的なテーマ。 スライドギャラリーも2つ設置されており、視覚的な要素に力を入れている。 アイコンのデザインがポップなので硬くなりすぎない印象を与えたい場合に適している PICK UP「ポートフォリオ用スライドギャラリー」 Rocket Wood それぞれの情報がキッチリとエリア分けされているテーマ。 伝えたい情報を効果的に配置することができる。 Tweet 表示エリアが広く取られているので Twitter 上での活動が活発な会社に適している PICK UP「Twitter 表示

今まで機会が無かったんですが、最近必要になって改めて便利だったので今更ながらご紹介です。WordPressでコンタクトフォームと言えば、Contact Form 7が定番になっていますが、このCF7にある機能に「特別なメールタグ」っていうのがあります。 フォーラムによく顔を出すような方はご存知の方も多いですが、ググってみると案外紹介されていなかったので普及活動してみます。 まずはContact Form 7のご紹介。WPユーザーなら大抵はご存知ですよね。柔軟性と操作性に優れたコンタクトフォーム用プラグイン。日本製ですが、世界中で愛用されています。 CF7は管理画面内でフォームを作成し、ショートコードで実装します。そのフォーム作成もショートコードを発行する形ですので、HTMLの知識は無くとも作成する事が出来ますが、PHPであるテンプレートタグなどは直接使用できません。 ただ、場合によっては、

僕はWebデザインを仕事にはしていませんが、WordpressのことやWeb制作絡みで気になった記事や役立ちそうな記事は全部Evernoteに保存していました。特にWebクリエイターボックスさんやWebデザインレシピさんなんかの記事はほぼ全部Evernoteにあるんじゃないか？っていうほど参考にしています。 WebDesignBlogSearchを使えば参考になる超有名ブログを横断して検索することができちゃいます。 例えば「Wordpress プラグイン」と検索すれば以下のようにズラーっと検索結果が。 単純にGoogle検索をする時よりも信頼が高く、役立つ記事が結果として表示されるので便利ですね。 またよく検索されそうなキーワードとして「CSS」「まとめ」「jQuery」などがタブとして表示可能です。 タブを選択することで「Wordpress プラグイン」の検索結果から「Wordpress

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

よく、ブログのフッターやサイドバーに Flickrに投稿した写真が表示されていた りしますが、これをTumblrでやりたい、 っていう場合の方法。jQueryとTumblrの APIで表示します。Tumblrユーザーさんの 方が自分の周りで最近目立つ気がするの で書いてみます。 FlickrよりTumblrに投稿した写真をブログに載せたい、みたいな方向け。テキストや動画の投稿は省いて、画像だけ取り出してリンクも付けます。 ゴール ブログに、とか書きましたけど、最大50個表示出来るので50個表示しました。数は指定できます。 APIはv1とv2があって、新しい方のv2を使わないとアレなんですが、APIキーの取得が面倒だったのでv1を使用しています。なのであんま参考にならんかもですね。 参考にさせて頂いたのは以下のAPI和訳ページです。 チラシの裏 — Tumblr APIの使い方を勝手に和訳し

WordPress3.1から管理バーが少し変わ ったのですが、デフォルトではあまり コンテンツが無く、ちょっと勿体無い のでここに好きなリンク集を作って あげると喜ばれるかもしれない、って いう記事です。 管理画面の利便性を高めてあげるとクライアントさんも使いたくなるし、それでWebサイトも育ててくれて結果的に収益アップしてくれたら嬉しいなウヘヘ、という夢をみつつ、今日もチマチマとカスタマイズに励んでみます。 試しにソーシャルサイトのリンク集を含めてみる ↑ 特に目新しい事では無いんですが、こういう風にしてあげようじゃないか、という内容です。jsfiddleってソーシャルだっけ？って疑問はさておき。 こんな事言うと記事タイトルが破綻してしまいますが、別にソーシャルじゃなくてもいいと思います。管理画面でよく使う場所をまとめるとかもいいですね。 コードコードです。functions.phpに以

どうも。@OZPA です。 WordPressのオリジナルテーマを作成したりして、最近htmlやphpのソースコードをブログに掲載するようなことが増えてまいりました。 そんなわけで、今さらながら導入しました、ソースコードを表示するのに便利なWordPressプラグイン「SyntaxHighlighter Evolved」のご紹介。 導入方法 プラグインは以下のリンクから入手するか、WordPressのプラグイン管理画面から「SyntaxHighlighter Evolved」を検索、有効化してください。 WordPress › SyntaxHighlighter Evolved « WordPress Plugins 対応しているコード SyntaxHighlighter Evolvedが対応しているのは、以下のコード。 html,actionscript3,bash,coldfusion

どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに

なかなか素敵なテーマがあったのでシェア。 シンプル且つクリーンなデザインで、iPhone などにもレイアウトを自動調整できるレスポ ンシブWebデザイン対応のWordPressテーマ。 開発者は勉強用でもいいと思いますし、この まま使っても十分綺麗だなーと思います。 フレームワークばかり紹介してきましたが、こういう普通の配布テーマも無料化が進んできました。まだ増えそうですね。因みに当方もレスポンシブWebデザイン対応のギャラリーテーマ・Shotokuを無料配布しています。これはフレームワークっぽい作りですけど良かったらご利用下さい。 綺麗なデザインで好みでした。ものすごく高機能ってわけでは無いですけど普通に運営する分にはこれで十分な気がします。 様々な解像度にも対応できます。 テーマのセッティングも行えます。ロゴやリンク色、フッターテキストなどなど。 ウィジェットも凝ってました。 Cont

WordPressを使ったWebサイトで現在利用中の テーマやプラグインのCSSをその場で編集、 保存を可能にするWordPressプラグインの ご紹介。多用するものではありませんが、 開発中とかに使っても便利かも、と思った のでメモがてら。 何度か似たようなものもありますけど多くは無いので選択肢の一つとして。Webサイトを見ながらその場で利用中のテーマやプラグインのCSSを編集、保存できるプラグインです。ローカル環境で開発の手助けにもなるかな、とか思ったりしましたよ。 これ便利ですねー。機能はシンプルで、Webサイトの右側にボタンが出るので、クリックするとエディターが開きます。あとは修正して保存すればいいだけ。 編集中はインタラクティブに反映されますのでサイズの指定ミスなんかをするとエディタも場外にすっ飛ばされて編集できなくなっちゃうので気をつけてください。微調整向けですかねー。 編集し

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

サイトじゃないですけど、今使ってる本。凄く分かりやすい。 チートシート 日本語版 WordPress チートシート | Webクリエイターボックス WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、 … コードを書く際に便利なカンペ。 CSS入門 わたくし、CSSもHTMLもまともに修めておりませんのでそのへんの知識を得るために。 CSSレイアウト実践講座 とほほのスタイルシート入門 テーマ、カスタマイズ参考 2011年に入って気になった最新Wordpressテーマの情報一挙公開 | バンクーバーのWEB屋 僕は出身が熊本でして、良い物のことを、”こりゃヨカバイ！”と言うことがあります（若い人は使わないよね、そうだよね。） さて、今日は僕が思