輸送・運送系WordPressテーマ（25個+） - いぬらぼ
壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186
ちょっとづつ学ぶWordPressテーマの作り方 1 -環境構築- – TOACH
猫も杓子もメディアを持つ時代になった。ブログ、SNS、ニコニコ動画、YouTube……。分けても、ブログは個人・組織を問わず広く使われている。 はてなブログなどのブログサービスを使ってブログを作るのもいいけれど、ブログっぽくないコンテンツサイトなど、完全に好みのWebサイトにしようと思うと不自由を感じることがある。 そんな時にオススメなのがWordPressだ。W3Techsが調査したところによると、CMSでは全世界のWebサイトの約半数がWordPressで使われているという。 Usage Statistics and market share of WordPress for websites | W3Techs 今回から、法律に引っかかりそうなほど広く使われているWordPressサイトの外観を決めるテーマの作り方を紹介していく。 第一回のWordPressテーマ講座はテーマ作りのプ
記事ごとにOGPを簡単設定 for WordPress | Webエンジニアブログ
プラグインを使わずに設定 OGPメタタグを追加する専用のプラグインを利用せずに、HTMLのhead領域にメタタグを出力するコードをfunctions.phpに追加する方法でOGPに対応します。 やり方 functions.phpの場所 WordPressで設定中のテーマ内にfunctions.phpが配置されています。公式テーマtwentythirteenの場合は、 wp-content/themes/twentythirteen/functions.php に配置されています。 コピペするコード functions.phpの最後に下のPHPコードをコピーして追加します。 function add_ogp() { // 変数の設定 $site_name = get_bloginfo('name'); $permalink = esc_url((empty($_SERVER["HTTPS"]
サロンの魅力が伝わるデザインと更新できるWordPressで、集客できるホームページのご提案 | スタジオブレーン
恵比寿・広尾のアロマサロン Soyosoyoさまのホームページをリニューアルさせていただきました。 ご依頼にあたっては、既存サイトで思うように集客できていなかったそうで、その理由は下記２点にあると考えました。 ・WEBデザインが満足できるものでなかった ・WEB制作会社でしか更新できなかった それを解決することを目標とした結果、見込み客を逃さないためにページの内容やデザインを見直し、WordPressを使って更新しやすいサイトにリニューアルしました。その具体的な方法についてお話させていただきます。 目次 検索からお問い合わせへとつながるように。「このサロンに行ってみたい！」と思えるような魅力的なページ作り ホームページからの集客を強化するにあたり、既存サイトではサービス内容やコンセプトについての説明が弱いことが気になりました。 これでは、お客様が検索でホームページにたどり着いても、興味を持
Bootstrap対応のWordPressテーマ作成が簡単じゃなかった件 – LIQUID BLOG
こんにちは。 この記事は WordPress Advent Calendar 2015に参加したかった人達の Advent Calendar 2015 15日目の記事です。 Bootstrap対応のWordPressテーマを作成したときの黙示録です。 これからテーマを作成される方に少しでも参考になれば幸いです。 テーマ作成について WordPressテーマを配布する目的でゼロから作成します。 Bootstrapのフォーマットに対応します。 WordPress 4.2+ 使用ライブラリ：jQuery、Bootstrap 4 alpha Bootstrap class名の指定（前編） Grid グリッドレイアウトなど、テーマのテンプレートで自由に作成できる部分は簡単です。 問題は下記のように、WordPressが生成する部分のカスタマイズです。 Navbar カスタムメニュー wp_nav_m
これは必見！Wordpressに関する有益な情報を発信するブログ23選
近年、Wordpressはブログだけでなく企業のホームページにも使われることが増えており、ますます注目度が上がっています。 今必須のスキルとも言えるWordpressですので、独学で覚えようという方も多くいらっしゃいます。 書籍、解説ブログが数多くありますので、これらを利用すれば独学で習得することは不可能ではありません。特に解説ブログは実践的な内容が多く、初心者はもちろん中上級者にも参考になります。 今回は、Wordpressに関する情報を発信するブログをご紹介いたします。これからWordpressを学ぼうと思っている方、色々カスタマイズしてみたいという方はぜひ参考にしてみてください。 Wordpressに関する情報を発信しているブログ 1.Webデザインレシピ http://webdesignrecipes.com/ Webデザイナーの高橋のりさんが運営するブログです。 ウェブデザイン、
WordPressでかっこいいページが簡単に作成できる！レイアウトを組み合わせて直感的に作成できるテーマ -Layers
WordPressには数多くのテーマファイルがありますが、それらとは少し違ったアプローチのテーマ「Layers」を紹介します。 ページ作成にはHTML/CSSの知識は不要で、レイアウトやウィジェットを組み合わせてかっこいいページを直感的に作成できます。 Layers Layers -GitHub ライセンスはGPL 2.0 Licenseで、商用利用、修正、配布などが無料で行えます。 通常のテーマファイルはデザインが完成していて、画像やテキストを配置しますが、Layersはベースとなるレイアウトが数種類あり、そこにコンポーネントやウィジェットを自由に組み合わせてページを作成します。 ページのデザインを見ながらカスタマイズできるテーマという感じです。 組み合わせるのは簡単で、下記ページで動画で公開されています。
何を使えばよいか分かった！コーポレートサイトの各ページを制作する前にみておきたいこと
作成：2015/02/9 更新：2016/06/29 Web制作 > 企業サイトはサービスや商品の他、ビジョンやIR情報などで構成されています。今回はWordPressで構築した固定ページを見やすくするために、どういったjQuery・WPプラグインを使えばよいのか、またレスポンシブに対応させるための小技もメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．ギャラリーページ ２．サービス／会社概要ページ ３．各ページの背景画像をクライアントさん側で変更可能に ４．問い合わせページ ５．CRM ６．商品を管理画面から操作 ７．アクセスページ ８．お知らせページ ９．SNS/TEL/GAアカウント変更管理 １０．Q&Aページ １１．ブログページ １．ギャラリーページ 以前、クライアントさんにギャラリーページを「ランダムにしてほしい」と言われたこと
webディレクターだけど、初心者に役立つサイト教える : ライフハックちゃんねる弐式
2015年02月07日 webディレクターだけど、初心者に役立つサイト教える Tweet 35コメント ｜2015年02月07日 10:45｜サイトまとめ｜Web・テクノロジー｜Editタグ ：web制作 1 ：以下、＼(^o^)／でVIPがお送りします：2015/02/06(金) 17:41:24.70 ID:flJZIImcH.net 最近クソみたいなデザインとグッチャグチャのソースコード書いてる ミーハー丸出しアフィサイトが増えてきて鬱陶しいから、 これからサイト作る初心者用にサイトを紹介していく これ以上俺のウェブサーフィンライフを邪魔すんじゃねえぞ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 2 ：以下、＼(^o^)／でVIPがお送りします：2015/02/06(金) 17:42:31.08 ID:flJZIImcH.net まずはドットインストール htt
WordPressの吹き出しプラグインSpeech Bubbleで会話形式のブログコンテンツが作れる！
やっと見つけた！ LINEやFacebookみたいな会話をブログで使う事ができる、めちゃくちゃ便利な吹き出しプラグインを見つけました。 [speech_bubble type=”fb-flat” subtype=”L1″ icon=”saeki2.png” name=”毎年平社員の佐伯さん”]こんにちは。WordPressではこんな便利なプラグインがあるんですね。[/speech_bubble] [speech_bubble type=”fb-flat” subtype=”R1″ icon=”nagano2.png” name=”OLの長野さん”]佐伯さん、”毎年平社員”っていう肩書がつけられてますよ。チョー似合う。 [/speech_bubble] 今回は、こんなふうに漫画風や会話風にブログを進行することができるようになるワードプレスのプラグイン『Speech Bubble』というプラグ
WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法
主な手順 主な作成手順は、こんな感じです。 CSSをstyle.cssなどに貼り付ける CSSのclassを用いて文章を書く CSSさえ貼り付けてしまえば、あとは「吹き出しクラスを適用したpタグ」などで、書き込むだけです。それほど手間もかからないと思います。 作成方法 作成方法は以下です。 style.cssに貼り付ける 以下のCSSをstyle.cssにコピペします。 /******************************* * 左からの吹き出し ********************************/ .left_balloon { position: relative; background: #fff; border: 1px solid #777; margin: 10px; padding: 10px; border-radius: 15px; margin-
Web制作の仕事をするようになってからお世話になっているサイト＆気になっているサイト｜今村だけがよくわかるブログ
Web制作を仕事にしようと決めて、勉強を始めたのが今から約8年ほど前だったと思います。その当時から現在まで、大変お世話になっていたり、気になっているWebサイトが多くあります。 今回は、その1部をご紹介します。（サイト名は順不同、敬称略です） buzzword(バズワード) http://www.buzzword.jp/ Web業界に入りたての方がつまずきやすい技術に焦点を当て、解説されている記事が多いです。 例題を交えながら平易な文章で解説されていて、とても親切。ずーっとお世話になっているサイトの1つです。 Attrip http://attrip.jp/ 仕事の休憩時間によく見るサイト。笑うつもりがなくても思わず吹いてしまうネタ記事が多くて、なごみ要素がとても強いです。 という面もあれば、国内外のWebサービスをすぐに試したり、ネット上で話題になっているものをいち早く見つけて記事にした
ブログのスマートフォン対応の際に考えたこと
遅ればせながら、2014年8月にこのブログのスマートフォン対応を行いました。 iPhone, iPod touch, Android, Windows Phone, BlackBerry などの各種スマートフォンのほか、 Kindle, Sony Tablet, Nexus 7 などのタブレットではスマートフォン用のテーマで表示されるはずです。 iPad は、PC 用のテーマのほうが見やすいと感じたのでそのままにしています。 なぜ今までスマートフォン用のテーマを作っていなかったのか 一番大きな理由は「見づらいというご意見をいただかなかったから」です。 また、昨年まではスマートフォンからのアクセスは 10% ちょっとしかなかったため、それほど必要性を感じていませんでした。 とはいえ全く何の対応もしていなかったわけではなく、iPhone や Android の場合は、本文のフォントサイズが少し
そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 | BLOG ROOM9（ブログルームナイン）
そろそろ本気でWordPress！Web制作初心者が劇的に成長できるオススメ国内有名ブログ18選 2014 7/10 WordPressガッツリ使い倒すぞー！ PHP、HTML、CSS超勉強するぞー！ で、まず何したらいいの！？ なんて方はかなり多いかと思います。というか僕がそうでした。そんなワケで今回は Web制作ど素人だけどWordPressのサイト構築をバリバリできるようになりたい！ ブログ書くだけじゃなくテーマをゴリッとカスタマイズできるようになりたい！ こんな方々に超オススメの国内有名ブログを18個紹介させていただきます。Web制作のスキルというとデザインだったり、集客だったり色んな要素が考えられますが、今回は 構築、及びコーディング つまりサイトを”作る”という点で特に参考になるブログのまとめです。 構築・コーディングとは言ってもWeb制作の括りではかなり基礎的なレベルから勉強
WordPressの「やべっ！公開ボタン押しちまったよｗｗｗ」を回避する小技 | Betz
WordPress 管理画面のエディタで記事を編集するさい、作成途中のものは「下書きとして保存」しますよね。 ところが、ついうっかり「公開」や「更新」ボタンを押してしまったり、半角英数字でタイトルを入れているときに Enter を押して公開してしまったことがありませんか？ すぐ非公開に戻せばいいのですが、Twitter を自動連携させていると作成途中の記事が見られてちょっと恥ずかしく、なぜか後ろめたいに気持ちに。 というわけで、今日はそんなついうっかりを回避する小技をご紹介します。 管理画面のCSSを調整してボタンの色を変える まず、「下書き」ボタンを強調し、「公開」ボタンを目立たなくする小技から。 通常、投稿エディタの右上はこのように公開ボタンが目立っています。 夜中に記事を書いているときなど、ぼーっとしているとついつい公開ボタンを押しちゃいそうですね。 下書きボタンのほうを目立たせるよ
これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
ブログを簡単におしゃれにできる背景デザインと CSS 設定方法 - Naifix
あちこちブログを見てまわると、おしゃれなデザインにしているところがたくさんありますよね。 WordPress でも無料ブログでも、綺麗にデザインされているテーマ・テンプレートを使えば誰でも簡単に見栄えをよくできます。 そこまで大幅に変更するのではなく、既存のデザインのままでちょっと雰囲気を変えておしゃれなデザインにしてみたいなら、シンプルな背景画像を敷いてみるとよいかもしれません。 本記事では「WordPress のカスタマイザーを使う方法」と「CSS で設定する方法」の 2 パターンをご紹介します。 背景画像を設定してイメチェンしてみよう メインコンテンツ（記事本文）の背景色を白にして、まわりの背景色を変えておくと、メイン部分がよりわかりやすくなりますよね。読者も記事に集中しやすくなると思います。 でも、濃いめの色を使ってしまうと圧迫感を与えてしまいます。周囲の余白に気をつけないと、色が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ごりゅご.com
新着記事
店舗サイトをWordpressで制作するときに役立つプラグイン５選 | Wordpress boy（ワードプレスボーイ）
