Skip to content

Instantly share code, notes, and snippets.

@dcondrey
dcondrey / Fadingtabs.html
Created March 13, 2014 05:29
Bootstrap modal with tabs and pagination
<html>
<head>
<style>
.fadecontentwrapper{
position: relative;
width: 350px;
height: 250px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid maroon;
overflow: hidden;
@dcondrey
dcondrey / mcedemo_plugin.js
Created December 7, 2014 06:36
Add Page-Break, Highlight/Background-Color, extra buttons into the third row (row empty by default), extra buttons into the fourth row (row empty by default), modify dropdown menus, other misc mods
(function() {
tinymce.create('tinymce.plugins.WRAP', {
init : function(ed, url) {
/* wrapping button take 1 */
ed.addButton('demobutton0', {
title : 'Wrap Selection in green!',
cmd : 'mceWRAP',
image : url + '/coffee.png'
});
select, input, button, textarea {
font-size: 100%;
font-family: Arial, sans-serif;
font-weight: normal;
vertical-align: baseline;
margins: 2px 2px 10px 0;
padding: 4px 3px;
}
input, button, textarea {
@dcondrey
dcondrey / dcWPFunctions.html
Last active June 10, 2017 13:01
My collection of custom functions for use with WP. Manipulating post content and titles, article content and titles, seo, cleanup, etc, misc..
<?php
/**
* Limit previous/next post title character length and append a ellipsis if trunicated
*/
$previous_post = get_adjacent_post( false, '', true );
$next_post = get_adjacent_post( false, '', false );
$previous_post_title= get_the_title($previous_post);
$next_post_title = get_the_title($next_post);
$max_length = 75;
$previous_post_length = strlen($previous_post_title);
@dcondrey
dcondrey / front-end-title-edit.js
Created December 7, 2014 06:21
Basic WP plugin, front-end editing with ajax
jQuery(document).ready( function($) {
$('.entry-title a').after( ' <button class="edit-title">EDIT</button>');
$('.entry-title').on( 'click', '.edit-title', function(ev) {
ev.preventDefault();
var postId = $(this).closest('article.post').attr('id').replace('post-','');
$a = $(this).prev('a'),
title = $a.text(),
newTitle = prompt( 'New Title', title );
@dcondrey
dcondrey / functions.php
Created April 13, 2014 02:29
Boilerplate markup for basic Wordpress index.php. Integrated with HTML5 semantic markup and Schema.org structured data. Miscellaneous other PHP functions that I use in most of my templates can also be found here.
<?php
function my_scripts_method() {
wp_enqueue_style( 'style', get_stylesheet_uri());
wp_enqueue_style( 'fonts', get_template_directory_uri() . '/css/fonts.css');
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js');
wp_enqueue_script( 'jquery' );
@dcondrey
dcondrey / format-audio.php
Created July 19, 2014 08:21
Modify Wordpress Post Formats and display them as a horizontal tab bar along the top of the post editor page.
<div class="post-editor-block" id="post-editor-audio-fields" style="display: none;">
<label for="post-editor-audio-embed"><?php _e('Audio URL (oEmbed) or Embed Code', 'post-format'); ?></label>
<textarea name="_format_audio_embed" id="post-editor-audio-embed" tabindex="1"><?php echo esc_textarea(get_post_meta($post->ID, '_format_audio_embed', true)); ?></textarea>
</div>
@dcondrey
dcondrey / WP_secondary_editor
Created July 3, 2014 04:12
Add a second TinyMCE editor to Wordpress post editor page. The second editor will look, and function exactly like the original one with full toolbar, and support for shortcodes.
/* Second Post Editor TinyMCE Editor */
class SubContentEditor {
public $meta_key = 'subcontent';
public $meta_label = 'Right Side'; // Headline above editor
public $post_type = array( 'page' ); // The post type in which the editor should display
public $wpautop = true; // Automatically create paragraphs?
function __construct() {
add_action( 'edit_form_after_editor', array( &$this, 'edit_form_after_editor' ) );
@dcondrey
dcondrey / control.php
Last active June 21, 2022 17:53
WP Customizer / Custom Controls / Sanitization
<?php
class litho_textarea_control extends WP_Customize_Control {
public $type = 'textarea';
public function render_content() { ?>
<label>
<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
<textarea rows="5" style="width:100%;" <?php $this->link(); ?>><?php echo esc_textarea( $this->value() ); ?></textarea>
@dcondrey
dcondrey / responsive-youtube-iframe.css
Last active November 21, 2022 14:39
Really responsive Youtube iFrame (width XOR height ) *Preview available here: https://www.thebouqs.com/en/content/8-how-it-works
#hero { width:100%;height:100%;background:url('{$img_ps_dir}cms/how-it-works/hero.jpg') no-repeat top center; }
.videoWrapper { position:relative;padding-bottom:56.25%;padding-top:25px;max-width:100%; }
@media (min-width:1000px) {
#hero { background-size:cover; }
}
@media (max-width:767px) {
#hero { width:100%;height:94%!important;background:url('{$img_ps_dir}cms/how-it-works/hero-mobile.jpg') no-repeat top center;background-position: 0 -155px;height: 273px!important;background-position:0 -209px; }
}
@media (max-width:540px) {