We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
デザイン重視で構築するWordPressサイトのすゝめ 〜俺たちのやりたいことがWordPressでできないわけがない〜【セーフ!】 1. デザイン重視で構築する WordPress ! サイトのすゝめ セ ーフ このスライドはWordCamp Osaka 2012のセッションで実際に披露した内容に 当日デモで動かした部分を加え、危ない橋を渡らないように改変を加えたものです2012.11.03 - WordCamp Osaka 2012 GOUTEN(@gouten5010) 2. 自己紹介 お前誰やねん デザイン重視で構築する WordPressサイトのすゝめ 俺達のやりたいことがWordPressでできないわけがない 3. 自己紹介GOUTEN Webデザイナーとかフロントエンジニアとか 普段は某IT企業の社畜 小劇場系の舞台まわりでも活動中 gouten5010 デザイン重視で構築す
ferret編集部:2015年8月7日に公開された記事を再編集しています。 ホームページを制作するうえで、手軽に構築でき、SEO対策にも向いたCMSがWordPressです。中でも、SEO対策に特化したプラグインが様々あり、ホームページを運営する人の強い味方とも言えます。 今回は、目的別にSEO対策に役立つプラグインをご紹介していきます。WordPressでホームページを制作している場合は、これらのプラグインをぜひチェックしてください。 基本設定 1. All in one SEOpack https://ja.wordpress.org/plugins/all-in-one-seo-pack/ ホームページ全体の基礎的なSEO設定ができるようになるプラグインです。記事ごとにタイトルやメタタグなどを自由に設定できるようになるため、ページ単位で細かくキーワードを狙っている場合は必須です。 2
基本の解説 STEP1. リクエスト送信先のパス WordPress で Ajax を使う場合 /wp-admin/admin-ajax.php にリクエストを送ることに決まっている。 JavaScript ファイル内で動的にパスを指定することはできないので、wp_head にフックしてリクエスト送信先のURLをグローバル変数として出力しておく。 > functions.php function add_my_ajaxurl() { ?> <script> var ajaxurl = '<?php echo admin_url( 'admin-ajax.php'); ?>'; </script> <?php } add_action( 'wp_head', 'add_my_ajaxurl', 1 ); wp_head アクションにフックすることで head 要素内に JavaScript
カスタム投稿タイプとカスタムタクソノミーについてまとめました。結構詳しくまとめた(つもりな)のでこの記事を参考にすればカスタム投稿タイプを使用して基本的なことは出来るようになると思います。 まえがき カスタム投稿タイプとカスタムタクソノミーについてまとめました。 カスタム投稿タイプを使ってWordPress標準の「投稿」とは別の独立したブログコンテンツを作成する時に必要になりそうな項目をピックアップして解説します。 カスタム投稿タイプとカスタムタクソノミーを覚えるとできることの幅が格段に広がりますので抑えておいて損は無いと思います。 目次 カスタム投稿タイプとカスタムタクソノミーの概要 カスタム投稿タイプとは カスタムタクソノミーとは タームとは カスタム投稿タイプ&カスタムタクソノミーの作成 カスタム投稿タイプのパーマリンク設定 カスタム投稿タイプのテンプレートやタグ カスタム投稿タイプ
WordPressのページネーションをプラグインなし、シンプルなデザインで実装してみます。 Screen shot 参考:出力されるコード <div class="pagenation"> <ul> <li class="prev"><a href="....">Prev</a></li> <li><a href="....">1</a></li> <li><a href="....">2</a></li> <li><a href="....">3</a></li> <li class="active">4</li> <li><a href="....">5</a></li> <li class="next"><a href="....">Next</a></li> </ul> </div>
作成:2015/08/10 更新:2017/04/16 Web制作 > 開発環境 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 エンジニア速報は Twitter の@commteで配信しています。 もくじ WordPress版 受託用マニュアル 1.ヒアリングシート 2.WP版ホームページ制作の流れ 3.WordPress管理マニュアル 4.WP版品質チェックシート 5.Wordpress タグ タスクランナー 6.gulp 7.Bower JavaScript 代替言語/JST 8.TypeScript 9.CoffeeScript 10.Jade コーディング用 11.Chrome 開発ツール 12.html5
ランディングページをWordpressで作ることも多いと思います。その際どうしても、HTMLで作成したものをWordpressに変換するといった作業が必要になります。 そんな作業をすっとばして、効率良くLPを作れるのがテンプレートの活用。高品質なテンプレートなら最初から素晴らしいデザインで作られているので、細かい修正のみでそのまま使えることも着くなくありません。 このページではWordpress向けの高品質なLPを紹介します。 Wordrpessの高品質LPテンプレート xLander – Startup Landing Page Bootstrap WP Theme Bootstrapを採用したランディングページテンプレートで、複数のレイアウトが用意されています。テーマオプションが用意されているので管理画面から簡単にデザインを変更することも可能。 Landy – Responsive L
日本におけるWordPressの第一人者である高野直子さんは、世界各地にいる社員のほとんどがリモートワークという米Automattic社の社員として、東京の自宅やコワーキングスペースで仕事をしている。国を超えて協力しあう同社のチームワークのあり方や、日本という枠を超えてグローバルな活躍の場をつかむためのポイントとは? 【プロフィール】高野直子 高校時代の交換留学をきっかけにアメリカの大学に進学し、グラフィックおよびWebデザインを学ぶ。卒業後は地元福岡でネット系の企業に就職。その後アメリカに戻り、現地企業で翻訳、Webのフロントエンド開発などに携わる。それらの経験から「自身は会社員に向かない」「大企業は無駄が多い」とフリーランスに転向し、国内外の顧客からリモートでWeb制作の仕事を請け負うように。WordPressのオープンソースコミュニティに初期の頃から参加し、日本での普及に貢献。その活
WordPressのエクスポート機能って便利ですね。以下の方法でエクスポートファイルをダウンロードできます。 WordPressのエクスポートファイルをダウンロードする方法WordPressの管理画面から「ツール」→「エクスポート」を選びます。 エクスポート画面に移動するので、エクスポートしたい内容を選んで「エクスポートファイルをダウンロード」ボタンを押します。 すると、XML形式で書かれたエクスポートファイルのダウンロードが始まります。 以上が前置きで、以下が本題です。 エクスポートファイルを元に、細かく投稿を振り分けることになったダウンロードしたエクスポートファイルを元にして、新しいサイトに投稿をインポートすることがありました。 インポートする際、そのままインポートするのではなく、ルールを設けて、投稿ごとに細かく振り分けをする必要がありました。 例えば、以下のようなルールです。 投稿A
毎日暑い日が続きますね。。。 皆さん、熱中症対策はちゃんとされていますか? WP-Eたまご こと、@makiko_olです! 今回、勉強させていただいた本は「WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)」。 実は7月に行われたWordBench東京に参加した時に、こちらの書籍の著者であります、中島真洋さんとお話をさせていただく機会があり、この本を読む機会をいただきました。 中島さん、ありがとうございます! 本書の構成 Chapter1 WordPressの準備と基本設定 Chapter2 基本的なテーマを作成する Chapter3 プラグインを利用する Chapter4 Webサイトを拡張する Chapter5 投稿タイプ・フィールド・タクソノミーをカスタマイズする Chapter6 管理画面と投稿画面をカスタマイズする Chapter7 高
ブログやホームページを簡単に作成できるWordPressは、カスタマイズできる幅が広くデザインの自由度も高いのが特徴です。 ユーザー数が多いため、配布されているテンプレートやプラグインの種類が豊富で、初心者でもクオリティの高いデザインを簡単に作成できます。 今回は、WordPressに使える便利なツールやショートカットについての情報をまとめました。 1. アクセス解析が捗るWordPressオススメのプラグイン15選 https://ferret-plus.com/836 WordPressは多数のプラグインがあり、アクセス解析用のプラグインも豊富に揃っています。 GoogleAnalyticsと連携できるものやヒートマップ機能がついているものなど、非常に高機能なものも揃っており、アクセス解析をしっかり見たいという方にオススメです。 2. 無料でシンプルでオシャレ!Wordpressのブロ
ものすごいWordpressテーマが出たなーという事でこちらでもご紹介。北米圏で様々なテンプレート販売を行っている大御所と言えばTemplate Monsterが大御所かと思いますが、ここから(現時点では)究極と言って良いんじゃないかというレベルのWPテンプレート「Monstroid」が登場しました。 今までこのブログでは有料WPテーマの紹介等はしたことが無かったのですが、巷で結構ニュースになっていたのでこちらでも共有させて頂ければと思います。 とにかく、ありとあらゆる機能が実装 驚くべきはその機能面/選択肢の充実度です。145種類に渡るページテンプレート、120を超えるPSDファイル、50を超えるライセンス付きのイメージ画像。 バックアップは勿論、当たり前のようにレスポンシブデザインにも対応し、スキン変更も自由自在、E-Commerce機能にSEO対策済みで、Analytics実装、サー
WordCampTokyo 2015 でのセッションスライド 愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~ 今回お話した内容 ・WordPressの可能性とスケール感を知る ・焼き鳥サイトのデモとサイト構成 ・WordPress公式テーマの活用 ・WordPress公式プラグインの活用 ・WordPressのリデザイン(子テーマ) 自分が好きな焼き鳥をテーマとして、おすすめのプラグインやカスタムフィールドを活用しても店舗出力などを説明しています。 子テーマで効率的に修正するために、add_filter や add_action についてもふれました。 ================= ◆制作業務 TickleCodeという屋号でJavaScript、WordPressでのWebサイト制作やSwiftでのアプリ開発、Ruby
1. 2015.7.26 (日) 失敗しない!多言語サイト制作で絶対に知っておきたいこと @ WordCamp Kansai 2015 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと 2015/7/26 (日) WordCamp Kansai 2015 @ 大阪大学 1 2. 2015.7.26 (日) 失敗しない!多言語サイト制作で絶対に知っておきたいこと @ WordCamp Kansai 2015 本日の目次 ● 自己紹介・事例 ● 多言語サイト設計の基本 ● WordPress での多言語サイト4つの方法 ● 多言語サイトのターゲティング・構造 ● 原稿を作る・「翻訳」の落とし穴 ● WordPress 多言語プラグインの紹介 2 3. 2015.7.26 (日) 失敗しない!多言語サイト制作で絶対に知っておきたいこと @ WordCamp Kansa
学びはエンターテイメント(和田塾高丘校ブログ) - わたしの「ニガテ」が勉強がんばる「ヒント」になる! タイトルが長くなったとき、それまでは長いまま表示していたのですが、やっぱり改行されてたほうが見やすいときもあります。で、どうにかして改行を入れようと思いまして、それを記したメモです。 タイトルに単純に<br />を入れてみた もっとも簡単な方法は、タイトルそのものの改行のタイミングで改行タグの<br />を入れてしまうことです。 が、これをやってしまうと、シングルページのタイトルだけではなく、ループ内のタイトル、果てはパンくずのところまで全部改行されてしまいました。シングルページだけならまだしも、<?php the_title(); ?>を引っ張ってきているところ、全てに影響してしまうと実用的じゃないです。 改行を入れるのではなく、空白を改行に置き換えてみたらどうだろう 改行タグを入れよ
こんにちは、エンジニアの段田です。 世間的にはもうシーズン・イン・ザ・サンですね。 自分の中では夏を待ちきれなくて、情熱が花火のようで、夏だねって感じたら、きっと、どこかでひまわりを見ちゃうんじゃないかと思ってました。 こんなSUMMER DREAMはセンチメンタルに首ったけで僕も恋してムーチョしそうです。あー夏休みまでもう少し! Only You 君と夏の日を過ごすのが待ち遠しいですね。 じゃあ、話を進めます。(飽きた) 今回はWordPressのメールフォームプラグイン「Contact Form 7」で、自作のショートコードを呼ぶ方法についてです。 Contact Form 7とは? https://ja.wordpress.org/plugins/contact-form-7/ WordPressでメールフォームを設置できるプラグインです。 公式サイトはこちらから。 編集画面はこのよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く